@charset "UTF-8";
/* CSS Document */
/*
Theme Name: AdStyle
Theme URI: http://wordpress.gordonfrench.com/
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.3
Author: Gordon French
Author URI: http://gordonfrench.com/
Tags:light,right-sidebar,fixed-width,two-columns,orange 

	French v1.3.3
	 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

*/


* { margin: 0; padding: 0; }
body  {font: 100% Arial, Verdana, Helvetica, sans-serif; background: #70573a url(images/bg.jpg) no-repeat fixed center;; margin: 0; padding: 0; color: #000000;}
#container { width: 952px; margin: 0 auto; margin-top:30px; position:relative; z-index:5; }

/* background componets */
#bottomDecor { position:fixed; bottom:0px; right:0px; background:url(images/baseDecor.png) no-repeat; height:414px; width:363px; z-index:1}


/* basics */
a { text-decoration:none;color:#54340D;}
a:hover {color:#DA944A;}
.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;}
.thumb img{
	border: none;
	display: block;
        max-height: 75px;
        max-width:75px;
        bottom:0px;
}


/* header */
#header { position:relative; background: url(images/header.png) no-repeat; height:470px; margin-left:10px; margin-bottom:10px; z-index:3}
	/* h1 header text */
	#header h1 { position: relative; margin-bottom:-50px; z-index:20; left:10px; top:-10px; font-size:150%;  }
	#header h1 a {color:#54340d}
	#header h1 a:hover {color:#da944a}
	/* Blog Description */
	#description { position:relative; z-index:15; margin-bottom:-5px; top:45px; left:10px; }
	
	#rss { position:relative; top:-150; left:500px;}
	
	
	/* 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 */
	.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:480px; 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; 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}