/*
Theme Name:  GrantAdler.com
Theme URI: http://www.grantadler.com
Description: Custom Template built for GrantAdler.com
Version: 1.6
Author: David Taylor Design
Author URI: http://www.davidtaylordesign.com
Tags: custom


*/



/* Begin Typography & Colors */
body {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #333 url;
	color: #333;
	text-align: center;
	}

#page {background: url('http://www.grantadler.com/images/bkg-shortergrad.jpg') repeat-y top left;
	}
		

.rule{height:20px; background: url('http://www.grantadler.com/images/white.jpg') repeat top left;}

#page2 {background: url('http://www.grantadler.com/images/bkg-content.jpg') repeat-y top left;
	}
	
	
#header {padding: 0px 20px 0px 20px;
	background: url('http://www.grantadler.com/images/bkg-header.jpg') repeat-x bottom left;
	height: 100px;
	}

a, h2 a:hover, h3 a:hover {
	color: #333;
	text-decoration: none;
	}

a:hover { 
	color: #cc3333;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
	
#footer{background-color: #333;}	

#content{padding: 20px 20px;
	}

.narrowcolumn{width: 500px;float:right;
	}
.aboutcol{width: 350px;float:right; 
	}	
	
#sidebar, #sidebar2{width: 400px;float:left;}

.SB-about{float:left; width: 550px;}

.narrowcolumn, .aboutcol{line-height: 20px;}

#content .narrowcolumn{width: 500px;}

#content-home .narrowcolumn{padding: 20px 20px 0px 0px;}

#content-home #sidebar{padding: 0 0;
	margin: 0 0px;}
	
.headline{font-size: 14px;}

.category-contact-page-sidebar .entry{padding-left: 30px;padding-bottom: 30px;}

.category-about-us{background-color: #333;
	color: #fff;
	padding: 20px 20px;}

.category-about-sidebar img{border: 3px solid #666;margin: 8px 8px 8px 0px; padding: 0 0px;}

.bio{float:right;
	width: 430px;
	}
	
.pageheader{font-weight: bold;
	font-size: 1.2em;
	}

.redproducttext{color: #cc3333; 
	font-family: 'Trebuchet MS'; 
	font-size: 13px;
	line-height: 18px; width: 300px;}
	
//red text post
#post-64{padding-top: 30px;}

//product sb image post
#post-38{}

/* End Typography & Colors */



/* Begin Structure */
body {background-color: #333;
	margin: 0 0 20px 0;
	padding: 0;
	}

#page, #page2, #page3 {text-align: left;
	background-color: #fff;
	margin: 20px auto;
	padding: 0;
	width: 980px;
	}

.edit a{float:right;
	color: #333;
	font-size: .8em;
	font-style: italic;}

.redrule{width: 100%; 
	background-color: #cc3333;
	height: 20px;}
	
#logo{float: right;
	padding-top: 15px;}

#header img{float:right;}

#header #searchsubmit{padding-top: 5px;
	}
	
.searchbox{padding-top: 37px;}

#header ul{list-style: none;
	display: inline;
	margin: 0px 0px; 
	padding: 10px 0 0 0;
	float:left;}

#header li{display: inline;
	padding: 0px 1px;}	
	
#header a{color: #333;text-decoration: none;}	
#header a:link{color: #333;}
#header a:visited{color: #333;}
#header a:hover{color: #cc3333;}
#header a:active{color: #333;}

#flash{padding-left: 0px;}

.flash-alt{padding: 0 0;
	margin: 0 0px;
	width: 380px;
	float:left;
	}
	
#flash object{float:left;}


/* general styles */
img{padding: 0 0; 
	margin: 0 0px;
	border: 0px}

div{padding: 0 0px; margin: 0 0px;}

.clear{clear: both;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */


.left{float:left;}
.right{float:right;}
.center{text-align: center;}
.small{font-size: .9em;padding: 0 20px;}

.linkcat{list-style:none;}
.linkcat h2{font-size: 14px;margin-bottom: 0;}
.blogroll{padding: 0px 0 0px 15px;margin-top: 0;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}

.alignleft {margin: 0px 10px 10px 0px;
	float: left;
	}

.Prhapsody{font-family: 'Trebuchet MS';
	background: url('http://www.grantadler.com/images/rhapsody-product.jpg') no-repeat bottom right;height: 550px}

.Prhapsody .entry{font-family:'Trebuchet MS';
	float:left;}
	
.blurb{padding-top: 30px;}

.category-rhapsody .blurb{padding-top: 20px;margin-top: 20px;
	padding-left: 215px;text-align:right;}

.red{color: #cc0000;}

#first{padding-top:0px;}
#second{padding-top:34px;}
#third{padding-top: 40px;}
#fourth{}
.graybox{padding-top: 30px;}

#footer a:link{color:#fff;}
#footer a:visited{color:#fff;}
#footer a:hover{color:#fff;}
#footer a:active{color:#fff;}

.contact{font-weight: normal; 
	font-size: 18px;
	padding-bottom: 14px;}
	
.Ibuilding{float:right; margin-right: 20px;border: 6px solid #333;}	

.category-contact-page-sidebar p{padding-top: 10px;}
.SB-about h2{font-size: 14px;}
.SB-about{padding-left: 20px; padding-bottom: 20px;}
.PObutton{padding: 0 10px 10px 0;float:left;}

.newspage .entry h2{font-size: 14px;}
.dateandtime{text-align:right;color:#cc3333;}

.pres{padding: 20px 20px;}
.prescol{width: 800px;}
.prestitle{font-size: 16px; font-weight: bold;text-align:center;}
.slide{border: #333 solid 6px;}

.post-143 li{font-weight: bold;}
.post-143 .entry{background-color:#d3d8d6 ; padding: 15px;} 
.doctor{border: 1px solid #939393;}

.phototext{text-align:center; clear:both; padding: 0 30px 0px 80px;} 

.bold, .bold:link{font-weight: bold;}
.copy{float:right;width: 300px;color:white; text-align:right;padding: 0; margin: 0;}
.login{float:left:width: 200px;margin: 0; padding: 0;}

.shrink{font-size: .7em;}

.redrule p{display:none;}

.redrule .title{text-transform: capitalize;}
.redrule{color:white;}
.redrule p{float:right;margin: 0; padding: 0 5px 0 0;}
.redrule .indent{padding-right:42px;} 
#page3 #footer .redrule{height: 30px;}

.codes{float:right; margin: 0 0px; padding: 0px 140px 0 0;}
.width100{} 
#post-82{width: 45%;float:left;} 
#page2 .narrowcolumn{float:right;}
.PO{padding: 0px; margin: 0;}
.PObott{margin: 0; padding: 0;}