/*
Theme Name: SthBlue
Theme URI: http://www.sthelse.com/2009/11/wordpress-theme-sthblue.html
Version: 1.5
Description: 2 Column theme from SthElse WordPress Theme, widget-ready, fully localized, easy to customize via settings-page. Designed by Beck.
Author: Beck
Author URI: http://www.sthelse.com
Tags: two-columns, fixed-width, theme-options, translation-ready, blue, white
*/

/* static START */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,fieldset {
	margin:0;
	padding:0;
}
abbr[title], acronym[title] {
	border-bottom:thin dotted;
	cursor:help;
}
body {
	background:#FFFFFF;
	color:#444444;
	font-family: Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	letter-spacing:-0.05em;
	font-family:Verdana,"Trebuchet MS",Arial,sans-serif;
}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%; color:#4F81D8; font-weight:normal;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
	border:0;
}
img.sided {
	background:#FFF;
	border:2px solid #CCC;
	padding:3px;
}
small {
	font-size:11px;
}
a:hover img.sided {
	border-color:#A6A6A6;
}
a {
	color:#4F81D8;
	text-decoration:none;
}
a:hover {
   color: #F5C55E;
	text-decoration:underline;
}
.wp-caption {
	background:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 0;
	margin-bottom:5px;
	text-align:center;
}
.wp-caption img {
	margin:0 5px;
}
.wp-caption-text {
	text-align:center;
	padding:0 5px !important;
	padding:3px 5px 0;
}
*+html .wp-caption-text {
	padding:3px 5px 0 !important;
}
.post .content .wp-caption p {
	margin:0;
}
blockquote, pre {
	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fixed, .clear {
	clear:both;
}
input.textfield, 
textarea {
	background:#FFF url(images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:2px 1px;
	font-size:12px;
	font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
}
.boxcaption {
	background:#E3E4E6 url(images/box.gif) 0 0 no-repeat;
	padding:6px 12px;
	border-bottom:1px solid #CCC;
}
.boxcaption h3 {
	font-size:12px;
	font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
	letter-spacing:0em;
}
.box {
	background:#F4F5F7 url(images/box.gif) 100% 100% no-repeat;
	padding:8px 12px;
	margin-bottom:10px;
}
.messagebox, 
.errorbox {
	background:#EDEFF0 url(images/messagebox.gif) no-repeat;
	padding:0 12px;
	height:27px;
	line-height:27px;
	font-size:11px;
}
.w3c {
	color:#080;
	font-size:11px;
}
/* static END */ 

/* layout START */
#wrap {
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
   padding:0;
   text-align:left;
   width:970px;
   background:transparent url(images/wrap_bg.gif) repeat-y scroll 0 0;
}
#container {
	margin:0 auto;	
}
/* layout END */

/* header START */
#header {
   background:#006B95 url(images/header.jpg) no-repeat scroll 0 0;
   height:100px;
	overflow:hidden;
}
#caption {
	padding:25px 30px 0;
}

/* text blog title */
#title a {
	text-decoration:none;
	color:#FFF;
	height:30px;
	display:block;
	font-family:"Trajan Pro";
	letter-spacing:0;
}
/* image blog title */
/*
#title a {
	background:url(images/logo.png) no-repeat;
	text-decoration:none;
	color:#FFF;
	width:250px;
	height:50px;
	text-indent:-999em;
	display:block;
}
*/
#tagline {
	color:#FFF;
	border-top:1px solid #FFF;
	text-decoration:none;
	font-size:11px;
	float:left;
	padding:0 3px;
}
/* header END */

/* navigation START */
#navigation {
	background:#FFFFFF url(images/navigation.gif) no-repeat scroll 0 0;
   height:30px;
   margin:10px 16px 10px 11px;
   text-align:center;
   width:auto;
   line-height:30px;
}

#menus ul{
   float:left;
   margin-left: 15px;
}
   
#menus li {
	border-right:1px solid white;
   float:left;
   list-style-type:none;
   white-space:nowrap;
}

#menus li.current_page_item a, #menus li a:hover {
   background:#4B84A4 none repeat scroll 0 0;
   text-decoration:none;
   color: #FFF9EA
}
#menus li a {
color:white;
display:block;
padding:0 12px;
}

#menus li.home a {
   color: #FFF9EA;
   text-decoration:none;
}
#menus li.home a:hover {
   color: #FFFFFF;
   background:none;
   text-decoration:none;
}
#searchbox {
   border-left:1px solid white;
   float:right;
   height:100%;
   padding:0 0 0 15px;
   width:270px;
}
#searchbox .textfield {
	border:1px solid #FFF9EA;
   margin:0 5px 0 0;
   width:200px;
   color: #56A7C1;
}
#searchbox .tip {
	float:left;
	color:#84985D;
	padding:6px 0 0;
	font-size:12px;
}
#searchbox .button {
   background:#A3C159 none repeat scroll 0 0;
   border:1px solid white;
   color:white;
   padding:0 2px;
   text-align:center;
   cursor:pointer;
}
#searchbox .button:hover {
   text-decoration:none;
	background:#C8DE9D;
	border-top:1px solid #B5C98F;
	border-right:1px solid #D5E396;
	border-bottom:1px solid #D5E396;
	border-left:1px solid #B5C98F;
	color:#60743A;
}
#searchbox .searchtip {
	color:#999;
}
/* navigation END */

/* content START */
#content {
	min-height:400px;
	background:transparent url(images/container_bg.gif) repeat-y scroll 640px -20px;
}
/* content END */

/* main START */
#main {
	background-image:url(images/main_bg.jpg);
   background-repeat:no-repeat;
	width:600px;
	margin:0 5px;
	padding:13px 15px 15px;
	float:left;
	overflow:hidden;
}

.post {
	padding-bottom:5px !important;
	padding-bottom:15px;
	margin-bottom:10px; 
}
*+html .post {
	padding-bottom:15px !important;
}
.posttime {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
	text-align:center; 
   padding-top:2px; 
   margin-right:6px; 
   margin-top:0px;
}
.posttime .m { 
   text-align:center;color:#fff;
   font-family:Verdana, Arial; 
   font-weight:bold; 
   font-size:11px; 	
   text-transform:uppercase; 
   line-height:15px; 
}
.posttime .d { 
   text-align:center; 
   color:#000; 
   font-family:Georgia, "Times New Roman", Times, serif; 	
   font-size:18px; 
   font-weight:bold; 
   line-height:24px; 
}
.posttitle { 
   margin:0 10px 0 11px; 
   height:38px;
   padding-top:0px; 
   padding-bottom:7px;
}
.posttitle h2,.posttitle h2 a { 
   font-size:16px; 
   color:#005880; 
   text-decoration:none; 
   line-height:20px; 
   margin:0px; 
   max-height:20px; 
   overflow:hidden; 
   letter-spacing:0; 
}
.posttitle h2 a:hover { 
   color:#4499AA; 
   text-decoration:none; 
}
.postmeta { 
   margin:3px 0 0 3px; 
   overflow:hidden; 
   height:16px; 

}
.postmeta span { 
   padding-left:14px; 
   color:#808080; 
   margin-right:12px; 
   background-image:url(images/span.gif); 
   background-repeat:no-repeat; 
}
.postmeta span span { 
   padding-left:0px; 
   margin-right:0px; 
   background-image:none; 
}
.postmeta span a { 
   color:#808080; 
   text-decoration:none; 
}
.postmeta span a:hover { 
   color:#666; 
}
.comment { 
   float:right; 
   background-position:left -58px; 
   margin-right:0!important; 
}
.category { 
   background-position:left -78px; 
}
.date { 
   background-position:left -98px; 
}
.author { background-position:left 2px; }
.pop { 
   float:right; 
   background-position:left 16px; 
}
.edit { 
   background-position:left -138px; 
}
.tags {
   background-image: url(images/span.gif); 
   background-repeat:no-repeat; 
   padding-left:15px; 
   background-position:left -13px; 
   line-height:200%; 
}
.tags a {
   background:#FAFAFA none repeat scroll 0 0; 
   border:1px solid #F3F4F4; 
   line-height:200%; 
   margin:0 2px; 
   padding:4px; 
   color:#6C8C37; 
}
.bookmarklet { 
   border-top:1px solid #F3F4F4; 
   margin:0 0 20px; 
   padding:20px 0 0; 
}
.bookmarklet a { 
   padding:0 16px 0 0; 
}
.postmetadata { 
   padding:5px; 
   background:#EFF2E9; 
   color:#BDBDBD;
}
.postmetadata a { 
   color:#4C81B6; 
}
.post .content{ 
   background-image:url(images/post-bg.gif);
   line-height:160%; 
   margin:10px 0; 
   background-position:center bottom;
   background-repeat:no-repeat;
   margin-bottom:0;
   padding-bottom:39px;
   padding-left:10px;
   padding-right:20px;
}
.post .content h4 {
	color:#080;
	margin-bottom:10px;
}
.post .content img {
	max-width:600px;
}
.post .content ul, 
.post .content ol {
	padding-bottom:10px;
}
.post .content ul li, 
.post .content ol li {
	list-style-position:inside;
	padding-left:20px;
}
.post .content table {
	background:#FFF;
	border:2px solid #CCC;
	border-collapse:collapse;
	margin:5px 0 10px;
}
.post .content p {
   margin-bottom:6px;
}
.post .content th, 
.post .content td {
	border:1px solid #CCC;
	padding:3px 10px;
	text-align:left;
	vertical-align:top;
}
.post .content tr.even td {
	background:#F7F7F7;
}
.post .content th {
	background:#EDEFF0;
}

#postpath {
	line-height:16px;
	margin:5px 0 15px;
	padding-left:5px;
	border-bottom:4px solid #F3F4F4;
}
#pagenavi, 
#postnavi {
	border-top:1px solid #CCC;
	margin:10px -5px 0;
	padding:10px 5px 0;
}
#pagenavi {
	font-size:11px;
}
#pagenavi .newer , 
#postnavi .prev {
	float:left;
	height:16px;
	line-height:16px;
}
#pagenavi .older , 
#postnavi .next {
	float:right;
	height:16px;
	line-height:16px;
}
/* main END */

/* sidebar START */
#sidebar-wrapper { 
   width: 300px; 
   margin:0 15px 15px 5px;
   float: right;
   background-repeat:no-repeat;
   background-image:url(images/sidebar_bg.jpg);
   overflow:hidden;
}
#sidebar {    
   padding: 0px 15px 10px 10px; 
   width: 275px; 
   margin-right: 15px; 
   margin-top: 0px; 
}
.sidebar-box { 
   padding: 5px 10px; 
   margin-bottom: 0px; 
}
#sidebar #feedrss,  
#sidebar #followme {
	height:25px;
	line-height:25px;
	display:block;
	padding:5px 5px 5px 36px;
	float:left;
	text-decoration:none;
	font-size:11px;
}
#sidebar #feedrss {
	background: url(images/feeds.gif) 5px 5px no-repeat;
}

#sidebar #followme {
	background: url(images/feeds.gif) 5px -95px no-repeat;
	margin-left:10px;
}

.sidebar-box ul li a:link, 
.sidebar-box ul li a:visited, 
.sidebar-box ul li a:active { 
   border-bottom: 1px dashed #E6E6E6; 
   display: block; padding-bottom: 3px; 
   padding-top: 2px; 
   color: #3173AA; 
   width: 100%; 
}
.sidebar-box ul li a:hover { 
   width: 100%; 
   border-bottom: 1px dashed #E6E6E6; 
   display: block; 
   padding-bottom: 3px; 
   padding-top: 2px; 
   color: #23547C; 
   background-color: #F7FAFF; 
   text-decoration: none;
}
.sidebar-box h2 { 
   margin-top: 5px; 
   font-size: 16px; 
   color: #56A7C1; 
   padding-top: 4px; 
   font-weight: bold; 
   display: block; 
   border-bottom: 2px solid #EEEEEE; 
   padding-bottom: 4px; 
   text-transform: lowercase; 
}

/*sidebar-box list level1 */
.sidebar-box ul { 
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0;
   padding:0; 
}
.sidebar-box ul li {
  /* background-image:url(images/bullet_link.gif);
   background-position:left center;
   background-repeat:no-repeat;*/
   font-size:12px;
   margin:2px 0 2px 10px;
   padding:0 0 0 15px;
}
/*sidebar-box list level2 */
#sidebar-box ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar-box ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #DDEBF4;
}
/*sidebar list level3 */
#sidebar-box ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li, .widget_links li{
	background: url(images/icons/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, .widget_categories li{
	background: url(images/icons/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, .widget_archive li{
	background: url(images/icons/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*recent comments */
.widget_recent_comments li{
   background: url(images/icons/mini-comment.png) no-repeat !important;
	padding-left: 20px !important;   
}
/*pages widget */
ul.list-page li, .widget_pages li, .widget_recent_entries li{
	background: url(images/icons/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, .widget_pages li ul li{
	background: url(images/icons/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/* sidebar END */

/* footer START */
#footer {
	background:url(images/footer.gif) 0 0 no-repeat;
	background-position:center bottom;
   background-repeat:no-repeat;
   clear:both;
   margin:0;
   padding:30px 0;
   text-align:center;
   color:#005880;
}
#footer span{
	padding-left:22px;
	height:16px;
	margin-right:15px;
	display:inline-block;
}
#footer span a, 
#footer span a:hover {
	color:#FFFFFF;
}
#info {
   background:transparent url(images/navigation.gif) no-repeat scroll center top;
   color:#FFFFFF;
   height:auto;
   margin:10px 16px 10px 10px !important;
   min-height:30px;
   padding:5px;
}
#footer a { 
   color:#4F81D8;
   font-size: 11px; 
}
#footer a:hover { 
   color: #F5C55E;
   text-decoration: underline; 
}
span.sitemap{
	background:url(images/icons/sitemap_color.png) no-repeat;
}
span.mini_rss{
	background:url(images/icons/mini_rss.png) no-repeat;
}
span.mini_css{
	background:url(images/icons/css_valid.png) no-repeat;
}
span.mini_xhtml{
	background:url(images/icons/xhtml_valid.png) no-repeat;
}
/* footer END */

/* comment START */
.nocomments { 
   text-align: center; 
   margin: 0; 
   padding: 0; 
}
#commentlist {
	background:#FCFCFC;
	margin:10px -15px;
	padding:5px 15px;
	width:97%;
}
#commentlist ol, 
#commentlist li {
	list-style:none;
}
#thecomments {
	padding-bottom:15px;
}
#thecomments .comment, 
#thecomments .messagebox {
	margin-top:15px;
}
.comment .author {
	float:left;
	width:81px;
	text-align:center;
}
.comment .pic {
	background:url(images/commentpoint.png) 100% 33% no-repeat;
	padding-right:14px;
	margin-top:10px;
}
.comment .name {
	width:67px;
	padding-right:14px;
	font-weight:bold;
	overflow:hidden;
}
.comment .avatar {
	padding:1px;
	border:1px solid #999;
}
.comment .info {
	background:#EDEFF0 url(images/comment.gif) 0 0 no-repeat;
	float:left;
	padding:10px 15px 0;
	width:440px;
}
.comment .date {
	float:left;
	font-size:11px;
}
.comment .act {
	float:right;
	font-size:11px;
}
.comment .content {
	background:url(images/comment.gif) 100% 100% no-repeat;
	margin:0 -15px;
	padding:0 15px 10px;
	line-height:145%;
}
.comment .content p {
	margin-top:10px;
}
.comment .content blockquote p {
	margin-top:0;
	margin-bottom:10px;
}
.admincomment .author {
	float:right;
}
.admincomment .pic {
	background:url(images/commentpoint.png) 0% 33% no-repeat;
	padding-right:0;
	padding-left:14px;
}
.admincomment .name {
	padding-right:0;
	padding-left:14px;
}
.admincomment .info {
	float:right;
}
#comment_login {
	margin-top:15px;
}
#comment {
	width:580px;
}

/* comment form START */
#respond div { 
   background-image: none; 
   margin:5px;
}
#submit { 
   margin-left:10px;
}
#commentform { 
   margin: 10px 0px 0px 20px; 
}
#commentform textarea { 
   background: #f8f7f6; 
   border: 1px solid #d6d3d3; 
   width: 500px; 
   padding: 10px; 
   margin: 10px;
}
#commentform #email { 
   font-size: 13px; 
   background: #f8f7f6; 
   border: 1px solid #d6d3d3; 
   width: 220px; 
   background-image: url(images/comment-email.gif); 
   background-position: 7px 7px; 
   background-repeat: no-repeat; 
   height: 20px; padding-left: 30px; 
   padding-top: 6px; 
   margin-bottom: 3px; 
}
#commentform #author { 
   font-size: 13px; 
   background: #f8f7f6; 
   border: 1px solid #d6d3d3; 
   width: 220px; 
   background-image: url(images/comment-author.gif); 
   background-position: 7px 7px; 
   background-repeat: no-repeat; 
   height: 20px; 
   padding-left: 30px; 
   padding-top: 6px; 
   margin-bottom: 3px; 
}
#commentform #url { 
   font-size: 13px; 
   background: #f8f7f6; 
   border: 1px solid #d6d3d3; 
   width: 220px; 
   background-image: url(images/comment-website.gif); 
   background-position: 7px 7px; 
   background-repeat: no-repeat; 
   height: 20px; 
   padding-left: 30px; 
   padding-top: 6px; 
   margin-bottom: 3px; 
}
/* comment form END */

/* commentnavi START */
#commentnavi {
	background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
	padding:10px 15px;
	font-size:11px;
}
#commentnavi a.page-numbers {
	padding:5px 7px;
	text-decoration:none;
	border:1px solid #EDEFF0;
	margin:0 -2px;
}
#commentnavi a.page-numbers:hover {	
	background:#F7F7F7;
	border:1px solid #CCC;
	text-decoration:none;
}
#commentnavi span.pages {
	padding:0 7px 0 22px;
	background:url(images/comment_icon.gif) no-repeat;
	height:16px;
	line-height:16px;
	float:left;
}
#commentnavi span.current {
	background:#F7F7F7;
	padding:5px 7px;
	border:1px solid #F7F7F7;
	font-weight:bold;
	margin:0 -2px;
}
#commentnavi #commentpager {
	line-height:16px;
}
/* commentnavi END */