/*
Theme Name: Benedict Graphico | lab
Theme URI: http://lab.benedictgraphico.com/
Description: Benedict Graphico | lab
Version: 1.0
Author: John Benedict
Author URI: http://benedictgraphico.com/
.
General comments/License Statement if any.
.
*/


/* --------------------------------------------------------------

	* Resets default browser CSS.

	Based on work by Eric Meyer:
	* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* firefox dotted line removal */
a { outline: none; }

/*
-------------------------------------------------------------- */

body 			{ margin: 0 auto; text-align: center;
				background: #121719 url(images/global/body-bg.gif) repeat-x;
				font: bold 10px/18px Arial, Helvetica, sans-serif; color: #A9ADA7; }

a 				{ color: #7F9AAF; }
a:hover 		{ text-decoration: none; }

#wrapper 		{ margin: 0 auto; width: 1000px; }


/* HEADER
-------------------------------------------------------------- */

#header 		{ margin: 0 auto; padding: 0 100px; width: 800px; height: 111px; text-align: left;
				background: #fff url(images/global/header-bg.jpg) no-repeat; }

#header h1 		{ float: left; text-indent: -9999px; width: 505px; height: 111px;
				background: url(images/global/logo.gif) bottom left no-repeat; }
#header h1 a 	{ float: left; margin: 30px 0 0 0; width: 150px; height: 81px; display: block; }


/* TOP NAV
-------------------------------------------------------------- */

#topNav 		{ float: right; margin: 62px 19px 0; width: 195px; }
#topNav ul 		{ }
#topNav li 		{ list-style: none; display: inline; }

#topNav ul li a { float: left; height: 30px; text-indent: -9999px; display: block; }

a#work-btn 		{ width: 50px; background: url(images/global/work-btn.gif) no-repeat; }
a#theoryAndProcess-btn { width: 110px; background: url(images/global/theoryAndProcess-btn.gif) no-repeat; }
a#lab-btn 		{ width: 35px; background: url(images/global/lab-btn.gif) no-repeat; }

a#work-btn:hover, /*a#theoryAndProcess-btn:hover,*/ a#lab-btn:hover, #topNav li.active a { background-position: 0 -30px; }


/* CLIENT LOGIN
-------------------------------------------------------------- */

#clientLogin 	{ float: right; }

#clientLogin a 	{ text-indent: -9999px; width: 110px; height: 19px; 
	background: url(images/global/clientLogin.gif) no-repeat; display: block; }
#clientLogin a:hover { background-position: 0 -19px; }


/* ELEMENTS
-------------------------------------------------------------- */

#wpi 			{ margin: 0 auto; width: 800px; 
				background-color: #121719; border-bottom: 1px solid #5E6260; }

#wpi h2 		{ margin: 0 0 1px 0; height: 25px; text-indent: -9999px;
				background: url(images/global/wpi.gif) no-repeat; border-bottom: 2px solid #383D3D; }

#footer 		{ clear: both; margin: 0 auto; padding: 10px 0 50px 0; width: 800px; 
				border-top: 2px solid #383D3D; color: #838783; }

#footer a 		{ color: #838783; }
#footer a:hover { color: #7F9AAF; text-decoration: underline; }

span#left 		{ text-align: left; float: left; padding-left: 30px; }
span#right 		{ text-align: right; float: right; padding-right: 30px; }


/* CONTENT
-------------------------------------------------------------- */

#content 		{ float: left; margin: 0 100px 1px; padding: 0 15px 18px; width: 770px; 
				text-align: left; border-bottom: 1px solid #5E6260; }

*html #content 	{ margin: 0 50px 1px !important; }

h3#lab			{ margin: 9px 0 18px; padding: 0; height: 25px; text-indent: -9999px; 
				background: url(images/global/lab-hdr.gif) no-repeat; border-bottom: 1px solid #5e6260; }

.lCol			{ float: left; width: 495px; margin-left: 10px; }
.rCol			{ float: left; width: 240px; margin-left: 15px; }


/* POSTS
-------------------------------------------------------------- */

.post			{ margin: 0 0 18px; }
.entry			{ }

.post a:hover	{ color: #838759; }

.post h4, 
.pagetitle			{ font: normal 24px/21px Arial, Helvetica, sans-serif; color: #A9ADA7; padding: 21px 0; }

.post h4 a			{ text-decoration: none; }
.post h4 a:hover	{ text-decoration: underline; background: none; color: #838759; }

.post h5,
.post-title			{ font: normal 18px/21px Arial, Helvetica, sans-serif; color: #A9ADA7; padding: 11px 0 10px; }

.post h5 a			{ text-decoration: none; }
.post h5 a:hover	{ text-decoration: underline; background: none; color: #838759; }

.post p			{ font: normal 12px/21px Arial, Helvetica, sans-serif; color: #A9ADA7; padding: 0 30px 21px 0; }

.post img		{ border: 1px solid #383d3d; padding: 5px; }

a.more-link			{ font: bold 10px/18px Arial, Helvetica, sans-serif; }
a.more-link:hover	{ background: none; }


p.postmetadata			{ font: bold 10px/18px Arial, Helvetica, sans-serif !important; color: #A9ADA7;
						border: 1px solid #383d3d; padding: 6px; margin: 0 0 18px; }
						
.postmetadata a			{ color: #A9ADA7; text-decoration: none }
.postmetadata a:hover	{ color: #7F9AAF; text-decoration: underline; background: none; }


/* SIDE BAR
-------------------------------------------------------------- */

#sidebar			{ padding: 42px 0 0; }

#sidebar li h5		{ font: bold 10px/10px Arial, Helvetica, sans-serif; 
					color: #A9ADA7; text-transform: uppercase; }

#sidebar li ul		{ margin-bottom: 21px; border-top: 1px solid #383d3d; }

#sidebar li			{ list-style: none; }

#sidebar li li a	{ border-bottom: 1px solid #383d3d; display: block; margin: 1px 0; padding: 11px 10px 10px;
					font: bold 11px/10px Arial, Helvetica, sans-serif; text-decoration: none; }

*html #sidebar li li a	{ margin-bottom: -21px !important; }

#sidebar li li a:hover	{ background-color: #383d3d; } 


#searchform			{ padding: 21px 0 42px; }


/* COMMENTS
-------------------------------------------------------------- */

#comments, #reply	{ clear: both; width: 495px; border-top: 1px solid #383d3d; padding: 0 0 24px; }

.the-commenter		{ float: left; width: 100px; border-top: 1px solid #383d3d; padding: 18px 0 24px; }
.the-comment		{ float: left; width: 365px; border-top: 1px solid #383d3d; padding: 18px 15px 24px; }


#comments h4		{ font: normal 18px/18px Arial, Helvetica, sans-serif; color: #A9ADA7; padding: 36px 0 18px; }

#comments p			{ font: normal 12px/24px Arial, Helvetica, sans-serif; color: #A9ADA7; padding: 0 0 18px; }

.the-commenter img	{ padding: 0 0 18px; }
.the-commenter p	{ padding: 0 !important; }

.comment-author a	{ font: bold 11px/18px Arial, Helvetica, sans-serif; 
					text-transform: uppercase; text-decoration: none; }
.comment-date a		{ font: bold 9px/18px Arial, Helvetica, sans-serif; color: #A9ADA7;
					text-decoration: none; }


#comments ol		{ list-style: none; }

#comments li			{ float: left; width: 495px; }

.alt div.the-comment	{ background-color: #1e2325; }


/* CODE - PRE
-------------------------------------------------------------- */

.wp_syntax 			{ color: #a9ada7; background-color: #1e2325; overflow: auto;
					font: 11px/14px monospace, Arial, sans-serif;
					border: 1px dashed #a9ada7; margin: 0 0 21px; padding: 3px; }

.code				{ }

.wp_syntax span		{ color: #a9ada7 !important; }

/* IE FIX */
.wp_syntax 			{ overflow-x: auto; overflow-y: hidden; width: 465px;
					padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0); }

.wp_syntax table 	{ border-collapse: collapse; }

.wp_syntax div,
.wp_syntax td 		{ vertical-align: top; padding: 2px 4px; }

.wp_syntax .line_numbers { text-align: right; background-color: #7F9AAF; color: #121719; overflow: visible; }

/* potential overrides for other styles */
.wp_syntax pre 		{ float: none; clear: none; margin: 0; width: auto; overflow: visible; }