/*
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";


/** COLOURS   CG1:efeff0  CG2:e6e7e8  CG3:d8d9da  CG4:c9cac3  CG9:919195  CG11:717073
              WG1:efe9e5  copy:455560  heading:556570  links:5283a5  **/

/** GENERAL **/

body								 	{ padding: 0px; margin: 0px; text-align: center; font-family: Tahoma, Verdana, sans-serif; 
										  font-size: 12px; color: #455560;}

a:link, a:hover, a:visited				{ text-decoration: none; color: #5283a5; }
a:hover									{ text-decoration: underline; }
a:visited								{ color: #5283a5; }

.clear									{ clear: both; }

#content-container						{ width: 100%; float: left; text-align: left; position: relative; }

#content								{ width: 920px; margin: 20px auto; padding: 20px;  position: relative;
										  background: #d8d9da url(images/content-gradient-bg.png) repeat-x center top ; 
										  -moz-border-radius: 10px; -webkit-border-radius: 10px; }
										  							  
body.page-template.page-template-default #main-container,
body.page-template.page-template-page-no-tabs-php #main-container,
body.page-template.page-template-page-services-php #main-container,
body.single #main-container				{ width: 690px; background-color: #fff; background-position: center 45px; float: right; padding-top: 45px;
										  -moz-border-radius: 8px; -webkit-border-radius: 8px; min-height: 550px; padding-bottom: 30px;}
#main-content							{ padding: 15px 35px 15px 25px; }
.alignleft								{ padding-right: 10px; padding-bottom: 10px; }

#uploader-ie							{ display: none; }


/** SERVICES PAGE **/

body.page-id-7 #main-content li			{ float: left; width: 280px; padding: 10px 0 0 20px; background-image: url(images/services-button.png);
										  background-repeat: no-repeat; background-position: 0 17px; text-indent: 5px;}
body.page-id-7 #main-content li:hover	{ background-position: 0 -27px; }
body.page-id-7 #main-content li a		{ font-size: 2.3em; color: #919195; height: 22px; }

body.page div.pageview					{ border: none; margin: 0; }
body.page div.pageview iframe 			{ border: none; height:650px; }
body.page div.pageviewhead				{ display: none; border: none; }



/** PAGE HEADER IMAGES   **/

body.single #main-container				{ background: #ffffff url(images/about-us-header.jpg) no-repeat 0px 45px; }
body.page-id-2 #main-container			{ background: url(images/about-us-header.jpg) no-repeat; }
body.page-id-3 #main-container			{ background: url(images/homepage-header.jpg) no-repeat; }
body.page-id-7 #main-container			{ background: url(images/services-header.jpg) no-repeat; }
body.page-id-13 #main-container			{ background: url(images/client-testimonials-header.jpg) no-repeat; }
body.page-id-15 #main-container			{ background: url(images/contact-us-header.jpg) no-repeat; }
body.page-id-17 #main-container,
body.page-id-649 #main-container,
body.page-id-665 #main-container,
body.page-id-552 #main-container		{ background: url(images/quotation-header.jpg) no-repeat; }
body.page-id-21 #main-container			{ background: url(images/business-card-header.jpg) no-repeat; }
body.page-id-23 #main-container			{ background: url(images/postcards-header.jpg) no-repeat; }
body.page-id-25 #main-container			{ background: url(images/plastic-cards-header.jpg) no-repeat; }
body.page-id-27 #main-container			{ background: url(images/oversized-posters-header.jpg) no-repeat; }
body.page-id-29 #main-container			{ background: url(images/flyers-heading.jpg) no-repeat; }
body.page-id-31 #main-container			{ background: url(images/folding-cards-header.jpg) no-repeat; }
body.page-id-32 #main-container			{ background: url(images/die-cut-decals.jpg) no-repeat; }
body.page-id-34 #main-container			{ background: url(images/copying-header.jpg) no-repeat; }
body.page-id-36 #main-container			{ background: url(images/computer-rental-header.jpg) no-repeat; }
body.page-id-37 #main-container			{ background: url(images/finishing-header.jpg) no-repeat; }
body.page-id-55 #main-container			{ background: url(images/price-guide-header.jpg) no-repeat; }
body.page-id-57 #main-container			{ background: url(images/specials-header.jpg) no-repeat; }
body.page-id-435 #main-container		{ background: url(images/privacy.jpg) no-repeat; }
body.page-id-501 #main-container		{ background: url(images/services-header.jpg) no-repeat; }
#main-container							{ background: url(images/main-content-bg.png) no-repeat; }



/** HEADER **/

#branding-container						{ height: 120px; }
#branding-content						{ padding-top: 30px; }
.graphiczoo-logo 						{ float: left; }
#branding-content p						{ margin: 10px 0 0 285px; }
.upload-button							{ float: right; }


/** SIDEBAR  **/

#sidebar-container						{ width: 210px; background-color: #e6e7e8; float: left; min-height: 400px; 
										  -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#sidebar-content						{ padding: 10px; }
#sidebar-content ul						{ margin: 0px; padding: 0px; }
#sidebar-content li						{ list-style: none; padding: 0 0 3px 0; margin: 0; }
#sidebar-content li	a					{ font-size: 1.2em;}
#sidebar-content li.news-item a			{ font-size: 1em;}
#sidebar-content h2						{ font-size: 1.7em; padding: 10px 0 5px 0; font-weight: normal; color: #717073; }
#sidebar-content h2.sidebar-services	{ padding-top: 3px; }
#sidebar-content .widget_recent_entries li a			
										{ font-size: 1em; }
#sidebar-upload 						{ float: left; }
#sidebar-upload img						{ padding-top: 20px; }



/** NAVIGATION **/

#navigation-container					{ width: 690px; height: 45px; position: absolute; top: 140px; left: 250px; 
										  background: url(images/content-gradient-bg.png) repeat-x center top ;
										  -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; 
										  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
#navigation-content						{ padding: 5px 0 0 15px; }

#navigation-content li					{ padding: 0; }
#navigation-content ul li				{ float: left; padding: 2px 10px 2px 10px; margin-top: 7px; font-size: 1.2em; 
										  color: #717073; border-left: 1px solid #717073; }
#navigation-content ul li.page-item-3	{ border: none; }
#navigation-content a:link,
#navigation-content a:visited			{ color: #717073; text-decoration: none; }
#navigation-content a:hover,			
#navigation-content ul li.page_item.current_page_item a,
#navigation-content ul li.page_item.current_page_ancestor.current_page_parent a
										{ color: #455560; }
										

/** TYPOGRAPHY **/

#main-content p							{ margin-bottom: .7em; line-height: 1.6em; }
#main-content #tabs-info p				{ font-size: 1.2em; }
#main-content h2.page-title				{ height: 233px; font-size: 3em; font-weight: bold; color: white; 
										  text-shadow: #333 2px 2px 2px; -mozilla-text-shadow: #333 2px 2px 2px;
										  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#444444', Positive='true') }
body.home #main-content h2.page-title,
body.page-id-501 #main-content h2.page-title										{ text-indent: -9999px; }
#main-content h3						{ font-size: 1.5em; padding: 20px 0 15px 0; font-weight: normal; line-height: 110%; }
#main-content h4						{ font-size: 1.2em; padding: 10px 0 10px 0; font-weight: normal; line-height: 110%; }
#footer									{ font-size: 0.9em; color: #717073; }
#main-content ul.bullet					{ padding-top: 5px; padding-bottom: 5px; }
#main-content ul.bullet > li			{ padding-left: 10px; padding-bottom: 4px; list-style: inside square; }
										

/** FORM **/

textarea#comment 						{ width: 500px; }	

#fakeprogress 							{ -moz-border-radius:6px; -webkit-border-radius:6px;
										  background-color:#5283A5; background-image:url("../../plugins/cforms-custom/images/gzoo-progress-bar.gif");
										  background-position:center 65px; background-repeat:no-repeat; color:#CCCCCC;
										  height:100px; left:50%; top:100%; width:355px; z-index:100;
										  margin-left:-110px; margin-top:-110px; position:absolute; text-align:center; }
#fakeprogress h3 						{ text-align:center; margin:0; padding:15px 0 0 0; 
										  font-weight:normal; color: #cccccc; font-size:18px; }
										  
.gform_wrapper .gfield_time_hour, 
.gform_wrapper .gfield_time_minute	 	{  }
									


/** FOOTER **/

#footer									{ text-align: center; padding: 25px 15px; }


/** TABLES **/

table.price								{ width: 100%; }
table.price th, table.price td			{ padding: 5px 10px; }
table.price tr.odd td					{ background-color: #eeeeee; }
table.price th, table.price td[scope=row], 
table.price tr.odd td[scope=row]		{ font-weight: normal; background-color: #d8d9da; color: #717073;
										  border-right: 1px solid white; border-bottom: 1px solid white; text-align: center; }
table.price td							{ font-weight: normal; border-right: 1px solid white; text-align: center; color: black; }


/** WORDPRESS SPECIFIC **/

.wp-caption								{ background:none repeat scroll 0 0 #fff; border: none; margin: 5px; 
										  padding: 5px; text-align: center; }
#main-content #tabs-templates p			{ display: none; }
#main-content #tabs-templates p.wp-caption-text			
										{ display: block; margin-top: 5px; line-height: 110%; font-size: .9em; }

