/*
Theme Name: Screenwerk
Theme URI: http://www.screenwerk.com/
Description: Custom designed for Greg Sterling.
Version: 1.0
Author: David Mihm
Author URI: http://www.davidmihm.com

*/



/* Begin Typography & Colors */
body {	font-family: "Arial","Helvetica",sans-serif; color: #000000; background: url(images/bkg_2.jpg) repeat-x #f8f8f8; text-align: center;  margin: 0 auto; position: relative; padding: 25px 0 0 0;}
a {color: #0a3f69;}  
a:visited { color: #555555; }
a:hover {color: #b8ba65; }
hr {width: 100%; border:0; border-top: 1px solid #d2d2d2; padding: 0; margin: 15px 0; clear: both; float: none;} 
img, a img  {border: 0;} 

h1, h2, h3 {font-size: 28px; color: #222222; letter-spacing: -1px; line-height: 1.2em; margin: 0; padding: 0 0 10px 0;}
h2  {font-size: 26px; padding: 0;}
h3 {color: #444444; font-size: 24px; letter-spacing: -1px;} 
h4 {font-size: 20px; line-height:1.2em; margin: 0; padding: 0 0 5px 0;  letter-spacing: -1px;} 
p {font-size: 15px; line-height: 1.5em; margin: 0; padding: 10px 0; font-family: Arial, Helvetica, Sans-serif;} 
ul {font-size: 13px; font-family: Arial, Helvetica, Sans-serif; line-height: 1.3em; margin: 0 0 0 20px; padding:0; list-style-type: square;} 
li {margin: 5px 0; padding: 0;} 

h1 a, h2 a {text-decoration: none;}

#contentwrapper {	text-align: left; width: 1010px; margin: 0 auto; padding: 0px; position: relative;	left: 90px;	 }

form {margin: 0; padding: 0; position:relative;}
#superheader form#searchform {width: 450px; position: absolute; left: 450px; top: 9px; z-index: 4; text-align: right; margin-right: 0px;}
img.icon { float: right; clear: none; margin-left: 6px;}
#aboutgreg img.icon {margin-top: 4px;}
#superheader img.icon {margin-top: 11px; margin-left: -14px; margin-right: 20px;}
#sidebar form#searchform {background: #000000; padding: 5px; width: 190px; margin-left: 20px; margin-top: -16px; margin-bottom: 10px; float: left; clear: left;}
fieldset {border: 0; margin: 0; padding: 0; position:relative;} 
input {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #222222; margin: 0; padding: 0;} 
input#s {padding: 4px; width: 270px; border: 1px solid #000000; line-height: 1em; background: #FFFFFF;}  
input#searchsubmit {font-weight: bold; background: #000000; border: 0px solid #000000; padding: 3px; line-height: 1em;  color: #FFFFFF;} 

/* slightly enhanced, universal clearfix hack */
.clearboth:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	width: 100%;	}
.clearboth { display: block; }
/* start commented backslash hack \*/    * html .clearboth { height: 1%; } .clearboth { display: block; }   /* stop commented backslash hack */



#headerbottom {width: 100%; margin: 0; position: absolute; display: block; height: 133px; z-index: 1; background: url(images/header_bkg.jpg) no-repeat;}
#superheader {margin: 0px 0 28px 0px; width: 920px; padding: 0; background: url(images/navbkg_.png) repeat-x bottom center #000000; height: 52px;} 
#superheader:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	width: 100%;	}
#superheader ul {font-size: 14px; font-weight: bold; text-transform: uppercase; list-style-type: none; margin: 14px 0 0 20px; padding: 0; line-height: 14px !important; float: left; clear: left;}
#superheader li {float: left; clear: none; padding: 0 15px 0 0; line-height: 14px !important; height: 14px !important; margin: 0;}
#superheader li a {text-decoration: none; color: #dbdcb3;}
#superheader li a:hover {color: #FFFFFF;}

.navleft {position: absolute; left: -6px; top: 1px; background: url(images/navbkg_.png) left no-repeat; width: 7px; height: 52px; }
.navright {position: absolute; right: -6px; top:1px; height: 52px;  background: url(images/navbkg_.png) right no-repeat; width: 7px;}


#header { width: 920px; padding: 0px; margin: 0px 0 0 0; position: relative; height: 125px; }
#logo {position: absolute; top: 33px; left: 20px; z-index: 2;}
.description {position: absolute; top: 75px; left: 20px; z-index:2;} 



#nav ul {list-style-type: none; font-size: 16px; font-weight: bold; margin: 0; padding: 9px 10px 15px 320px; float: right; clear: both;} 
#nav li {float: left; clear: none; padding: 0 5px; margin: 0;}
#nav li a {text-decoration: none; display: block; padding: 2px 4px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-color: #2562c8; }  
#nav li.current_page_item a, #nav li.current-cat a {color: #FFFFFF; background: #999999; } 
#nav li a:hover {border-color: #2562c8; background: #2562c8; color: #FFFFFF;}
#nav ul .menu, #nav ul ul, .menu ul {margin: 0 !important; padding: 0 !important;}

#nav li ul { /* second-level lists */ z-index: 9999 !important; 	position: absolute; 	padding: 0;	margin: 0; 	margin-top: 0em; 	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav ul li ul li {display: block; float: none; clear: both; text-align: left; font-size: 13px; } 
#nav ul li ul a {margin: 0; border: 0 !important; height: auto !important; line-height: 1.4em; text-align: left; font-weight: normal; text-transform: none; }
#nav li ul li a:hover {background: #2562c8 !important; border: 0 !important;}
#nav li ul li ul li a {background: #2562c8 !important; }
#nav li ul li ul li a:hover {background: #2562c8 !important; border: 0 !important; }

#nav li ul ul { /* third-and-above-level lists */ 	margin: -1.95em 0em 0 15em !important; 	left: -999em; border: 0 !important; }
#nav li:hover ul ul, #nav li.sfhover ul ul { 	left: -999em; 	 } 
#nav li:hover, #nav li.sfhover {position: static;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ 	left: auto;	}



#content {background: url(images/page_bkg.jpg) -50px 0px repeat-y #FFFFFF; width: 920px; padding: 0px 0 0 0; margin: 0px; position: relative; border-bottom: 8px solid #000000;}
.page-template-page_full-php #content {background: #f8f8f8 !important;}
#content:after {visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	width: 100%;	 }
 .sm p {font-size: 80%;} 

#pagenav {padding: 10px 20px; background: #d2d2d2; position: relative; top: -33px;} 
#pagenav ul {list-style-type: none; margin: 0; padding: 0;}
#pagenav ul li {float: left; clear: none; margin-right: 15px; font-size: 14px; font-weight: bold; text-transform: uppercase;}
#pagenav li a {text-decoration: none; color: #2562c8;}
#pagenav li a:hover {color: #000000;}

.post {margin-bottom: 35px; position: relative; padding-bottom: 25px; padding-right: 20px; background: url(images/horizdot.gif) bottom repeat-x;}
.page-template-page_full-php .post {padding-bottom: 0px; background: none;}

.postmeta {position: absolute; left: -130px; top: 7px; width: 95px; text-align: right; padding: 7px 0 0 0; margin: 0; }
.postmeta .count {background: url(images/commentbubble.gif) no-repeat; color: #FFFFFF; font-weight: bold; font-size: 18px; display: block; width: 32px; height: 26px; text-align: center; position: absolute; top: 258px; right: 0px; }
.count a {color: #FFFFFF; text-decoration: none; }
.count a:hover {color: #b8ba65;}
.postmeta .date {line-height: 1.1em; margin: 0; padding: 0; font-weight: bold; font-size: 14px;}
.postmetadata {font-size: 11px; margin: 0; padding: 12px 0 0 0; line-height: 14px; text-align: right; position: absolute; top: 288px;}
.postmeta.singlemeta {top: 0px;}




.topentry {font-size: 50px; line-height: 52px;}
.topentry p {font-size: 18px;}
.topmeta {background: #e0e0e0; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; padding-top: 55px; left:-155px;}
.topmeta .count {right: 20px; top: 20px; }



.bkg { background: #2562c8; color: #FFFFFF; padding-bottom:5px;  padding: 15px; margin: 0 0 15px 0;} 
.bkg a, .bkg a:visited {color: #FFFFFF} 
.bkg a:hover {color: #D6ABAB;} 
.sidecontent ul {margin: 0; padding: 0; list-style-type: none; text-indent: none;} 
.sidecontent li {margin: 4px 0; padding: 0; } 

#sidebar {float: right; clear: right; width: 320px; padding: 0 0 0 0px !important; margin-right: 20px; display: inline;  color: #4d4d4d; position: relative;} 
#maincontent {float: left; clear: left; width: 560px; padding: 0px 0px 0 0; margin: 0 0 0 20px; position: relative;} 
.page-template-page_full-php #maincontent {width: 880px; } 
#sidebar h2 {font-size: 20px; color: #4d4d4d; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0px;}
#sidebar p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;}
p.readmore, p.readmore a {margin: 0; padding: 0 0 10px 0; font-weight: bold; font-style: italic;}
#aboutgreg p {width: 180px; }
#aboutgreg h2 {font-size: 24px; letter-spacing: -1px;}
#aboutgreg  {position: relative; border-bottom: 4px solid #000000; margin: 0 0 15px 20px; padding: 0 0 5px 0; width: 300px;}
img.headshot {position: absolute; right: 0px; bottom: 0px;}
#sidebar ul {list-style-type: none; margin: 0; padding: 0; text-indent: none;} 
#sidebar li a {padding: 3px; text-decoration: none;} 
#sidebar li a:hover {  border-color: #b8ba65; background: #b8ba65; color: #FFFFFF;} 
#sidebar li.current_page_item a {background: #999999; background: #999999; color: #FFFFFF;} 
#sidebar li.widget {background: url(images/horizdot.gif) top repeat-x; padding: 22px 0 15px 19px;}

.address {font-family: 'Calibri',Verdana, Arial, Helvetica, sans-serif; font-size: 13px;} 


.navigation {padding-right: 15px; padding-bottom: 10px;}

#footer {margin: 0 auto 40px auto; padding: 25px; width: 960px; clear: both; position: relative; } 
#footer ul {list-style-type: none; margin: 0; padding: 15px 0; font-size: 11px;}  
#footer li {float: left; clear: none; padding: 0 15px 0 0; font-size: 11px !important; margin: 0;} 
#footer li ul {display: none;} 
#footer li.right {float: right; clear: right; padding: 0;} 

h2.main_formhead, #mainlegend {display: none !important;} 
select {clear: both; }
.leftform, .rightform {width: 300px; font-size: 12px;}
.leftform {float: left; clear: left; }
.rightform  {float: left; clear: right; margin-left: 30px;}
.leftform input, .leftform select {width: 225px !important; margin-bottom: 12px; margin-top: 2px;}
.whythis {display: none;}
.rightform textarea {width: 300px !important; height: 150px !important; overflow:auto;margin-bottom: 12px;}
.rightform input {margin-top: 2px;} 
.antispam {width: 245px; float: left; clear: both;} 
form#gb_form .button, #commentform #submit {color: #FFFFFF !important; font-size: 18px; font-weight: bold; background: #222222; border: 0px; padding: 4px;} 




.alt {background: #f7f8fb !important; }

#commentform input {padding: 6px; border: 1px solid #dddddd; margin-right: 5px; }
#commentform textarea {padding: 8px; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2562c8;  border: 1px solid #dddddd; width: 520px; white-space: normal;}
#comments h3 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: -2px !important; margin-top: 40px; }
#commentform input#submit {padding: 5px; font-size: 14px;}
#commentform {margin-bottom: 35px;}
p#commentsfeed {position: relative; color: #999999; font-style: italic; position: relative; top: -27px;}

.alignleft { float: left; display: inline; margin: 0px 10px 10px 0; }
.alignright { float: right; display: inline; margin: 0px 0px 10px 10px;} 

ol.commentlist {list-style-type: none; margin-left: 0; padding-left: 0; margin-right: 20px;}
ol.commentlist li {padding: 15px 2px !important;  margin: 0 0 0 0px !important; font-size: 12px; line-height: 1.5em; position: relative; color: #000000; list-style-type: none; background: url(images/horizdot.gif) repeat-x !important; }
ol.commentlist li p, ul.commentlist li ul {margin: 8px 32px 0 0 !important; padding: 0; }
img.avatar {padding: 3px; border: 1px solid #999999; float: left; clear: left; margin: 0px 10px 5px 0;}

cite {font-style: normal; font-weight:bold; font-size: 14px;}
cite a {text-decoration: none;}


.commentno {font-size: 35px; font-weight:900; position: absolute; left: -35px; color: #222222;}
.gravatar {position: absolute; top: 15px; right: 15px; }
.commentauthor {padding-top: 10px; font-size: 14px; font-weight: bold; }