/*  
Theme Name:NSL - 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 --- */
h2 a:hover, h3 a:hover {color:#00948C;text-decoration:underline;}
h2, h3 {color:#7B4E27;}

h2 a, h2 a:visited, h3 a, h3 a:visited {color:#00948C;text-decoration:underline;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; }



a, a:visited {color:#05757F}
a:hover, a:active {color: #05757F;}
h1, h1 a{color: #7B4E27;}
h1 {color:#222;}
body {background:#BFBFB2 none repeat scroll 0 0;}

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

#bm_adminBar {margin:0; background:#000000;}
#bm_adminBar ul.nav {margin:0 auto; width:980px; float:none}
#bm_adminBar ul li a, #bm_adminBar ul li a:hover {color:#7B4E27;}

#page {background: #BFBFB2 url(images/background.gif) repeat-x; padding:0 0 0px; color:#7B4E27}
.wrapper-980 {width:980px !important; margin:0 auto; border:none; background:none;}
#pageHeaderNav {background:#000; padding-top:5px;}
#header {border:none; background-color:#FFFFE4; padding:0; color:#FFF; overflow:hidden; background-repeat: no-repeat; width:980px; margin: 10px auto auto; -moz-border-radius-topleft:20px; -moz-border-radius-topright: 20px}
#fullWrapper {border:none; width:960px; padding:0 10px; background:#FFFFE4; margin-top:-13px;}
#mainContent {padding-top: 15px}
#date-weather {float:right; width:360px; padding-top:18px; padding-left: 3px; color:#000000; }
#date-today {border-right:1px dotted #898989; padding-right:12px; margin-right: 10px; float: left}
#weather {background-position: 0 -2px; height: 25px; width: 60px; float: left}  
#contactNSL {border-left:1px dotted #898989;
float:left;
margin-left:0px;
padding-right:10px;
padding-left:10px;     
height: 25px;
}


/*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}

#toplinks {float: left; padding-top: 10px; color: black; padding-left: 10px; font-size: 14px;}
#toplinks ul li {float: left; padding:5px 15px 0 0;}
#toplinks img, #contactNSL img {padding: 2px; vertical-align: middle;}

#branding {float:left; width:980px; padding-top: 5px;}


.header-image #header h1, .header-image #header h2 a, .header-image #header h3 a {
	background:url(images/loop-header2.jpg) center no-repeat; height:200px; margin:0 !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;}


.switch {
	padding-left:691px;
}

/* --- 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;}



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


#sidebar.column.container-3 {float:right; padding:0; width:220px;}
#sidebar .column.span-3 {padding:0 0 20px;}
#content.column.container-9 {width:705px !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:#AFFFFF !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: #000000 url() repeat-x; border-bottom:1px solid #ced6d6; height:45px; padding-top:2px; width: 980px; margin: auto;}

#menu .nav a, #menu .nav a:visited {color:#AFFFFF;}
#menu a, #menu a:visited {text-shadow:0 0px 0 #FFFFFF !important;
}

#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;}

/*Navigation*/
div.nav-wrapper {display:block; margin:0; padding:0; position:relative; width:960px; }


#nav-drop {display:block;
float:left;
height:37px;
margin-top:-20px;
padding-top:0px;
position:absolute; 
}
                       
html>body #nav-drop
{
  display:block;
float:left;
height:37px; 
margin-top:0px;
padding-top:10px;
position:relative;
}
                                                                                                                                                            
#nav-drop li {display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; top:-25px; padding:0; position:relative;}  
html>body #nav-drop li {display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; top:0px; margin:0; padding:0; position:relative;}
 #nav-drop a { border-right:1px solid #EEEEEE; color:#AFFFFF; font-size:15px; font-variant:small-caps;  font-weight:bolder; line-height:1; padding:12px;}


/* 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:#222 !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:left; padding-left:10px; padding-top:-20px; } 
html>body #menu .searchform {float:right; padding-left:10px; padding-top:0px; } 

.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: #05757F; text-decoration:none;}
.widget li a:hover, .widget li a:active {color:#05757F}

.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;}

.featuredPostLink {
	display:block;
	height:180px;
	text-indent:-9999em;
	text-decoration:none;
}

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 0 0 65px !important; clear:both}
#sidebar p.tweetDate {margin: 0 !important}

p.tweetText {width:155px; float: left; 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;}


.featuredPostImage {height:180px; width: 100%;}

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

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

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

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

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

.featuredContainer .postmetadata {color: #05757F; 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:#222; 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:#CCFFFF; overflow:hidden; color:#7B4E27;padding:0 18px 18px; margin-left: -215px; }

#loginForm label {display:block;}

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

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

#loginForm a, #loginForm a:visited {color:#7B4E27;}
#loginForm a:hover, #loginForm a:active {color:#7B4E27;}

#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:10px; width:960px;background:#FFFFE4 none repeat scroll 0 0; border-top:1px dotted #CCCCCC;}




/* --- FOOTER --- */

#footer {border:none; width:960px; padding: 10px; background-color: #FFFFE4;  -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; margin-bottom:10px;}

#footer a:hover, #footer a:active, #footerContent a:hover, #footerContent a:active { color: #05757F}
#footer, #footerContent {color:#7B4E27;}   

#footerSuggestLoop, #footercopyright {text-align:center;}



/*---- NSL Specific ----*/

.legend1 {
	width: 906px;
	float: left;
	font-size: 14px;
}

.legend1 img {
	vertical-align: middle;
	padding-right: 5px;
}

.expand {
	clear: left;
}


.legend {
	display:inline;
	margin-bottom:1px;
	width: 150px;
}
#legendbox {
	background-color: #CCFFFF;
	border: 1px solid;
	padding-left: 10px;
}

#legendbox img {
	vertical-align: middle;
}


#about {
	background-color: #E5FFFF;
	padding-bottom: 10px;
	border: 1px solid;
	padding: 5px 5px 5px 10px;
}

#ctc_footer {
	background-color:white;
	border:3px ridge;
	margin-bottom:20px;
	margin-left:0;
	margin-right:0;
	padding:5px;
	text-align:center;
}