/*
Theme Name:White & Blue
Theme URI:http://soapdesigned.com/
Description:A clean, white and blue theme with orange highlights based on the <a href="http://www.press75.com/office-space-setup-usage/">Office Space</a> theme code structure.
Version:1.0
Author:SoapDesign
Author URI:http://soapdesigned.com/
*/

body { background:#2D5672 url(images/bg.gif) repeat-x; font:62.5%/1.5 Helvetica, Arial,sans-serif; color:#808080; line-height:1.2em; margin:0; padding:0; position:relative; }
@font-face { font-family:'SansationRegular'; src:url('assets/sansation_regular.eot'); src: local('Sansation'), local('Sansation'), url('assets/sansation_regular.woff') format('woff'); font-weight:normal; font-style:normal; }

a { color:#0071BC; text-decoration:none; }
a:hover { color:#2E3192; }
ul li { list-style:none; }
p { font:14px/20px Arial,Helvetica,sans-serif; padding:7px 0; }

.hidden { display:none; }
h1 { color:#8894AF; font-size:42px; font-weight:normal; letter-spacing:-2px; line-height:42px; margin-bottom:12px; }
h1 a { color:#8894AF; font-weight:normal; text-decoration:none; }
h2 { font-family:'SansationRegular', Helvetica, Arial, sans-serif; color:#8894AF; font-size:24px; font-weight:normal; letter-spacing:-.05em; line-height:27px; margin:0; }
h2 a { color:#8894AF; }
h3 { color:#8894AF; font-size:13px; }
h4 { font-size:13px; font-weight:normal; }
p { margin:0 0 10px 0; }
img { border:none; }

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }

#bodyfoot { width:100%; height:113px; position:absolute; bottom:0px; left:0px;  background:url(images/bgfooter.gif) repeat-x; z-index:1; }
#wrapper { width:970px; margin:0px auto; padding:0; overflow:hidden; z-index:2; position:relative; }

/** header styles **/
#header { width:970px; height:191px; float:left; background:url(images/header.jpg) no-repeat; }

#header_left { width:635px; height:100px; margin:20px 0 0 25px; float:left; }
#header_right { width:285px; height:100px; float:right; margin:20px 25px 0 0; font-family:Verdana, Arial, sans-serif; }
#header_right .headerthing_button { width:285px; height:30px; padding:16px 0 0; font-size:2em; color:#2D5672; font-family:'SansationRegular', Helvetica, Arial, sans-serif; }
#header_right .headerthing_button a { display:block; color:#2D5672; text-decoration:none; outline:none; }
#header_right .headerthing_txt { height:52px; padding:0; margin:-2px 0 0; color:#8894AF; font-size:9px; line-height:1.1em; overflow:hidden; }

#header_pages_menu { height:30px; padding:0 0 0 4px; float:right; }
#header_pages_menu_right { background:url(images/pages-bg.png) top right no-repeat; height:30px; padding:0 4px 0 0; margin:0 2px 0 0; float:right; }
#header_categories_menu { width:630px; height:40px; padding:0; margin:13px 0 0 27px; float:left; position:relative;}
#header_search { width:255px; height:19px; float:left; margin:24px 0 0 10px; }
#searchwrap { background:none; margin:0; padding:0; width:235px; height:17px; }
#searchwrap input{ background:none; color:#fff; font-family:Helvetica, Arial, sans-serif; margin:0; padding:0; }
#s { font-size:12px; border:none; padding:0; width:235px; margin:0; }

#topnav_frame { width:6px; height:41px; position:absolute; top:0px; left:-1px; background:url(images/topnav_frame.gif) no-repeat; z-index:20000; }

/** categories menu **/
.menu_categories,
.menu_categories * { list-style:none; margin:0; padding:0; text-transform:uppercase; font-size:12px; text-align:left; z-index:10000; font-weight:bold; }
.menu_categories { line-height:1.0; }

.menu_categories ul { position:absolute; top:-999em; width:150px; z-index:1000000; }
.menu_categories ul li { width:100%; }
.menu_categories li:hover { visibility:inherit; }
.menu_categories li { float:left; position:relative; background:url(images/topli.gif) right 1px no-repeat; }
.menu_categories a:hover { background:url(images/topli_hover.gif) left 1px repeat-x; }
.menu_categories li:hover ul,
.menu_categories li.sfHover ul { left:0; top:40px; z-index:200000; }
.menu_categories a,
.menu_categories a:visited { padding:14px 15px 13px; display:block; position:relative; text-decoration:none; color:#FFFFFF; }
.menu_categories li li { margin:0px 0 -1px -1px; padding:0 15px 0 0; background:transparent;}
.menu_categories li li a { width:120px; background:#8894AE; }
.menu_categories li li a:hover { background:#2D5672; }
.menu_categories li li li a {  }
.menu_categories li li ul li { left:31px; top:0px; }
.menu_categories a.sf-with-ul { min-width:1px; }

.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

ul.menu_categories li:hover li ul,
ul.menu_categories li.sfHover li ul,
ul.menu_categories li li:hover li ul,
ul.menu_categories li li.sfHover li ul { top:-999em; }

ul.menu_categories li li:hover ul,
ul.menu_categories li li.sfHover ul,
ul.menu_categories li li li:hover ul,
ul.menu_categories li li li.sfHover ul { left:10em; top:0; }

.menu_categories ul .sf-sub-indicator,
.menu_categories ul a:focus > .sf-sub-indicator,
.menu_categories ul a:hover > .sf-sub-indicator,
.menu_categories ul a:active > .sf-sub-indicator,
.menu_categories ul li:hover > a > .sf-sub-indicator,
.menu_categories ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }


/** content styles **/
#content_wrapper { width:922px; padding:0 20px 20px 28px; background:url(images/content.gif) repeat-y; float:left; }

#main { width:600px; margin:0 12px 0 0; float:left; }
#home_featured { float:left; margin:10px 0 0;}

.the_post { width:585px; float:left; padding:0; margin:0; }
.divider { background:url(images/divider.jpg) top left no-repeat; width:585px; float:left; height:1px; margin:20px 0 15px -23px; }
.navigation { width:585px; float:left; margin:20px 0 15px 0; font-size:16px; }
* + html .navigation { padding-bottom:15px; }

.page_post { background:none; }
.post_dets { margin:0 0 15px 0; padding:5px 5px 7px 8px; background:#9FA4C0; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; font-size:10px; }
.post_dets a { color:#D1EAFA; text-decoration:none; }
.post_dets a:hover { color:#fff; }
.dets { float:left; margin:0 15px 0 0; color:#D1EAFA; }
.last_dets { margin-right:2px; }

.video { width:585px; float:left; margin:10px 0 10px 0; }

.entry { width:585px; float:left; }
.entry img { border:1px solid #CCCCCC; padding:5px; }
.entry ul { margin:0 0 8px 0; padding:0; list-style:none; }
.entry li { padding:0 0 0 20px; margin:8px 0 0 0; background:url(images/bullet.png) top left no-repeat; font:13px 'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif; color:#666666; line-height:1.2em; }
.entry ol li { background:none; padding:0; margin:8px 0 0 -20px; }
* + html .entry ol li { margin-left:-17px; }
.entry img { border:1px solid #ccc; padding:5px; background:#FFFFFF; }
.entry img:hover { border:1px solid #999; padding:5px; background:#FFFFFF; }
.entry_thumb { float:left; margin:5px 20px 0 0; }

a.btn.readmore,
.readmore a { width:122px; height:31px; margin:0; padding:0; display:block; outline:none; text-indent:-9999px; background:url(images/btn_readmore.png) no-repeat; }
a.btn.readmore:hover,
.readmore a:hover { background-position:left bottom; }

/** home page styles **/
#home_announce { background:#C2D9DC; width:912px; margin:12px 0 20px; padding:16px 0 16px 0; text-align:center; font-size:18px; color:#000000; border:1px solid #9FA4C0; float:left; }

.home_left { width:275px; float:left; margin:0 35px 0 0; }
.home_center { width:275px; float:left; margin:0; }
.home_entry { width:275px; padding:0; margin:15px 0 10px 0; float:left; }

.home_entry img { border:1px solid #ccc; padding:5px; background:#FFFFFF; }
.home_entry img:hover { border:1px solid #999; padding:5px; background:#FFFFFF; }
.home_entry p { font-size:12px; }
.home_entry p.readmore { margin:0; }

.home_entry .entry_thumb { float:right; margin:0 0 5px 5px; }

/** featured content **/
.main_image { width:580px; height:345px; padding:0 10px; margin:0 20px 0 0; float:left; position:relative; overflow:hidden; color:#FFFFFF; list-style:none; }
.main_image img { width:600px; height:350px; }
.main_image li { margin:0; padding:0; }
.main_image .desc { width:600px; position:absolute; left:0px; bottom:-5px; padding:0 0 5px; filter:alpha(opacity=90) -moz-opacity:.90; opacity:.90; }
.main_image .desc .block { width:100%; height:140px; background:#2D5672; }

.main_image h2 { font-size:2.2em; font-weight:normal; margin:0; padding:10px 10px 0; color:#fff;}
.main_image h2 a { color:#FFFFFF; text-decoration:none; }
.main_image a { color:#FFFFFF; text-decoration:underline; }
.main_image a:hover { color:#CCCCCC; }
.main_image p { font-size:1.2em; padding:10px; margin:0; line-height:1.6em; }
.block small { padding:0; font-size:1em; }

.main_image a.readmore { margin:8px 0 0; }

.main_image .block small { margin-left:10px; }
* + html .main_image .desc{ bottom:2px; }

.main_image a.collapse { background:url(images/btn-collapse.png) no-repeat left top; height:27px; width:93px; text-indent:-99999px; position:absolute; top:-27px; right:20px; }
.main_image a.show { background-position:left bottom; } 

.image_thumb img { border:1px solid #ccc; padding:5px; background:#FFFFFF; float:left; }
.image_thumb ul { margin:0; padding:0; list-style:none; }
.image_thumb ul li { background:url(images/nav-a.gif) repeat-x; margin:0; padding:12px 10px; width:279px; float:left; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; border-right:1px solid #CCCCCC; }
.image_thumb ul li.hover { background:url(images/nav-a-over.gif) repeat-x; cursor:pointer; }
.image_thumb ul li.active { background:url(images/nav-a.gif) repeat-x; cursor:default; }
html .image_thumb ul li h2 { font-size:13px; margin:5px 0; padding:0; }
.image_thumb ul li .block { float:left; margin-left:10px; padding:0; width:170px; }	
.image_thumb ul li p { display:none; }

/** sidebar styles **/
.sidebar { width:285px; padding:25px 0 0 20px; margin:0; float:left; background:url(images/sidebg.gif) no-repeat; }
.sidebar.hometopright { padding:0; margin:0; background:transparent; }

.widget_block { width:285px !important; padding:0; margin:0 0 5px 0; float:left; }

.widget_block p { padding:0; margin:0 0 15px; font-size:13px; }
.widget_block ul { padding:0; margin:0 0 15px 15px; }
.widget_block ul li { list-style:disc; font-size:13px; margin:0 0 5px; line-height:normal; }
.widget_block ul li ul { margin-top:2px; }
.widget_block ul li a { color:#4d4d4d; }
.widget_block ul li a:hover { color:#2e3192; }

.widget_block.widgetcform { width:295px !important; padding:0; margin:0 0 20px; background:transparent; border:none; }
.hometopright .widget_block.widgetcform { margin:0; }
.widget_block.widgetcform h2 { padding:0; margin:0 0 12px; background:transparent; border:none; }

.side_entry { width:285px; margin:0 0 20px 0; float:left; }
.side_entry img { border:1px solid #ccc; padding:5px; background:#FFFFFF; }
.side_entry img:hover { border:1px solid #999; padding:5px; background:#FFFFFF; }
.side_entry a.post_title { font-weight:bold; }
.side_entry p { margin-bottom:0; }

.widget_superiorrecentcomments p { margin:3px 0; }
.widget_superiorrecentcomments .recent_comment { border-bottom:1px solid #ddd; }
.widget_superiorrecentcomments .first p { padding-top:0; }
.widget_superiorrecentcomments .last { border:0; margin-bottom:10px; }

/** footer styles **/
#footer { width:920px; height:89px; padding:0 25px 25px; background:url(images/footer.jpg) no-repeat; font-size:11px; float:left; }
#footer a { color:#8894AF; text-decoration:none; font-weight:bold; }
#footer a:hover { color:#2E3192; }
#footer h2 { margin:0; padding:0; font-size:14px; }
#footer p { font-size:.9em; margin:0; padding:0; color:#b2b2b2; }

#footerlogo img { max-width:190px; }

/** pages menu **/
.menu_pages,
.menu_pages * { list-style:none; margin:0; padding:0; text-transform:uppercase; font-size:12px; text-align:left; }
.menu_pages { line-height:1.0; }

.menu_pages ul { position:absolute; top:-999em; width:150px; }
.menu_pages ul li { width:100%; }
.menu_pages li:hover { visibility:inherit; background:url(images/divider-pages-over.png) top right no-repeat; }
.menu_pages li { float:left; position:relative; background:url(images/divider-pages.png) top right no-repeat; }
.menu_pages a { display:block; position:relative; text-decoration:none; padding:8px 12px 8px 12px; }
.menu_pages a:hover { color:#CCCCCC; }
* + html .menu_pages a { padding:7px 10px 7px 10px; }
.menu_pages li:hover ul,
.menu_pages li.sfHover ul { left:0; top:30px; z-index:200000; }
.menu_pages a,.menu_pages a:visited { color:#FFFFFF; }
.menu_pages li li { background:#3D3D3D; border-top:1px solid #666666; border-bottom:1px solid #666666; margin:0 0 -1px 0; }
.menu_pages li li:hover { background:#333333; }
.menu_pages li li li { left:-270px; top:-1px; background:#3D3D3D; border-top:1px solid #1A1A1A; border-right:1px solid #1A1A1A; border-bottom:1px solid #1A1A1A; margin:0 0 -1px 0; }
.menu_pages a.sf-with-ul { min-width:1px; }

.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

ul.menu_pages li:hover li ul,
ul.menu_pages li.sfHover li ul,
ul.menu_pages li li:hover li ul,
ul.menu_pages li li.sfHover li ul { top:-999em; }

ul.menu_pages li li:hover ul,
ul.menu_pages li li.sfHover ul,
ul.menu_pages li li li:hover ul,
ul.menu_pages li li li.sfHover ul { left:10em; top:0; }

.menu_pages ul .sf-sub-indicator,
.menu_pages ul a:focus > .sf-sub-indicator,
.menu_pages ul a:hover > .sf-sub-indicator,
.menu_pages ul a:active > .sf-sub-indicator,
.menu_pages ul li:hover > a > .sf-sub-indicator,
.menu_pages ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }

.subscribe a { background:url(images/rss.png) right no-repeat; padding-right:20px; margin-right:12px; }
* + html .subscribe a { padding-right:25px; margin-right:10px; }
li.subscribe { background:none; }
li.subscribe:hover { background:none; }
.subscribe a:hover { background:url(images/rss-over.png) right no-repeat; }

/** comment styles **/
#comments { width:608px; float:left; padding:15px 0 20px 0; margin:0 0 10px -23px; }
#reply_form { width:604px; margin:0 0 0 0; padding:8px; float:left; }
.comment-author { font-weight:normal; }
.comment-meta { font-size:10px; font-weight:normal; margin:0 0 10px 0; }
.avatar { float:right; margin:2px 0 15px 15px; width:64px; border:1px solid #ccc; padding:5px; background:#FFFFFF; }

ol.commentlist { margin:-22px 0 0 0; padding:0; list-style:none; }
ol.commentlist a:link, ol.commentlist a:visited { color:#4A4A4A; }
ol.commentlist a:hover { color:#4A4A4A; text-decoration:underline; }
ol.commentlist cite { font:15px/20px GraublauWeb, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
ol.commentlist li.alt { padding:25px 0 20px 20px; background:url(images/divider.jpg) bottom left no-repeat; }
ol.commentlist li { padding:25px 0 20px 20px; background:url(images/divider.jpg) bottom left no-repeat; }
ol.commentlist li div.reply { cursor:pointer; border:none; width:39px; height:20px; padding:3px 0 0;}
ol.commentlist li div.reply a { font-size:9px; }
ol.commentlist li div.reply a:hover {}

ol.commentlist li ul.children { list-style:none; text-indent:0; }
ol.commentlist li ul.children li { padding:20px 0 5px 20px; background:none; }
ol.commentlist li ul.children li.alt { padding:20px 0 5px 20px; background:none; }

ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }

#comments-last-item { float:left; margin:-1px 0 0 0; background:#FBFBFB; width:660px; height:1px; }
input#submit { cursor:pointer; background:url(images/btn_submit.png) 0 0; border:none; width:122px; height:31px; padding:0; font-size:0px; line-height:0px;}
input#submit:hover { background-position:0 -31px; }

#comment { border:1px solid #CACBCB; width:575px; height:215px; padding:5px; font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; background:url(images/fields.jpg) top left repeat-x; }

#author { border:1px solid #CACBCB; width:154px; height:20px; padding:4px 5px 0 5px; font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; background:url(images/fields.jpg) top left repeat-x; }

#email { border:1px solid #CACBCB; width:154px; height:20px; padding:4px 5px 0 5px; font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; background:url(images/fields.jpg) top left repeat-x; }

#url { border:1px solid #CACBCB; width:154px; height:20px; padding:4px 5px 0 5px; font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; background:url(images/fields.jpg) top left repeat-x; }

.fieldset { list-style:none; margin:0; padding:0; }
.fieldset li { margin:0; padding:0; }
.says {display:none;}
#respond { width:585px; float:left; padding:0 0 20px 0; margin:0; }

/** wordpress specific styles **/
.wp-caption img { margin-bottom:5px; border:1px solid #ccc; padding:5px; background-color:#FFFFFF; }
.wp-caption-text { color:#FFFFFF; text-align:center; padding-top:5px; padding-bottom:5px; width:auto; font-weight:bold; }
code { font:1.1em 'Courier New', Courier, Fixed; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { border:1px solid #ccc; padding:5px; margin:0 0 2px 10px; display:inline; }
img.alignleft { border:1px solid #ccc; padding:5px; margin:0 10px 2px 0; display:inline; }

.alignright { float:right; margin-left:15px; }
.alignleft { float:left; margin-right:15px; }

#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar a { display:block; }
#wp-calendar caption { text-align:center; width:100%; }
#wp-calendar td { padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff; }

acronym, abbr, span.caps { cursor:help; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; }
blockquote cite { margin:5px 0 0; display:block; }

.center { text-align:center; }
.hidden { display:none; }
hr { display:none; }
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { text-align:center; background-color:#FFF; padding:10px 5px 0 5px; margin-bottom:5px; }
.wp-caption img { margin:0; border:1px solid #ccc; padding:5px; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:4px 4px 5px; margin:0; background:none; color:#333; }