/*  
Theme Name: The Local
Theme URI: http://prothemedesign.com/themes/the-local/
Description: A Hyperlocal News & Community Theme
Version: 0.1
Author: Darren Hoyt & Ben Gillbanks
Author URI: http://prothemedesign.com/
Template: elemental
*/


/* --- GENERAL --- */

a, a:visited {color:#546d85}
a:hover, a:active {color: #2e4459;}


/* --- MASTHEAD & TOP --- */

#bm_adminBar {margin:0; background:#2f3a47;}
#bm_adminBar ul.nav {margin:0 auto; width:980px; float:none}


.wrapper-980 {width:980px !important; margin:0 auto; border:none; background:none;}
#pageHeaderNav {background:#000; border-top:3px solid #2f3a47; padding-top:5px;}
#header {border:none; background-color:#2f3a47; padding:14px 0 18px; color:#FFF; overflow:hidden; background-repeat: no-repeat}
#mainContent {padding-top: 15px}
#date-weather {float:left; width:260px; padding-top:21px; color:#bdc7d3; }
#date-today {border-right:1px dotted #898989; padding-right:12px; margin-right: 10px; float: left}
#weather {background-position: 0 -2px; height: 40px; width: 80px; float: left}


/*Rain*/
.weatherIcon-1, .weatherIcon-2, .weatherIcon-3, .weatherIcon-4, .weatherIcon-5, 
.weatherIcon-6, .weatherIcon-7, .weatherIcon-8, .weatherIcon-9, .weatherIcon-10, 
.weatherIcon-11, .weatherIcon-12, .weatherIcon-17, .weatherIcon-18, .weatherIcon-28, .weatherIcon-35, 
.weatherIcon-37, .weatherIcon-38, .weatherIcon-39, .weatherIcon-40, .weatherIcon-45, 
.weatherIcon-46, .weatherIcon-47 {background: url(images/weather/rain.png) no-repeat;  padding-left: 36px}

/*Wind*/
.weatherIcon-0, .weatherIcon-23, .weatherIcon-24 {background: url(images/weather/wind.png) no-repeat; padding-left: 40px}


/*Clear Night*/
.weatherIcon-31, .weatherIcon-33 {background: url(images/weather/clear-night.png) no-repeat; padding-left: 24px}


/*Clear Day*/
.weatherIcon-32, .weatherIcon-34, .weatherIcon-36 {background: url(images/weather/fair-day.png) no-repeat; padding-left: 24px}


/*Cloudy Night*/
.weatherIcon-27, .weatherIcon-29  {background: url(images/weather/mostly-clear-night.png) no-repeat; padding-left: 36px}


/*Cloudy Day*/
.weatherIcon-19, .weatherIcon-20,  .weatherIcon-21, .weatherIcon-22, .weatherIcon-25, .weatherIcon-26, .weatherIcon-30, .weatherIcon-44  {background: url(images/weather/mostly-clear.png) no-repeat; padding-left: 40px}


/*Snow*/
.weatherIcon-13, .weatherIcon-14, .weatherIcon-15, .weatherIcon-16, .weatherIcon-41, .weatherIcon-42, .weatherIcon-43   {background: url(images/weather/snowing.png) no-repeat; padding-left: 38px}



#branding {float:left; width:420px; height:65px;}


.header-image #header h1, .header-image #header h2 a, .header-image #header h3 a {
	background:url(images/logo.png) center no-repeat; height:60px; margin:8px 0 7px !important; text-align:center; display:block;
}

#header h1, #header h2, #header h2 a, #header h3, #header h3 a {
	text-align:center;
}

#ad-top-right {float:right; width:234px;}




/* --- HOMEPAGE COLUMNS --- */


#widgetcol-1 {width:160px; float:left}
#widgetcol-2 {width:300px; float:left; margin-left:17px;}
#widgetcol-3 {width:200px; float:left; margin-left:18px;}
#widgetcol-4 {width:268px; float:right;}



/* --- JSOB Customizations --- */
.homepage_section {border-top:1px double #000000;}
.column_1 {width:156px; float:left;}
.column_2 {width:156px; float:left; margin-left:7px;}
.column_3 {width:156px; float:left; margin-left:7px;}
.column_4 {width:156px; float:left; margin-left:7px;}
.column_5 {width:156px; float:left; margin-left:7px;}
.column_6 {width:156px; float:left; margin-left:7px;}

.blockquote {clear:both;}

#homepage_left {float:left;}
#homepage_right {}

#widget_featured {width: 477px;}
.featuredPostImage {height:auto; width: 100%;}

#local_widgetcol-1 {width:160px; float:left}
#local_widgetcol-2 {width:300px; float:left; margin-left:17px;}
#local_widgetcol-3 {width:268px; float:left; margin-left:18px;}
#local_widgetcol-4 {width:200px; float:right;}
.wp-caption {margin:0 10px 10px 0 !important;}
#page {background:#fff url(images/jsob_tj_bg.png) no-repeat center; padding:0 0 25px;}
#fullWrapper {border:none; width:980px; background:url(images/transparent_pixel.png) repeat; padding:0 5px;}
.emphasis {color:#CC0000; font-weight:600; font-variant:small-caps;}


.imageborder {
margin:0px 20px 10px 0;
}

.imageborder, .imageborder:visited {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #D2D2D2;
display:block;
float:left;
padding:5px;
}

/* --- INTERIOR STRUCTURE & COLUMNS --- */

#sidebar.column.container-3 {float:right; padding:0; width:200px;}
#sidebar .column.span-3 {padding:0 0 20px;}
#content.column.container-9 {width:725px !important; border-right:1px dotted #CCC; padding-right:25px; }
.column.post.span-9, .column.span-9 {margin:0 !important; width:auto !important; padding:0 !important; float:none; clear:both}
.column.span-9.page-break {width:100% !important;}
.column.span-4.archive-dropdown {float:left; width:40%; padding:0; margin-bottom:28px;}

.fullwidth .span-12.column {width: 960px; padding: 0;}



/* --- NAV --- */


/* 1st Tier Nav */

.nav {font:.9em Arial, Helvetica, sans-serif; margin:0; list-style:none; padding:0; border:none}	
.nav a, .nav a:visited {font-weight:bold;}

#pageHeaderNav .sf-sub-indicator {background:url(images/top_menuDropdown_999.png); margin-top:-3px; width:12px;}

#pageHeaderNav .sf-sub-indicator {right:8px}

#pageHeaderNav .nav ul .sf-sub-indicator {background-position:0 -11px;}

#pageHeaderNav .nav li a, #pageHeaderNav .nav li a:visited {background:transparent; color:#b5b5b5 !important;}

#pageHeaderNav .nav li.current-cat a, #pageHeaderNav .nav li.current-cat a:visited, 
#pageHeaderNav .nav li.current_page_item a, #pageHeaderNav .nav li.current_page_item a:visited  { 
	background:#2f3a47 !important; 	color:#FFF !important;}

#pageHeaderNav .nav a:active {background:#222 !important;}


/*2nd Tier Nav*/

#menu {border:none; background: #e9e9e9 url(images/bg_menu.png) repeat-x; border-bottom:1px solid #ced6d6; height:34px; padding-top:2px;}

#menu .nav a, #menu .nav a:visited {color:#111; text-shadow: 0 1px 0 #FFF;}

#menu .nav a:active {background: url(images/tab_on.png)}

#menu ul.nav {width:680px; margin:3px 0 0 0 !important; float: left;}

#menu .nav a.sf-with-ul {padding-right:25px;}

.sf-sub-indicator {right:.8em;}

#menu .sf-sub-indicator {background:url(images/menuDropdown_999.png); margin-top:-3px; width:12px;}

#menu .nav ul .sf-sub-indicator {background-position:0 -9px;}

#menu ul.nav, #pageHeaderNav ul.nav {margin-left:0 !important}

#menu .nav li {margin-right:26px}

#menu .nav li.current-cat a, #menu .nav li.current-cat a:visited, 
#menu .nav li.current_page_item a, #menu .nav li.current_page_item a:visited 
{background: url(images/tab_on.png); text-decoration:none !important;}



/* Flyouts  */

#pageHeaderNav .nav li li a, #pageHeaderNav .nav li li a:visited, 
#menu .nav li li a, #menu .nav li li a:visited, 
#pageHeaderNav .nav li li.current-cat a, #pageHeaderNav .nav li li.current-cat a:visited, 
#pageHeaderNav .nav li.current_page_item li a, #pageHeaderNav .nav li.current_page_item li a:visited, 
#pageHeaderNav .nav li li.current_page_item a, #pageHeaderNav .nav li li.current_page_item a:visited 
	{font-weight:normal; text-shadow: 0 1px 0 #FFF; display:block; 
	background:#e9e9e9 !important; color: #111 !important;} 

#pageHeaderNav .nav li li a:hover, #pageHeaderNav .nav li li a:active,
#menu .nav li li a:hover, #menu .nav li li a:active,
#pageHeaderNav .nav li.current-cat li a:hover, #pageHeaderNav .nav li.current-cat li a:active, 
#pageHeaderNav .nav li.current_page_item li a:hover, #pageHeaderNav .nav li.current_page_item li a:active, 
#pageHeaderNav .nav li li.current_page_item a:hover, #pageHeaderNav .nav li li.current_page_item a:active {background:#f1f1f1 !important; text-decoration:none !important;}

.nav ul {width:200px !important; border-color:#ced6d6; }
.nav li li {border-bottom:1px solid #f0f0f0; border-top:1px solid #dedede;}
.nav ul ul {left:200px !important; margin:-1px 0 0 !important;}



/* --- HEADERS --- */

h3.widgettitle {color:#8c8c8c !important; background:none !important; padding:0 !important;}
#comments h4, #respond h4 {font:bold 1.4em Helvetica,Arial;}
h4.column {float: none; padding:0;}


 
/* --- FORMS --- */

input.text, textarea {background:#FFF !important; }

#menu .searchform {float:right; width:234px; margin-top:4px; }

.searchform .text {padding:3px 5px 5px !important; border-color:#aeaeae #dddada #dddada #aeaeae !important; width:258px !important}
.searchform .text:focus {border-color:#aeaeae !important;}

.searchform .searchsubmit {position: absolute; margin: 0 0 0 -20px !important}

.noSearchResults .searchform  {width: auto; float: none; padding-bottom: 15px;}

.noSearchResults .searchform .searchsubmit {position: static; margin:0 0 0 -23px !important;}



/* --- WIDGETS --- */

.widget {margin-bottom:24px; background:url(images/dot-grid.png) repeat-x bottom; padding-bottom:18px;}
#footerContent .column.widget {background: none; float: left; margin: 0 20px 30px 0; padding:0 0 25px; width: 300px;}
#footerContent .widget+.widget+.widget {float: right}

.wp125_write_ads_widget.widget, .widget_text {overflow:hidden; outline:none !important; border:none !important; padding:0 !important;}

.wp125ad.odd {float:left; margin-bottom: 7px;}
.wp125ad.even {float:right; margin-bottom: 7px;}

h3 a.rsswidget, h3 a.rsswidget {color:#8c8c8c; text-decoration:none;}
h3 a.rsswidget:hover, h3 a.rsswidget:active {text-decoration:underline;}

.widget.widget_bm_adsense {background:none}

.widget ul, .widget ol {margin:0}

.widget ul li, .widget ol li {border:none; line-height:140%;}

.widget li a, .widget li a:visited {color: #111; text-decoration:none;}
.widget li a:hover, .widget li a:active {color:#666}

.widget_rss li a, .widget_rss li a:visited, 
.recentcomments a, .recentcomments a:visited,
#custom-cats a, #custom-cats a:visited, 
.widget_bm_postdetails li a, .widget_bm_postdetails li a:visited {border-bottom:1px dotted #bebebe; text-decoration:none !important} 

.widget_rss li a:hover, .widget_rss li a:active,
.recentcomments a:hover, .recentcomments a:active,
#custom-cats a:hover, #custom-cats a:active {border-bottom:1px solid #a0a0a0; color:#111 !important;} 

.youtubeVideoWrapper p {margin:5px 0;}

.recentcomments a.url, .recentcomments a.url:visited {font-weight:bold; font-style:normal; text-decoration:none; border:none}

.recentcomments a.url:hover, .recentcomments a.url:active {color:#111; text-decoration:underline !important}

.widgetInternalWrapper {background:#f1f1f1; padding:4px;}

.widget.widget_bm_googlemaps, .widget.widget_bm_twitter, .widget.wp125_write_ads_widget { background:none; padding:0; }
 
ul.twitter_update_list, .mapWrapper, .popularPosts, 
.widget_featuredPost .wrapper, .youtubeVideoWrapper .wrapper {background:#FFF !important; padding:7px !important; border:1px solid #d6d6d6; margin:0; overflow:hidden;}

ul.twitter_update_list li {background:#2f3a47; color:#FFF; padding:8px 12px; margin:0; overflow: hidden}
ul.twitter_update_list li.odd {background:#3c4b5a; border-top:1px solid #475665; border-bottom:1px solid #475665}

.popularPosts li {padding:6px 13px;}
.popularPosts li.odd {background:#f0f0f0; }

ul.twitter_update_list a, ul.twitter_update_list a:visited {color:#8c9298; font-style:italic}
ul.twitter_update_list a:hover, ul.twitter_update_list a:active {text-decoration:underline; color: #FFF;}

p.tweetDate {margin:0 !important; clear:both}
#sidebar p.tweetDate {margin: 0 !important}

p.tweetText {margin-top: 0; line-height: 150%;}
  
.textwidget p {margin-top: 0;}

.widget.widget_bm_featuredcontent, .widget.widget_bm_twitterlocal, .widget.widget_bm_youtube, .widget.widget_bm_popularposts {background: none; margin-bottom: 12px;}




.featuredContainer {background:#333; padding:20px;}

.youtubeVideoWrapper .featuredContainer {padding: 10px 20px 20px}

.featuredContainer h2 a, .featuredContainer h2 a:visited {color:#fff;text-decoration:none;line-height: 120%;}

.featuredContainer h2 a:hover, .featuredContainer h2 a:active {text-decoration: underline}

.featuredContainer p {color:#dbdbdb;margin-top: 5px;}

.featuredContainer .postmetadata {color: #8c9298; margin: 4px 0 0; font-style: italic; text-transform: none; font-size:1em;}
#custom-cats {background:url(images/dot-grid.png) repeat-x; padding-top:30px; clear:both; }
#custom-cats .widget {background:none}

#custom-cats h3 a, #custom-cats h3 a:visited {color:#8c8c8c; border:none}
#custom-cats h3 a:hover, #custom-cats h3 a:active {text-decoration:underline}

.widget_recent_entries li {padding:6px 13px !important}

.widget_recent_entries li:nth-child(odd) {background:#f0f0f0; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}

a.authorLink {margin: 0;border: none;}
.authorLink img {padding: 4px; background: #f2f2f2; display: block; margin-bottom: 9px;}


.singlePostAdvert {border: 1px solid #d2d2d2; width:468px; margin: 0 auto; margin-bottom: 18px; } 



 
/* --- CATEGORY/ARCHIVE PAGES --- */

.excerpt p {margin-top: 10px;}




/* --- SINGLE POST PAGES --- */

#paths {margin:0}

.post-excerpt p {font:1.6em 'Helvetica Neue',Helvetica,Arial; color:#555; line-height:140% !important; margin:-10px 0 25px} 

.entry, .hentry {font-size:1.2em;}

.postNavigation, #formAllowedHtml {display:none}

.error, .notice, .success, .information {border:1px solid #e5e2c4 !important;background:#faf9ee !important; margin-bottom:1em !important; padding:10px !important;}

#comments ul.commentList, #respondWrapper, .message_404 {margin:0;}



/* --- LOGIN BOX --- */

#quickLogin {position:absolute; z-index:1; width:75px; left: 50%; margin-left: 415px; }

#loginForm {display:none; background:#2f3a47; overflow:hidden; color:#FFF;padding:0 18px 18px; margin-left: -215px; }

#loginForm label {display:block;}

a#quickLoginButton, a#quickLoginButton:visited {position:absolute; padding:13px 13px 6px 28px; text-transform:uppercase; color:#b5b5b5;font:bold .9em Arial, Helvetica, sans-serif; text-decoration:none; background:#2f3a47 url(images/icon_login.png) no-repeat 7px 9px;}

a#quickLoginButton:hover, a#quickLoginButton:active {text-decoration:underline}

#loginForm a, #loginForm a:visited {color:#bdc7d3;}
#loginForm a:hover, #loginForm a:active {color:#FFF;}

#loginForm .text {border: none}



/* --- CUSTOM CATS --- */

#custom-cats {overflow:hidden;}

#custom-cats .widget {float:left;width:210px; margin-right:34px;}




/* --- BOTTOM WIDGETS --- */

#footerContent.column.container-12 {padding: 30px 0 0 0; width: 980px}



/* --- FOOTER --- */

#footer {border:none; width:980px;}