/*  
Theme Name: Diana Mclain Smith
Theme URI: http://www.agency3.com
Description: The custom theme for Diana McLain Smith's website.
Version: 1.0
Author: Agency3
Author URI: http://www.agency3.com
*/



/**********************************************
*   HTML & General Markup                     *
***********************************************/
html { overflow: -moz-scrollbars-vertical !important; }
* {margin:0px;padding:0px;}
body {background:#dce7ea; font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.clear{clear:both;}
hr {display:none;}
.printonly{display:none;}

blockquote { margin: 10px 0px; padding: 0 40px;}

.style1 {
	color: #A08F7D;
	font-weight: bold;
}
.bluebold {
	color: #5a8999;
	font-weight: bold;
	margin:20px 50px 20px 55px;
}
strong{
	color: #5a8999;
	font-weight: bold;
}
a:link {
	color: #E34913;
}
a:visited {
	color: #E34913;
}

.pad10horizontal{
	margin:0px 10px 0px 10px;
	border:0px;
	padding:0px;
	float:left;
}
#content li{
margin-right:60px;
}

/**********************************************
*   Edit Button                               *
***********************************************/
.editbutton {float:left; margin:30px;}
.editbutton a, .editbutton a:visited {color:#fff; text-decoration:none;display:block;background:#FF0000;padding:15px;border:2px outset #CC0000;}
.editbutton a:hover {color:#fff; text-decoration:underline;background:#CC0000;border:2px inset #CC0000;}

/**********************************************
*   Main Container                            *
***********************************************/
#container {
	width:880px;
	margin:0px;
	padding:0px;
	margin:20px auto;
}

/**********************************************
*   Shadow Top                                 *
***********************************************/
#shadow-top{
	width:880px;
	height:14px;
	margin:0px;
	padding:0px;
	background-image:url(images/shadow-top.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

/**********************************************
*   Main Header                               *
***********************************************/	
#header {
	margin: 0px;
	padding: 0px;
	height: 61px;
	width: 880px;
	background-image:url(images/shadow-header.gif);
}
#header img{margin:0px; padding:0px; border-left:0px; border-top:0px; border-bottom:0px;}
#siteheader { float:right;margin: 0px; padding:0px; clear:none;}
#siteheader a { display: block; height:50px;width: 200px; text-decoration:none; margin:0px;}
#siteheader span{ position: absolute; width:200px;left: -999em; margin:0px; padding:0px;}
#siteheader h1 { padding:0px; margin: 0px;}

/**********************************************
*   Navigation Area                           *
***********************************************/
#tagline {position: absolute; width:200px;left: -999em;}	
#navigation { background-image:url(images/nav-bg.gif); background-repeat:repeat-y; height: 25px; margin:0px; padding:0px;}
#nav { float:left; margin:0px; line-height:25px; padding:0px; margin-left:40px;}
#nav ul { padding: 0; margin: 0; list-style: none; text-transform:uppercase; }
#nav li {
	float: left; 
	line-height:25px;
	background-image: url(images/nav-break.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:600;
}
#nav li.current_page_item a{
	background: #FFF;
	color: #E34913;
}
#nav li.current_page_item a:hover{
	color: #ffb702;
}
#nav li.current_page_parent a{
	background: #FFF;
	color: #E34913;
}

#nav li.current_page_parent a{}
#nav a {
	display: block;
	text-decoration:none;
	padding:0px 14px 0px 14px;
	color:#fff;
	font-size:12px;
	vertical-align:top;
}
#nav .prev_page_selected li{
	background-image:none;
}
#nav .first_nav li{
	background-image:none;
}

/*hover color generated from current website, not PSD document*/
#nav a:hover { color:#ffb702;}

/**********************************************
*   Page Body & Content                       *
***********************************************/
#page-body {
	margin:0px;
	padding:0px;
	width:880px;
	background-image:url(images/body-bg.gif);
	background-repeat: repeat-y;
}
.mainpagebody {
	margin:0px;
	padding:0px;
	width:880px;
	background-image:url(images/shadow-header.gif);
	background-repeat: repeat-y;
}

/**********************************************
*   Content Pages & Posts                     *
***********************************************/
#content{width:596px;float:left;background-color:#FFFFFF; margin:0px; padding:0px; margin-left:16px; min-height:620px; overflow:hidden;}

#content h1 {position: absolute; width:200px;left: -999em;}
#content h3 {margin:20px 60px -5px 55px;padding:0px;}
#content h5 {
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#a19181;
margin:60px 60px 20px 55px;
font-size:27px;
font-weight:normal;
text-transform:none;
}
#content a, #content a:visited {
color: #e34913;
}
#content a img{border:none;}
#content p {line-height:16px;margin:10px 60px 15px 55px;}
#content ul {margin:0px 20px 20px 100px;}
#content ul li{margin-bottom:10px;}

#content .bluequote{
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#5a8999;
margin:10px 90px 10px 75px;
font-size:14px;
line-height:23px;
font-weight:normal;

}

#content .bluequoteauthor{
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#5a8999;
margin:10px 60px 40px 75px;
font-size:14px;
font-weight:bold;
}

/**********************************************
*   Homepage                                  *
***********************************************/
#homepage-content{width:848px;float:left;background-color:#FFFFFF; margin:0px; padding:0px; margin-left:16px; overflow:hidden;}
#homepage-content img{border:0px;margin:0px;padding:0px;float:left;}
#homepage-bottom {background-color:#FFFFFF; width:800px; clear:both; margin-left:22px; margin-right:20px;}
#homepage{float:left;margin:0px;padding:0px;background-color: #FFFFFF; margin-left:24px; margin-top:20px; margin-bottom:20px;}
#homepage ul{ padding: 0px; margin: 0px; list-style: none; vertical-align:top;}
#homepage li {
	float: left; 
	background-color:#FFFFFF;
	width:380px;
	margin-left:20px;
	font:Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
#homepage .homepage_left{
	padding:0px;	
	margin:0px;
	float:left;
	background-color:#FFFFFF;
	width:370px;
	height:214px;
	overflow:visible;
	font:Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#homepage .homepage_left p{
	margin:0px 12px 0px 0px;
}

#homepage .homepage_mid{
	padding:0px;	
	margin:0px;
	float:left;
	background-color:#FFFFFF;
	width:207px;
	height:194px;
	overflow:hidden;
	font:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	border-left:1px solid #CCCCCC;	
}	
#homepage .homepage_right{
	padding:0px;	
	margin:0px;
	float:left;
	background-color:#FFFFFF;
	width:150px;
	height:194px;
	overflow:visible;
	font:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	border-left:2px solid #BBBBBB;	
	padding-left:20px;
}
#homepage .homepage_right ul li{
	margin:0px 0px 15px 0px;
	padding:0px;
	width:180px;
}
#homepage img{float:left;margin:0px 10px 0px 0px; padding:0px; margin-top:0px;}
#homepage a img{border:0px;}
#homepage h3, #homepage h2{color:#5B8A9A; margin:0px; padding:0px; font-size:11px; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
#homepage p{color:#444444; font-size:11px; margin:0px; padding:0px; line-height:18px; margin-bottom:10px; font-weight:bold;}
#homepage li#recent-posts{border-left:1px groove #333333; height:200px;}
#homepage li#recent-posts h2{margin-left:20px;}
#recent-posts li{margin:10px 10px 10px 30px;}

/**********************************************
*   Blog & Post Page                          *
***********************************************/
#blog h2.post{
font-family:Verdana,Arial,Helvetica,sans-serif; 
margin:50px 60px 5px 55px;
font-size:23px;
font-weight:normal;
text-transform:none;
padding:0px 0px 5px 0px;
border-bottom:1px solid #CCCCCC;
}

#blog h2.post a{
text-decoration:none;
font-size:20px;
}

#blog h2.post a:hover{
text-decoration:underline;
}

#blog h2.post span{
margin-left:20px;
font-size:16px;
padding-bottom:4px;
vertical-align:middle;
color:#CCCCCC;
font-weight:bold;
}

#blog p.postmetadata{
padding:0px 0px 5px 0px;
border-bottom:1px dotted #CCCCCC;
font-size:10px;
margin:0px 60px 20px 55px;
font-weight:normal;
}

#blog .entry{
margin:0px 60px 30px 55px;
border-bottom:1px groove #000000;
display:block;
line-height:15px;
}

#blog .entry p{
margin:0px 0px 20px 0px;
}

#blog .entry blockquote { font-family:Verdana,Arial,Helvetica,sans-serif; color:#5a8999;margin: 10px 0px; padding: 0 40px;}

#blog #comments{
margin:0px 60px 10px 55px;
}
#blog #comments h3{
margin:0px;
padding:0px;
}
#blog #comments ol{
margin:0px;
padding:0px;
}
#blog #comments li{
margin:20px;
padding:0px;
border-bottom: 1px groove #000000;
}
#blog #comments p{
margin:10px;
padding:0px;
}

#blog #comments #commentform p{
margin:20px 0px 20px 0px;
}
.commentbox{
width:460px;
height:60px;
}


#blog .postinfo { padding:10px; margin:0px;border-bottom:1px solid #ccc;background:#eee;color:#666;font-size:9px;}
#blog .postinfo p{ padding:0px; margin:0px;}
#blog .postinfo a,#content .postinfo a:visited{ color:#000;text-decoration:none;}
#blog .postinfo a:hover{ text-decoration:underline;}

#blog .alignleft{float:left; margin-left:55px;}
#blog .alignright{float:right; margin-right:60px;}
/**********************************************
*   Custom Page Styles                        *
***********************************************/
#news {
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size: 13px;
}

#news a{
color: #e34913;
}

#news ul{
margin-left:55px;
list-style:none;
clear:both;
}

#news ul li{
margin-bottom:15px;
border-bottom:2px groove #000000;
padding-bottom:15px;
display:block;
width:490px;
line-height:15px;
}

#news ul li.last{
border-bottom:0px;
}

#downloads a{
font-size:16px;
font-weight:bold;
}

#events{
margin-left:55px;
margin-bottom:15px;
border-bottom:2px groove #000000;
border-top:2px groove #000000;
padding-bottom:15px;
display:block;
width:490px;
line-height:15px;
}

#events .bluebold, #events p{
margin-left:0px;
}

#mediaroom .boldblue{
margin:0px;
padding:0px;
}

/**********************************************
*   Sidebar SubNav                            *
***********************************************/
#sidebar{
	float:left;
	margin:0px;
	padding:0px;
	width:252px;
	margin-top:91px;
	margin-bottom:20px;
}

#sidebar h2, #sidebar h3, #sidebar h4{
color:#000000;
text-transform:uppercase;
font-size:13px;
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-left:10px;
margin-top:10px;
}

#sidebar p {
font-size:12px;
margin-left:10px;
margin-bottom:20px;
}

#sidebar ul{
margin-left:30px;
}

#sidebar img {}

/*SUBPAGES*/
#sidebar li.widget_subpages h2 a{
text-transform:none;
color:#FFFFFF;
font-size:10px;
margin-left:-10px;
vertical-align:bottom;
}

#sidebar li.widget_subpages_custom a{
text-transform:none;
color:#FFFFFF;
font-size:10px;
margin-left:-10px;
vertical-align:bottom;
margin-top:20px;
margin-left:10px;
margin-bottom:12px;
line-height:10px;
}

#sidebar li.widget_subpages{
list-style-image:url(images/arrow1.gif);
margin:0px 30px 0px 0px;
padding-bottom:20px;
border-bottom:1px solid #777777;
}

#sidebar li.widget_subpages h2{
margin-top:20px;
margin-left:10px;
margin-bottom:12px;
line-height:10px;
}

#sidebar li.page_item{
list-style-image:url(images/arrow1.gif);
margin-left:-30px;
margin-bottom:10px;
}

#sidebar li.page_item a{
color:#FFFFFF;
font-size:10px;
margin-left:0px;
padding-left:0px;
padding-top:10px;
vertical-align:top;
}

#sidebar li.current_page_item{
list-style-image:url(images/arrow2.gif);
}

#sidebar li.current_page_item a{
color:#E34913;
font-size:10px;
font-weight:bold;
}

#sidebar select{
font:Verdana, Arial, Helvetica, sans-serif;
display:block;
font-size:12px;
width:160px;
}

#sidebar ul li ul li ul li{
position: absolute; width:200px;left: -999em;
}

/*ARCHIVE*/

#sidebar li.widget_archive{
list-style:none;
margin:0px 30px 0px 0px;
padding-bottom:20px;
border-bottom:1px solid #777777;
}

#sidebar li.widget_archive h2{
text-transform:none;
color:#FFFFFF;
font-size:14px;
margin:0px;
padding:0px;
vertical-align:bottom;
font-weight:bold;
}

#sidebar li.widget_archive h2{
margin:20px 0px 12px -20px;
padding:0px;
line-height:10px;
}

#sidebar li.widget_archive li{
list-style-image:url(images/arrow1.gif);
margin-left:-30px;
line-height:20px;
}

#sidebar li.widget_archive li a{
color:#FFFFFF;
font-size:10px;
margin-left:0px;
padding-left:0px;
vertical-align:top;
}

/*CATEGORIES WIDGET*/
#sidebar li.widget_categories{
list-style:none;
margin:0px 30px 0px 0px;
padding-bottom:20px;
border-bottom:1px solid #777777;
}

#sidebar li.widget_categories h2{
text-transform:none;
color:#FFFFFF;
font-size:14px;
margin:0px;
padding:0px;
vertical-align:bottom;
font-weight:bold;
}

#sidebar li.widget_categories h2{
margin:20px 0px 12px -20px;
padding:0px;
line-height:10px;
}

#sidebar li.widget_categories li{
list-style-image:url(images/arrow1.gif);
margin-left:-30px;
margin-bottom:10px;
line-height:10px;
}

#sidebar li.widget_categories li a{
color:#FFFFFF;
font-size:10px;
margin-left:0px;
padding-left:0px;
vertical-align:top;
}


/*TEXT WIDGET*/
#sidebar li.widget_text {
list-style:none;
margin:0px;
padding:0px;
margin-right:20px;
margin-left:-15px;
margin-top:10px;
padding-top:10px;
}

#sidebar li.widget_text h2{
text-transform:none;
font-weight:bold;
font-style:italic;
}

#sidebar li.widget_text h4{
text-transform:capitalize;
font-size:11px;
}

#sidebar li.widget_text p{
text-transform:none;
font-size:11px;
}

/**********************************************
*   Footer                                    *
***********************************************/
#footer {
	margin:0px;
	padding:0px;
	width:880px;
	text-align:right;
	color:#e24912;
	background-image:url(images/shadow-bottom.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.footer-container {float:right;margin:5px 0px;font-size:9px; margin-right:20px; margin-top:10px;}
.footer-container ul {float:right;list-style-type:none;}
.footer-container ul li{float:left;list-style-type:none;padding:0px 0px 0px 10px;line-height:18px;}
.footer-container p{ clear:both;text-align:right;line-height:18px;}
.footer-container a, .footer-container a:visited {color:#e24912;text-decoration:underline;}
.footer-container a:hover {text-decoration:underline;}


/**********************************************
*  sIFR                                       *
***********************************************/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal 

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
*/