@charset "UTF-8";
/* CSS Document */
/*
Theme Name: AdStyle
Theme URI: http://csshowto.us
Description: AdStyle is designed for adsense placement, has  modern scroll work and broken boundries for added flair. Your adsense code needs to be added in the wp-admin panel. Recommended Colors are shown in wp-admin can be seen at CSSHowTo.us.
Version: 1.3.1
Author: Gordon French
Author URI: http://gordonfrench.com/
Tags:light,right-sidebar,fixed-width,two-columns,orange 

	French v1.3.1
	 http://gordonfrench.com/

	This theme was designed by Gordon French,
	whose portfolio can be found at http://gordonfrench.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* COLORS
background color = fcc735
blue accent = aec2e1
body content BG color = fdf0d7
dark orange = da944a
brown = 54340d
yellow = ffd781
highlight = fef9ed

*/



body  {font: 100% Arial, Verdana, Helvetica, sans-serif; background: url(images/upperBG.jpg) repeat-x #fcc735; margin: 0; padding: 0; color: #000000;}
#container { width: 952px; margin: 0 auto; position:relative; z-index:5; } 

/* background componets */
#topDecor{ position:fixed; top:0px; left:0px; background:url(images/topDecor.png) no-repeat; width:463px; height:542px; z-index:1;}
#bottomDecor { position:fixed; bottom:0px; right:0px; background:url(images/baseDecor.png) no-repeat; height:414px; width:363px; z-index:1}
#bottomGradient{ background:url(images/lowerBG.jpg) repeat-x; width:100%; height:665px; margin-top:-660px;}


/* basics */
a { text-decoration:none}
.aligncenter { display:block; margin-left:auto; margin-right:auto}
.alignleft { float: left; width:100%}
.alignright {float: right;  width:100%}
#recent-posts-3 { font-size:80%;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear {clear: both;}

.post {
	margin: 0;
	
	
	}



/* header */
#header { position:relative; background: url(images/header.png) no-repeat; height:230px; margin-left:10px; margin-top:70px; margin-bottom:8px; z-index:3} 
	/* h1 header text */
	#header h1 { position: relative; margin-bottom:-50px; z-index:20; left:10px; top:-10px; font-size:250%;  }
	#header h1 a {color:#54340d}
	#header h1 a:hover {color:#da944a}
	/* Blog Description */
	#description { position:relative; z-index:15; margin-bottom:-20px; top:35px; left:10px; }
	
	
	/* logo */
	#logo { position:relative; background:url(images/logoGeneric.png) no-repeat; height:155px; top:-50px; left:-30px; width:500px; }
	/* Search box in header */
	#search { position:relative;  width:350px; height:25px; top:-100px; left:630px}
	/* adsense in header */
	#topAds { position:relative;  width:728px; height:90px; margin:-60px 0 0 90px; }
	

	/* top nav */
	#header ul {  position:relative; padding-left:0; list-style-type:none; float:left; width:97%; margin-top:-45px; z-index:10;  margin-left:290px;}
	#header ul li { display:inline;}
	#header ul a, .home a { display:block; float:left; padding:0px 9px; font-size:100%; text-decoration:none; color:#54340d; width:auto}
	#header ul a:hover, .home a:hover  { color:#aec2e1;}
	.pagenav { position:relative; left:20px; top:50px; color:#fdf0d7; list-style-type:none}
	.home { position:relative; top:24px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }





/* Sidebar */
#sidebar { position:absolute; top:238px; left:660px; width: 280px; padding: 0px 0px 10px 0px; margin-right:10px; margin-top:-7px}
	#sidebarContentTop {background: url(images/sidebarTop.png) no-repeat; height:33px; margin-bottom:-18px }
	#sidebarContent {background: url(images/sidebarBG.png) repeat-y; padding:0px 35px 0px 20px; }
	#sidebarContentBottom { background: url(images/sidebarBase.png) no-repeat; height:30px; }
	
	/* sidebar heard title box */
	#sidebarContent h2 { position:relative; top:-7px; background:url(images/sidebarTitleBox.png) no-repeat; height:44px; padding:15px 10px 10px 40px;  width:298px; margin:2px 0px -30px -45px; font-size:110%; }
	
	/* sidebar links */
	#sidebarContent li { position:relative; z-index:10}
	#sidebarContent li a { color:#54340d;}
	#sidebarContent li a:hover { color:#da944a;}
	#sidebarContent ul { padding:10px 0 10px 10px; margin:0 0 0 0; list-style-type:none}
	#sidebarContent caption {padding-top:10px}
	






/* main content */
#mainContentTop{ position:relative; background: url(images/contentTop.png) no-repeat; height:25px; margin-left:10px; margin-bottom:-18px; z-index:3}
#mainContentBottom{background: url(images/contentBottom.png) no-repeat; height:25px; margin:-18px 0px 5px 10px}
#mainContent { margin: 0 300px 0 0; padding:0px 40px 0 50px; background:url(images/contentBG.png) repeat-y;  margin-left:10px;}
	#mainContent #text { position:relative; z-index:3;}/* lifts text above the decor element */
	
	/* links in post */
	#mainContent #text p a {color:#da944a}
	#mainContent #text p a:hover {color:#aec2e1}
	
	/* Tags */
	#tags a, #text a {color:#54340d}
	#tags a:hover, #text a:hover {color:#aec2e1}
	
	/* sets the tile box for h1 and h2 tags */
	#mainContent h1 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:60px; padding:35px 10px 0px 70px;  width:592px; margin:0px 0px -25px -80px }
	#mainContent h2 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:55px; padding:38px 10px 0px 70px;  width:592px; margin:0px 0px -25px -80px; font-size:130% }
	
	/* image on bottom of content box */
	#mainContentDecor{ position:relative; bottom:343px; left:150px; background:url(images/contentSwirl.png) no-repeat; width:353px; height:368px; margin-bottom:-368px;}
	/* Post tile link color */
	#mainContent h2 a { color:#54340d;}
	#mainContent h2 a:hover { color:#da944a;}
	
	/* time */
	.time { text-align:right; margin-top:-10px}
	
	/* Div added for code styleing */
	#code { background:url(images/codeBG.png) repeat; padding:10px; border:solid thin #000}




/* Footer */
#footer { padding: 0 10px 0 70px; margin-top:-15px; font-size:90%;} 
	#footer p { margin: 0; padding: 10px 0; color:#ffd781}
	#footer a {color:#fdf0d7 }
	#footer a:hover {color:#aec2e1}

#hidden { display:none}

/* Safari Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#footer {margin-top:-30px; }
.home { position:relative; top:23px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }
}