/* 
	Theme Name: Shades of Blue
	Theme URL: http://www.studiopress.com/themes/shades
	Description: Shades of Blue is a 2-column theme created for WordPress. The sidebar and the footer are fully widgeted, and the navigation is coded for drop-down menus. Shades of Blue has been developed to accomodate threaded comments and sticky posts. This elegant and clean theme was developed by <a href="http://www.studiopress.com">StudioPress</a>.
	Author: StudioPress
	Author URI: http://www.studiopress.com
	Version: 1.1
	Tags: two-columns, right-sidebar, fixed-width, blue, white, threaded-comments, sticky-post
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 3/25/09 - Released theme
		v1.1 - 8/1/09 - Optimized theme for SEO, localized theme for translation into any language
*/
.offleft { position:absolute; left:-9000em; }
html,
body { height:100%; margin-bottom:1px; }
body { background: #012C56; background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#012C56), to(#4C6A88)) fixed; background: -moz-linear-gradient(50% 100% 90deg, #4C6A88, #012C56) fixed; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px auto 20px; }
body #print-this-page { background: #FFFFFF; }
#wrap { background: #FFFFFF url(images/wrap.png); width: 960px; margin: 0px auto 0px; padding: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; position:relative; -webkit-box-shadow:0 0 10px #1B1B1B; -moz-box-shadow: 0 0 10px #1B1B1B; box-shadow:0 0 10px #1B1B1B; }
/************************************************
*	Hyperlinks									*
************************************************/
	
a img { border: none; }
a:focus,
a:hover,
a:active { outline: none }
/************************************************
*	Header  									*
************************************************/

#header { width: 960px; height: 90px; margin: 0px auto 0px; padding: 0px; overflow: hidden; }
#header h1,
#header h4 { }
.headerleft { margin:0; padding:0; position:absolute; top:0; }
.headerleft a h1,
.headerleft a h1:visited,
.headerleft a h1,
.headerleft a h1:visited { display:block; width:250px; height:163px; padding:0; margin:0; }
.headerleft a h1:hover,
.headerleft a h1:hover { }
.headerleft p { color: #FFFFFF; font-size: 12px; margin: 0px; padding: 0px; }
.headerright { float: right; margin: 0px; padding: 50px 0px 0px 0px; }
/************************************************
*	Navigation      							*
************************************************/
.quick-nav { float:left; padding-top:70px; }
.quick-nav ul { margin:0; padding:0; }
.quick-nav ul li { float:left; list-style:none outside none; margin-right:1em; }
.quick-nav ul li a { color:#FFF; font-size: .83em; text-decoration: none; }
.quick-nav ul li a:hover { color:#EB038D; }
#nav { float: right; margin: 0px; padding: 0px; }
#nav ul { list-style: none; margin: 0px; padding: 0px; }
#nav li { float: left; list-style: none; margin: 0px; padding: 0px; }
#nav li a { color: #FFFFFF; display: block; text-transform:uppercase; font-size: 1.5em; font-weight: lighter; margin: 0px 5px 0px 0px; padding: 8px 15px 8px 15px; text-decoration: none; text-shadow:0 -1px 0 #012140; }
#nav li a:hover { color: #EB038D; }
#nav li li a,
#nav li li a:link { background: #EB038D; width: 120px; color: #fff; float: none; font-size: 11px; margin: 0px 0px 0px -1px; padding: 5px 10px 5px 10px; }
#nav li li a:hover,
#nav li li a:active { background: #B0026A; color: #FFFFFF; padding: 5px 10px 5px 10px; }
#nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 150px; margin: 0px; padding: 0px; }
#nav li li { }
#nav li ul a { width: 120px; }
#nav li ul a:hover,
#nav li ul a:active { }
#nav li ul ul { margin: -24px 0 0 141px; }
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { }
#nav li:hover,
#nav li.sfhover { position: static; }
#nav .current_page_item a,
#nav .current_page_ancestor a { color: #EB038D; }
/************************************************
*	Secondary Navigation		     		    * 
************************************************/
.secondary-nav { background:#FFFFFF none repeat scroll 0 0; padding-right:10px; position:absolute; right:0; width:700px; height:11em; }
.secondary-nav ul { float:right; }
.secondary-nav ul li { list-style-image:none; list-style-position:outside; list-style-type:none; text-transform:uppercase; float:left; }
.secondary-nav ul li a { color:#012C56; display:block; padding:0 10px; text-decoration:none; }
.secondary-nav ul li a:hover,
.secondary-nav ul li.current_page_item>a { color:#EC068D; }
.secondary-nav>ul>li { }
.secondary-nav>ul>li>ul { display:none; }
.secondary-nav>ul>li>ul>li { }
.secondary-nav h1 { position:absolute; left:-9000em; }
/************************************************
*	Content 					     		    * 
************************************************/

#content { width: 960px; margin: 0px auto 0px; padding:0; line-height:1.5em; }
#contentleft { background:transparent url(images/logo.jpg) no-repeat scroll left top; float:left; margin:0; padding:11em 0 20px 30px; width:630px; }
#contentleft h1 { color:#EB038D; font-weight:normal; margin:0 0 30px; padding:0 0 0 250px; text-align:right; text-transform:uppercase; line-height:1em; font-size:2em; }
#contentleft h1 a { color: #EB038D; text-decoration: none; }
#contentleft h1 a:hover { color: #B0026A; text-decoration: none; }
#contentleft h2 { color: #B0026A; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDDDDD; }
#contentleft h3 { color: #B0026A; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDDDDD; }
#contentleft h4 { color: #B0026A; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDDDDD; }
#contentleft h5 { color: #B0026A; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDDDDD; }
#contentleft h6 { color: #B0026A; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDDDDD; }
#contentleft img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; }
#contentleft img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; }
.sticky { background: #F7F7F7; margin: 0px; padding: 10px; border: 1px solid #E6E6E6; }
.post { margin: 0px 0px 40px 0px; }
.postarea { margin: 0px; padding: 0px; }
.postarea p { padding: 0px 0px 10px 0px; margin: 0px; }
.postarea a,
.postarea a:visited,
.postcomments a,
.postcomments a:visited { color: #B0026A; text-decoration: none; }
.postarea a:hover,
.postcomments a:hover { color: #B0026A; text-decoration: none; }
.postarea ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; }
.postarea ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.postarea ul { list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px 0px 10px 0px; }
.postarea ul ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
.postarea ul li { background: url(images/arrow-content.gif) no-repeat top left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; }
.postarea ul ul li { background: url(images/arrow-content.gif) no-repeat top left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; }
blockquote { background: #F7F7F7; margin: 0px 25px 15px 25px; padding: 0px 25px 0px 10px; border: 1px solid #E6E6E6; }
#content blockquote p { margin: 0px; padding: 10px 0px 10px 0px; }
.postauthor { border-bottom:1px solid #E6E6E6; font-weight:bold; margin:0 0 10px; padding:0; text-align:right; text-transform:uppercase; }
.postmeta { font-size: 11px; text-transform: uppercase; margin: 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #E6E6E6; }
.postmeta p { margin: 0px; padding: 0px; }
.authorbox { background: #F7F7F7; margin: 20px 0px 0px 0px; padding: 10px; border: 1px solid #E6E6E6; }
.authorbox p { margin: 0px; padding: 0px; }
.authorbox img { background: #FFFFFF; float: left; margin: 0px 10px 0px 0px; padding: 3px; border: 1px solid #CCCCCC; }
code { background: #F7F7F7; margin: 0px 25px 15px 25px; padding: 10px; display: block; font-family: Arial, Helvetica, sans-serif; border: 1px solid #E6E6E6; }
.archive { float: left; width: 320px; margin: 0px; padding: 0px 25px 20px 0px; }
.clear { clear: both; }
/************************************************
*	Images  					     		    * 
************************************************/

img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; }
img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }
.wp-caption { border: 1px solid #E6E6E6; text-align: center; background-color: #F7F7F7; padding: 4px 0px 5px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; }
/************************************************
*	Sidebar 	        			     	    * 
************************************************/
	
#sidebar { border-top:1px solid #FCCDE8; float:right; line-height:18px; margin:11em 0 10px; padding:1em 10px 10px; width:250px; }
#sidebar a,
#sidebar a:visited { color: #B0026A; text-decoration: none; }
#sidebar a:hover { color: #B0026A; text-decoration: underline; }
#sidebar h4 { color: #B0026A; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #DDDDDD; }
#sidebar p { margin: 0px; padding: 0px; }
#sidebar .widget { margin: 0px 0px 10px 0px; padding:0 10px 10px; }
#sidebar ul { list-style-type: none; margin: 0px; padding: 0px; }
#sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
#sidebar ul ul li a,
#sidebar ul ul li a:visited { color: #333333; text-decoration: none; }
#sidebar ul ul li a:hover { color: #B0026A; text-decoration: underline; }
#sidebar ul ul { list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px; }
#sidebar ul ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; }
#sidebar ul li li { background: url(images/arrow.gif) no-repeat top left; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; }
#sidebar ul li ul li { background: url(images/arrow.gif) no-repeat top left; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; }
#sidebar .textwidget { margin: 0px; padding: 0px; }
#cat { background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 230px; color: #333333; margin: 5px 0px 0px 0px; padding: 1px; display: inline; border: 1px solid #DDDDDD; }
.widget_tag_cloud { margin: 0px; padding: 0px 0px 0px 10px; }
#sidebar #random-words { font-weight:bold; color:#012C56; background:url("images/quote_left.png") no-repeat scroll left top, url("images/quote_right.png") no-repeat scroll right bottom transparent; font-size:1em; line-height:1.5; padding:5px 30px; text-transform:none; }
#sidebar #random-words small { border-top:1px solid #E8E8E8; display:block; font-size:0.83em; color:#012C56; margin-top:10px; padding:5px; text-align:right; text-transform:none;}
#sidebar #addthis-widget { margin-top:60px; text-align:right; }
/************************************************
*	Footer  									*
************************************************/

#footer { background: #EB038D; width: 960px; color: #fff; margin: 0px auto 0px; padding: 0px 0px 10px 0px; }
#footer p { color: #fff; font-weight: normal; margin: 0px; padding: 0px 0px 5px 0px; }
#footer a { color: #fff; text-decoration: none; }
#footer a img { -webkit-box-shadow:0 0 10px #A60265; -moz-box-shadow: 0 0 10px #A60265; box-shadow:0 0 10px #A60265; border:1px solid #FFF; }
#footer a:hover { color: #012C56; text-decoration: none; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer ul li { background: none; list-style-type: none; margin: 0px; padding: 0px; }
#footer ul ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer ul li ul li { background: url(images/footerlist.gif) no-repeat top left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; }
#footer h4 { background-color:#CC037B; color:#FFFFFF; font-family:Verdana, Tahoma, Verdana; font-size:11px; font-weight:normal; border-top:1px solid #DF0388; letter-spacing:2px; margin:0 0 10px; padding:10px 0 10px 20px; text-transform:uppercase; }
#footer .widget { margin: 0px; padding: 0px; }
#footer .textwidget { margin: 0px; padding:0 0 5px 12px; }
.footer1 { float: left; margin: 0px; padding:15px 0 0; width:240px; }
.footer2 { float: left; margin: 0px; padding:15px 0 0; width:240px; }
.footer3 { float: left; margin: 0px; padding:15px 0 0; width:240px; }
.footer4 { float: right; margin: 0px; padding:15px 0 0; width:240px; }
/************************************************
*	Copyright  									*
************************************************/
	
#copyright { width: 960px; background: #fff; margin: 0px auto 20px; padding: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; text-align: center; letter-spacing: 2px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-box-shadow:0 0 10px #1B1B1B; -moz-box-shadow: 0 0 10px #1B1B1B; box-shadow:0 0 10px #1B1B1B; }
.copyright { width: 920px; margin: 0px auto 0px; padding: 15px 0px 0px 0px; }
#copyright p { margin: 0px; padding: 0px; font-size: .83em; }
#copyright a { color: #B0026A; text-decoration: none; }
#copyright a:hover { color: #B0026A; text-decoration: underline; }
/************************************************
*	Search Form									*
************************************************/

.postform { background: #F5F5F5; width: 240px; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 1px; display: inline; border: 1px solid #DDDDDD; }
#searchform { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px; padding: 0px; }
#searchformheader { margin: 0px; }
#s,
input[type=text],
input[type=password],
textarea { background-color:#F4F4F4; border:1px solid #FFFFFF; display:inline; font-family:Arial, Tahoma, Verdana; font-size:12px; margin:0; padding:5px; width:165px; }
#s:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { background-color:#fff; }
#searchsubmit { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #E6E6E6; font-family:Arial, Tahoma, Verdana; font-size:11px; margin:0; padding:1px; }
/************************************************
*	Comments Form								*
************************************************/
	
#author,
#email,
#url { background: #F7F7F7 !important; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 4px; border: 1px solid #E6E6E6; }
#comment { background: #F7F7F7 !important; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 5px 0px 5px 0px; padding: 4px; border: 1px solid #E6E6E6; }
#submit { background: #003663; color: #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0px; padding: 2px 0px 2px 0px; border: 1px solid #003663; }
/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li { font-size: 12px; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0px 5px 0px 10px; padding: 2px; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentmetadata { font-weight: normal; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; }
#commentform { margin: 5px 10px 0px 0px; }
#commentform textarea { width: 98%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; }
.alt { margin: 0px; padding: 10px; }
.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 0px 10px 0px; padding: 0px; }
.children { margin: 0px; padding: 0px; }
.nocomments { text-align: center; margin: 0px; padding: 0px; }
.reply a,
.reply a:visited { background: #B0026A; color: #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #B0026A; }
.reply a:hover { background: #003663; color: #FFFFFF; text-decoration: none; border: 1px solid #003663; }
.commentmetadata { font-size: 10px; margin: 0px; display: block; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; }
.thread-even { background: #F7F7F7; margin: 0px; padding: 0px; }
.depth-1 { border: 1px dotted #E6E6E6; margin: 0px; padding: 0px; }
.even,
.alt { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; margin: 0px; padding: 0px; }

