/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


html {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

body {background:url(style/images/bg.jpg) no-repeat top center;}

h2 {color:#85c226; font-size:20px; font-weight:normal; margin:10px 0 5px 0;}

h3 {color:#0093dd; font-size:18px; font-weight:normal; margin:10px 0 5px 0;}

h4 {color:#85c226; font-size:14px; font-weight:normal; margin:10px 0 5px 0;}

h5 {color:#0093dd; font-size:12px; font-weight:normal; margin:0 0 5px 0;}

strong {color:#0093dd; font-size:12px; font-weight:normal;}

p {padding:10px 0 10px 0; display:block;}

#page_wrapper {}


#header { width:961px; height:96px; background:url(style/images/bike_to_work_logo.jpg) repeat-x top left; margin:0 auto; padding-top:157px;}

#header h1, #header p {display:none;}







/* header navigation - sliding doors  */

#header #nav {float:left; width:921px; height:96px; background:url(style/images/sub_nav_bg.jpg) bottom left no-repeat; padding:0 20px 0 20px;}

#header #nav li{ height:49px; float:left; padding:20px 10px 20px 10px; }

#header #nav li a {color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}

#header #nav li ul li{display:none;}

#header #nav li.current_page_item{ float:left; background:url(style/images/lhs_tab_bg.png) no-repeat left top; padding:20px 20px 10px 20px; }

#header #nav li.current_page_item a{color:#fff; background:url(style/images/rhs_tab_bg.png) no-repeat right top; padding:20px 20px 10px 0; font-size:18px; }

#header #nav li.current_page_item ul { position:absolute; top:200px; left:20px; z-index:100;}

#header #nav li.current_page_item ul li{ float:left; background:url(style/images/sub_lhs_tab_bg.png) no-repeat left top; display:inline;  margin:15px 0 0 0; overflow:visible;}

#header #nav li.current_page_item ul li a {color:#0093dd; background:url(style/images/sub_rhs_tab_bg.png) no-repeat right top; font-size:14px; padding:20px 20px 20px 0;}


/* end header navigation - sliding doors  */



/* content styles */

.banner { position:absolute; margin:-130px 0 0 400px;}

#content_wrapper {width:681px; margin:0 auto;clear:both; padding:40px; padding-right:210px; min-height:600px;}
#content_wrapper a { text-decoration:underline; font-size:12px; color:#85c226;}
x#content_wrapper a { background:url(style/images/dotted_underline.gif) repeat-x bottom left; font-size:20px; color:#85c226;}
#content_wrapper .alignright{ border:none; margin-left:20px;}
#content_wrapper .wp-caption { background:#fff; color:#0093dd; padding:0;}
/* end content styles*/

x#ad_container { xfloat:right; position:absolute; right:-200px; top:-200px; width:200px; min-height:1200px; margin:0 -15px 10px 10px; z-index:200; }
#ad_container { float:right; position:absolute; right:10px; width:200px; min-height:1200px; margin:0 -15px 10px 10px; z-index:200; }

#ad_container .ad {float:left; clear:both; width:200px; xpadding:20px; font-size:16px; font-weight:bold; background:#85c226; margin-bottom:20px;}




/* page styles */

body#home #content_wrapper {padding:0; width:961px;}
body#home .lhs {width:493px; float:left;}
body#home .rhs {width:428px; float:left; background: url(style/images/hp_devider.jpg) left top no-repeat; padding:0 0 0 20px; }
body#home .rhs .more {float:left; margin:2px 0 10px 0;}

table {width:493px; color:#000; border:0; margin:0 0 9px 0; font-size:10px;}
table th, table tr, table td {padding:5px 12px 5px 12px;}
table th{ background:#9cc73d; color:#fff; font-size:24px; }
table .green{ background:#9cc73d; color:#000;}
table .darkgrey{ background:#c9cccb; color:#000; font-size:12px; font-weight:bold;}
table tr{background:#e3e4e4;}
table strong{ font-weight:bold; color:#000;}
table .blue{background:#49a7dd; font-weight:bold; }
table .red_text {color:#d84342; font-weight:bold;}

body#home #content_wrapper h1{ color:#85c226; font-size:24px; font-weight:normal; margin:10px 0 5px 0;}
body#home #content_wrapper h2{ color:#0093dd; font-size:20px; font-weight:normal; margin:10px 0 5px 0;}

body#employee #content_wrapper ul li, body#employer #content_wrapper ul li { list-style:disc; list-style-position:inside; }

body#employee ol li{ list-style:decimal; list-style-position:inside;}

body#employer {}

#employees { background:#0096da; xbackground:#91c83b; width:400px; padding:10px 10px 10px 20px; margin:20px 0 10px 0; float:left; }

#employers { background:#0096da; xbackground:#91c83b; width:400px; padding:10px 10px 10px 20px; margin:0 0 10px 0; float:left;}

#register {background:#91c83b; width:398px; padding:10px 10px 10px 20px; float:left; margin:0 0 10px 0; text-align:center; border:solid 1px #CCCCCC;}

#register:hover {background:#0096da;}

#register a {color:#fff; font-weight:bold; text-decoration:none; background:none;}

#register a:hover {text-decoration:none;}

body#employer #header #nav li.current_page_parent, body#employee #header #nav li.current_page_parent { float:left; background:url(style/images/lhs_tab_bg.png) no-repeat left top; padding:20px 20px 10px 20px; }
body#employer #header #nav li.current_page_parent a, body#employee #header #nav li.current_page_parent a {color:#fff; background:url(style/images/rhs_tab_bg.png) no-repeat right top; padding:20px 20px 10px 0; font-size:18px; }
body#employer #header #nav li.current_page_parent ul, body#employee #header #nav li.current_page_parent ul { position:absolute; top:200px; left:20px; z-index:100;}
body#employer #header #nav li.current_page_parent ul li, body#employee #header #nav li.current_page_parent ul li{ float:left; background:url(style/images/sub_lhs_tab_bg.png) no-repeat left top; display:inline;  margin:15px 0 0 0; overflow:visible;}
body#employer #header #nav li.current_page_parent ul li a, body#employee #header #nav li.current_page_parent ul li a {color:#0093dd; background:url(style/images/sub_rhs_tab_bg.png) no-repeat right top; font-size:14px; padding:20px 20px 20px 0;}



#employees a, #employers  a{color:#fff; text-decoration:none; font-size:14px;}

#employees h3, #employers h3 { color:#000; font-size:22px;}

#employees ul li, #employers ul li{ background:url(style/images/white_bullett.gif) center left no-repeat; padding-left:20px; color:#000; line-height:22px;}

/* end homepage styles */




/* footer styles */

#footer_wrapper {width:100%; float:left; clear:both; }
#footer {width:921px;  margin:0 auto; background: url(style/images/footer_bg.jpg) top left repeat-x; height:63px; padding:30px 20px;}
#footer p {color:#fff; font-size:12px; display:block; float:left; }
#footer img {float:left; margin:0 30px 0 0;}
/* end footer styles */