/*
Theme Name: SthBlue
Theme URI: http://www.sthelse.com/2009/11/wordpress-theme-sthblue.html
Version: 1.4
Description: 2 Column theme from SthElse WordPress Theme
Author: Beck
Author URI: http://www.sthelse.com
Tags: blue, two-columns, fixed-width, translation-ready
*/

/* 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 url(images/bg.jpg) repeat-x; color:#444444; font-family:Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif; font-size:75%; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; letter-spacing:-0.05em; font-family:Verdana, Arial; }
h1 { font-size:200%; }
h2 { font-size:170%; }
h3 { font-size:150%; }
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:10px; }
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:10px; }
/* 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:10px; 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:10px; 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 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 { height:35px; line-height:35px; display:block; padding:5px 5px 5px 40px; float:left; text-decoration:none; font-size:11px; }
#sidebar #feedrss { background: url(images/rss.png) no-repeat; }
.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 { background: url(images/icons/mini-blogroll.gif) no-repeat !important; padding-left: 16px !important; }
/*category widget */
ul.list-cat li, li.widget_categories li { background: url(images/icons/mini-category.gif) no-repeat !important; padding-left: 20px !important; }
/*archives widget */
ul.list-archives li, li.widget_archives li { background: url(images/icons/mini-monthly-archive.gif) no-repeat !important; padding-left: 20px !important; }
/*pages widget */
ul.list-page li, li.widget_pages li, 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, 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:#000000; }
#footer span { padding-left:22px; height:16px; margin-right:15px; display:inline-block; }
#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 #info a { color:#fff; font-size: 11px; }
#footer #info a:hover { color: #fff; 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:10px; }
.comment .act { float:right; font-size:10px; }
.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 { width: 120px !important; }
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 350px; padding: 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 */