/*	screen.css | digital-engineer.net
**	Lodewijk Schutte ~ Low | loweblog.com/freelance
**	v1.8 | 20090825
**	---------------------------------------------------------------------- */


/*	Global reset by Eric Meyer
**	http://meyerweb.com/eric/tools/css/reset/
**	v1.0 | 20080213
**	---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/*	Default styles
**	---------------------------------------------------------------------- */

body {
	background:#d7d3ca;
	font:13px/1.692 "Helvetica Neue", arial, helvetica, sans-serif;
}

/* headings */
#content h1, #content h2, #tertiary h2 {
	font:200 2.308em/1 "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", arial, helvetica, sans-serif;
}

/* form elements */
label {
	cursor:pointer;
}

input, textarea, select {
	background:#f6f4e6;
	border:1px solid #046380;
	font:1em/normal "Helvetica Neue", arial, helvetica, sans-serif;	
	padding:3px;
}

/* links */
a {
	color:#046380;
	text-decoration:none;
}

a:visited {
	color:#444;
}

a:active, a:focus {
	color:red;
}

a:hover {
	background:#046380;
	color:#efecca;
}

/*	Main layout
**	---------------------------------------------------------------------- */

#top {
	width:960px;
	margin:0 auto;
	background:#fbfaf9 url(../images/bg_light.png);
	position:relative;
}

#logo a {
	font-size:1em;
	height:45px;
	left:79px;
	line-height:normal;
	position:absolute;
	top:2.538em;
	width:252px;
	z-index:100;
}

#logo a:hover {
	background:none;
}

#content {
	padding-top:19.077em;
}

#primary {
	float:left;
	width:476px;
	margin:0 0 1.692em 69px;
}

#secondary {
	float:right;
	width:338px;
	margin-bottom:1.692em;
}

/*	Main navigation
**	---------------------------------------------------------------------- */

#nav {
	position:absolute;
	top:0;
	left:0;
	width:960px;
	background:#0d3a3a url(../images/bg_dark.png);
	height:15.231em;
	border-bottom:2px solid #000;
	z-index:2;
}

#nav ul {
	position:absolute;
	bottom:0;
	left:66px;
	width:828px;
}

#nav li {
	width:208px;
	float:left;
	margin-left:-1px;
	font-weight:100;
}

#nav li a {
	display:block;
	color:#efecca;
	height:5.077em;
	text-decoration:none;
}

#nav li a span {
	border-left:1px solid #efecca;
	padding-left:10px;
	display:block;
}

#nav li a strong {
	color:#fff;
	display:block;
	font-weight:100;
	position:relative;
	text-transform:uppercase;
	top:.462em;
}

#nav li a em {
	display:block;
	font-style:normal;
	position:relative;
	top:.462em;
}

#nav li.active a, #nav li a:hover {
	background:#efecca;
	color:#000;
}

#nav li.active a strong, #nav li a:hover strong {
	color:#046380;
}

/*	Primary content
**	---------------------------------------------------------------------- */

.entry {
	margin-bottom:1.692em;
}

.entry h1, .entry h2 {
	margin-left:-20px;
}

.entry h1, .entry h2 a {
	text-decoration:none;
	color:#002f2f;
}

.entry h2 a:hover {
	background:none;
}

.entry .date {
	border-top:1px solid #046380;
	color:#046380;
	float:left;
	font-size:.923em;
	font-style:italic;
	line-height:normal;
	margin:1em 0 0 -20px;
	padding:0;
}

.entry .date a.permalink {
	margin-right:1em;
}

.entry .date a.permalink:hover {
	background:none;
}

.entry .text {
	clear:both;
	margin-bottom:-1.692em;
	padding:.308em;
}

.entry .text p, .entry .text ul, .entry .text ol, .entry .text blockquote {
	margin-bottom:1.692em;
}

.entry .text ul {
	list-style:square outside;
}

.entry .text ol {
	list-style:decimal outside;
}

.entry .text p + ul, .entry .text p + ol {
	margin-top:-1.692em;
}

.entry .text a {
	font-weight:bold;
}

.entry .text a:hover {
	text-decoration:underline;
}

.entry .text a.more {
	font-weight:400;
}

#primary .entry .text h2 {
	margin:0;
	font-size:1em;
	line-height:1.692;
	font-weight:bold;
}

.entry .text img {
	float:right;
	background:#fff;
	padding:5px;
	border:1px solid #000;
	margin:0 -.308em 0 25px;
}

.entry .text img.big {
	float:none;
}

.entry .text .pullquote {
	float:right;
	margin:0 -.308em 0 25px;
	padding-left:10px;
	border-left:1px solid #046380;
	font-size:1.385em;
	line-height:1.778;
	font-style:italic;
	color:#046380;
	width:155px;
}

.entry .text .pullquote p {
	margin:0;
}



/* Meta */

.entry .meta {
	border:1px solid #046380;
	border-width:1px 0;
	color:#046380;
	font-size:.846em;
	line-height:2;
	padding:.462em 0;
}

.entry .meta .hits {
	margin:0 1em 0 .727em;
}

.entry .meta .social-links {
	float:right;
	margin-right:.364em;
}

/*	Comments
**	---------------------------------------------------------------------- */

#comments h2 {
	display:none;
}

#comments li {
	border-top:1px solid #002f2f;
	color:#046380;
	font-style:italic;
}

#comments li .text {
	padding:0 .308em;
}

#comments li .text img {
	vertical-align:text-bottom;
}

#comments li .text a {
	text-decoration:underline;
}

#comments li p {
	margin-bottom:1.692em;
}

#comments li p.meta {
	color:#002f2f;
	font-style:normal;
	margin:0;
	padding:0 .308em;
}

#comments li p.meta strong a {
	color:#002f2f;
	text-decoration:underline;	
}

#comments li p.meta strong a:hover {
	color:#efecca;
}

#comments li p.meta a.permalink {
	background:url(../images/icon_link.png) 100% 100% no-repeat;
	float:right;
	line-height:normal;
	margin-right:3px;
	text-indent:-9999em;
	width:20px;
}

#comments li.author-1 p.meta, #comments li.author-2 p.meta {
	color:#efecca;
	background:#002f2f url(../images/bg_dark.png);
}

#comments li.author-1 p.meta a, #comments li.author-2 p.meta a {
	color:#efecca;
}

#comments li.author-1 p.meta a.permalink, #comments li.author-2 p.meta a.permalink {
	background-image:url(../images/icon_link_alt.png);
}

#comments li.author-1 .text, #comments li.author-2 .text {
	color:#002727;
}

/*	Comment form
**	---------------------------------------------------------------------- */

#comment_form legend {
	display:none;
}

#your-info div {
	float:left;
	width:100%;
}

#your-info label {
	color:#046380;
	float:left;
	padding:3px 0;
	width:5.308em;
}

#your-info input {
	float:left;
	width:14.769em;
}

#your-comment label {
	display:none;
}

#your-comment textarea {
	height:10em;
	width:468px;
}

#your-captcha img {
	vertical-align:bottom;
}

#your-options {
	position:relative;
}

#your-options label {
	color:#046380;
	font-size:.923em;
	line-height:normal;
}

#your-options input {
	background:transparent;
	border:none;
	padding:0;
}

#your-options button {
	bottom:0;
	position:absolute;
	right:0;
}

/*	Archive
**	---------------------------------------------------------------------- */

#by-category {
	border-bottom:1px solid #046380;
}

#by-category h2, #by-date h2 {
	margin-left:-20px;
}

#by-category ul {
	margin:1.692em 0;
}

#by-category li {
	position:relative;
}

#by-category li span {
	position:absolute;
	right:0;
}

#by-category li a {
	color:#000;
}

#by-category li a strong {
	color:#046380;
	float:left;
	font-weight:normal;
	margin-right:.5em;
	text-align:right;
	padding-right:.5em;
	width:3em;
}

#by-category li a:hover {
	background:none;
	text-decoration:underline;
}

#by-category li a:hover strong {
	background:#046380;
	color:#efecca;
	text-decoration:none;
}

#by-date {
	margin:1.692em 0;
}

#by-date h3 {
	font:italic normal 1.231em/1.375 "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", arial, helvetica, sans-serif;
	color:#046380;
	margin:1.375em 0 0 -20px;
}

#by-date li a {
	color:#000;
}

#by-date li a:hover {
	color:#efecca;
}

/*	Simple Search form
**	---------------------------------------------------------------------- */

#searchform {
	margin:-1.692em 0 1.692em;
}

#searchform fieldset {
	padding:0 7px;
}

#searchform fieldset label {
	display:block;
	text-transform:uppercase;
	color:#046380;
}

#searchform fieldset input {
	background:#f6f4e6;
	border:1px solid #046380;
	float:left;
	padding:3px;
	width:247px;
}

/* Submit button with image
#searchform fieldset button {
	border:0;
	padding:0;
	margin:3px -2px 0 0;
	background:url(../images/search.png) 50% 50% no-repeat;
	width:54px;
	height:20px;
	text-indent:-9999em;
	cursor:pointer;
	float:right;
}
*/

/* submit button with css3 */
#searchform fieldset button {
	background:#f6f4e6;
	border:1px solid #046380;
	color:#046380;
	cursor:pointer;
	font:small-caps 600 .923em/normal "Helvetica Neue", arial, helvetica, sans-serif;
	margin-left:11px;
	padding:2px 0;
	vertical-align:center;
	width:54px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#searchform fieldset p {
	clear:both;
	margin-left:23px;
}

#searchform fieldset p a {
	text-decoration:underline;
}

/*	Advanced Search form
**	---------------------------------------------------------------------- */

#advanced-search fieldset {
	margin:1.692em 0;
}

#advanced-search select {
	padding:0;
}

#advanced-search label {
	float:left;
	width:138px;
}

#advanced-search .switch select {
	float:left;
}

#advanced-search .switch .boxes {
	float:right;
	width:131px;
}

#advanced-search .boxes label {
	float:none;
	display:block;
}

#advanced-search .boxes input {
	background:transparent;
	border:none;
	padding:0;
}

/*	Secondary content
**	---------------------------------------------------------------------- */

#feeds {
	padding:0 5px;
}

#feeds h2 {
	font-size:1em;
	line-height:1.692;
	font-weight:bold;

}
#feeds h2 a {
	display:block;
	border:1px solid #046380;
	border-width:1px 0;
	padding-left:25px;
	background:url(../images/icon_feed.png) center left no-repeat;
	color:#046380;
}

#feeds h2 a:hover {
	background:#046380;
	color:#efecca;
	border-color:#046380;
}

#feeds ul {
	margin:.308em 0 1em;
}

#feeds li a {
	display:block;
	font-size:.923em;
	line-height:1.167;
	overflow:hidden;
	padding:.333em .333em .333em 25px;
	white-space:nowrap;
}

#feeds li a:hover {
	color:#046380;
	background:#efecca;
	text-decoration:underline;

}

/*	Banners
**	---------------------------------------------------------------------- */

#banners {
	margin-right:1px;
}

#banners div {
	margin:7px 0;
}

#banners div a:hover {
	background:none;
}

#quote {
	background:#a7a37e url(../images/quote_open.png) 2% 10% no-repeat;
}

#quote blockquote {
	background:url(../images/quote_close.png) 98% 90% no-repeat;
	padding:20px 40px;
}

#quote blockquote a {
	color:#efecca;
	display:block;
	font:100 1.923em/normal "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", arial, helvetica, sans-serif;
	text-align:center;
}

#quote blockquote a span {
	display:block;
}

#quote blockquote a:hover {
	background:none;
}


/*	Tertiary content
**	---------------------------------------------------------------------- */

#tertiary {
	background:#0d3a3a url(../images/bg_dark.png);
	float:left;
	padding:1.692em 0;
	position:relative;
	width:100%;
}

#tertiary h2 {
	color:#fff;
	font-size:1.692em;
}

#tertiary ul {
	margin-top:.333em;
}

#tertiary li {
	font-size:.923em;
	font-weight:100;
	line-height:1.167;
	padding:.333em 0;
}

#tertiary li a {
	color:#efecca;
}

#tertiary li a:hover {
	background:#efecca;
	color:#000;
	text-decoration:underline;
}


#tertiary img {
	position:absolute;
	right:10px;
	bottom:1.692em;
}

#previously {
	float:left;
	width:324px;
	margin-left:69px;
	padding:0 7px;
}

#categories {
	float:left;
	width:324px;
	margin-left:76px;
	padding:0 7px;
}

#categories ul {
	float:left;
	width:117px;
}

#categories ul#group2 {
	margin-left:90px;
}

#categories li a {
	display:block;
	position:relative;
}

#categories li a span {
	position:absolute;
	right:0;
	top:1px;
}

#group2 li a, #previously li.last a {
	color:#fff;
}

#group2 li a:hover, #previously li.last a:hover {
	color:#000;
} 


/*	Footer
**	---------------------------------------------------------------------- */

#footer {
	clear:both;
	background:#000;
	padding:3.385em 0;
	text-align:center;
	color:#efecca;
}

#footer p {
	font-size:.846em;
	font-weight:100;
	line-height:2;
}

#footer a {
	color:#fff;
}

#footer a:hover {
	color:#000;
	background:#efecca;
}

/*	For better Safari/webkit rendering
**	---------------------------------------------------------------------- */

#nav ul li a strong, #nav ul li a em,
#tertiary ul li a, #footer p, #tertiary h2 {
	font-weight:400;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
}

a:hover, a:hover em, a:hover strong {
	text-shadow:none !important;
}