@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



*/







body  {font: 80% 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:563px; height:450px; z-index:1;}

#bottomDecor { position:fixed; bottom:0px; right:0px; background:url(images/baseDecor.png) no-repeat; height:450px; width:563px; 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; clear: none; margin-right: 5px;}

.alignright {float: right;  clear: none; margin-left: 5px;}

/* #recent-posts-3 { font-size:80%;} */



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

.clear {clear: both;}



.post {
  margin: 0;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}


.wp-caption {

  border:1px solid #ddd;

  text-align:center;

  background-color:#f3f3f3;

  padding:7px 2px 2px;  

  -moz-border-radius:5px;

  -khtml-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px;
}


.wp-caption p.wp-caption-text {

  font-size:11px;

  line-height:17px;

  padding:2px 4px 5px;

  margin:0;

  color:#111;
}

.cat-item {
background: url(images/flor.png) no-repeat;
position: relative;
padding-left: 12px;
background-position: 0px 4px;
}

.children {
margin-top: -8px !important;
}




/* 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 { font-family: Garamond; position: relative; margin-bottom:-50px; z-index:20; left:10px; top:-10px; font-size:280%;  }

	#header h1 a {color:#54340d}

	#header h1 a:hover {color:#da944a}

	/* Blog Description */

	#description { position:relative; z-index:15; margin-bottom:-20px; top:40px; left:42px; font-weight: Bold }

	

	#rss { position:relative; top:-20px; left:540px; width: 48px; height: 48px; z-index: 200}

	

	

	/* 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;
    font-family: Arial, Verdana, Helvetica, sans-serif; 
  }

	#mainContent h2 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:55px; padding:33px 10px 0px 70px;  width:592px; margin:0px 0px -20px -80px; font-size:190%; 
  font-family: Arial, Verdana, Helvetica, sans-serif;}

	

	/* 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} */
	
	
	.time {

background:url(images/datebg.jpg);

clear:left;

float:left;

margin:5px 5px 0 0;

width:40px;

height:40px;

}



.post_date {

background:url(images/datebg.jpg);

clear:right;

float:right;

margin: 5px 5px 0 5px;

width:40px;

height:40px;
font-family: Arial, Verdana, Helvetica, sans-serif;

}



.date_post {

border-bottom:1px dotted;

clear:right;

color:#eeeeee;

float:right;

font-size:16px;

font-weight:500;

padding-top:2px;

text-align:center;

width:40px;

}



.month_post {

float:right;

clear:right;

width:40px;

font-size:14px;

color:#2C4353;

text-align:center;

padding-bottom:2px;

}
	

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

}


blockquote, blockquote blockquote {
	margin: 15px 30px 0px 10px;
	padding: 7px 5px 7px 20px;
	border-left: 5px solid #a7dda7;
	background-color: #dcecdc;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 85%;
	line-height: 150%;
}

blockquote blockquote {
	border-left: 5px solid #a7dda7;
	background-color:#dcecdc;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}


hr {
	border-top: 1px solid orange;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}