/***************************
Petaluma 360 - Custom

Contents:
--------------------
- Hide things 
# P360 unique 
- Bloggers360 
- Search 
- Submit your stuff 
# Theme (fonts/colors/images)
- Network tabs 
- user login area
- user registration
- Header 
- Nav  
- Content     
- Sub_head       
- Newslist     
- Articles 
- Article items 
- Article tools 
- Previous/next article 
- Comments 
- Right rail 
- Search 
- Submit your stuff 
- Events 
- Widgetbox
- Membercenter Legal Article Styles
- Footer 
- Bloggers360 section 
****************************/

/* Hide things */
hr, /* hrs */
#topsection /* section name */
{display:none}

/* P360 unique */
/* Bloggers360 */
.bloggers360{margin-right:0}
.bloggers360 h3{clear:both;margin:0 0 5px 0;padding:3px 0 2px 0}
.bloggers360 h3 img{float:right}
.bloggers360 p img {float:left;margin:0 10px 0 0}
/* Search */
#right #search {padding:0 0 5px 0}
#right #search form div {vertical-align:middle;margin-left:5px}
#right #search form input {vertical-align:middle}
#right #search form .textsrch {width:245px;padding:3px 0;margin-left:10px}
#right #search form h6 {margin:0 0 5px 10px}
/* Submit your stuff */
#submitstuff {padding:0 0 5px 0}
#submitstuff p{margin:2px 4px 6px 12px;padding:2px 0 0 0}
#submitstuff h4 {margin:8px 0 0 12px}

/***************************
Theme (fonts/colors/images)
****************************/
body {background:#8eafce}
/* Network tabs */
#network .sites li {font-size:11px}
#network .sites a {color:#fff;background:#1d3565}
#network .sites a:hover{background:#3878b6}
#network .current a, 
#network .current a:hover{color:#1d3565;background:#fff}

/* user registration */
.userreg h3 {background:#3678B5;font-family:"Futura Md BT","Arial Black",Arial,Helvetica,sans-serif;
	font-size:16px;text-transform:lowercase;padding:3px 0 4px 4px}
.userreg .btn, .userreg .required {background:#C8DEF3}
/* login*/
.login {font-size:130%;background-color:#C8DEF3}

/* Header */
#header {background:#fff}
.h2logo {background:no-repeat 0 0 url(/images/community/petaluma/logo.gif)}
.h2weather p {font:150%/33px Georgia, "Times New Roman", Times, serif;text-transform:lowercase;background:#97CC3C}
.h2weacity {font-weight:bold; text-transform:uppercase}

/* Nav */
#nav,
#subnav{font-size:10px}
#nav {text-transform:uppercase}
#nav a {background:#3878b6}
#nav a:hover{background:#4e8dc9;text-decoration:none}
#nav .current a,
#nav .current a:hover {background:#1d3565}
#nav .subnav a {border-bottom:2px solid #1d3565}
#subnav, 
#subnav a{color:#fff;background:#1d3565;text-transform:uppercase}
#subnav li {border-right:1px solid #fff}
#subnav li.last {border:none}
#subnav li.current a {font-weight:bold}
/* unselect "home" nav when on other community category */
#nav td.currentoff a{background:#3878b6!important;font-weight:normal!important}

/* Content */    
#content {background:#fff}

/* Sub_head */        
.sub_head {font:bold 16px/1.4 "Futura Md BT", "Arial Black", Arial, Helvetica, sans-serif;color:#4b7102;text-transform:lowercase}
.sub_head_nav .first, #events .sub_head a{font:10px Arial, Helvetica, sans-serif}
.sub_head_nav .first a{color:#4b7102;background:no-repeat right 4px url(/images/community/petaluma/arrow1.gif)}
#left .sub_head{border-bottom:2px solid #4b7102}
.box3 .sub_head {color:#fff;background:#4b7102}
.box3 .sub_head a, .box3 .sub_head_nav a {color:#fff}
.box3 .sub_head_nav .first a{background:no-repeat right 4px url(/images/community/petaluma/arrow2.gif)}
.box1 .sub_head a, 
.box2 .sub_head a{color:#4b7102}

/* Newslist */
.img_crop_med{border:1px solid #000}
.newslist h4{font:bold 16px/1.1 Georgia, "Times New Roman", Times, serif}
.newslist p, .ninth_design .left p, #submitstuff p, .widget{font:12px/1.2 Arial, Helvetica, sans-serif}
.ninth_design .left h3{font:bold 22px/1.2 Georgia, "Times New Roman", Times, serif}
.ninth_design .left a.crop {border:1px solid #000}
.design27f .img_crop_med{border:none}
.design34a li{border-bottom:1px dotted #C8DEF3}
.design34a li:last-child{border-bottom:none}
.design34a h4{font:normal 1.2em/1.2 Arial, Helvetica, sans-serif}
.design36b li div {border:1px solid #000}
.design39 h1{font:bold 2.3em/1.2 Georgia, "Times New Roman", Times, serif}
.design39 h5{color:#222;font:bold 1.2em/1.4 Georgia, "Times New Roman", Times, serif}
.design39 h6{font:1.2em/1.4 Arial, Helvetica, sans-serif;color:#636363;}
.design39 li p, .design39 li h2, .design39 li h3, .design39 li h4 {font:1.2em/1.4 Arial, Helvetica, sans-serif!important}

/* Articles */
.art_head, 
.art_kicker, 
.art_subhead {font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;line-height:1.4}
.art_head {font-size:20px}
.art_kicker {font-size:24px}
.art_subhead {font-size:18px;font-style:italic;margin:0 0 35px 0}
.art_byline, 
.art_pubdate {font:normal 120%/1.4 Georgia, "Times New Roman", Times, serif}
.art_byline {margin-bottom:1.4em;}
#article_text .article_text {font:normal 130%/1.6 Arial, Helvetica, sans-serif}
#article_text .article_text p {margin-bottom:1em}
#article_text .article_text ul li {clear:left; height:auto;background:url("/global/images/bullet.gif") no-repeat 0 50%}
#article_text .article_text ul li {font-size:110%}
.art_facts {font-size:90%;line-height:1.4}

/* Article items */
.art_facts {font-size:110%;line-height:140%;color:#333}
.art_items {font-size:110%;line-height:170%;color:#777}
.art_item_head {font-size:110%;font-weight:bold;border-bottom:1px solid #ccc}

/* Article tools */
.article_tools {background-color:#C8DEF3}
.article_tools ul li {font-size:10px;font-weight:bold;text-transform:uppercase}
.article_tools ul li a {color:#000}

/* pagination next/prev */
.enhanced #article_text ul.pagnav li.pagnavnext {background-image:url(/images/community/petaluma/next.gif)}
.enhanced #article_text ul.pagnav li.pagnavprev {background-image:url(/images/community/petaluma/prev.gif)}

/* Previous/next article */
#nextprev {line-height:1.5}
#nextprev li {font-size:120%;font-family:Arial, Helvetica, sans-serif;}

/*Comments */
#comments, 
#comments .newslist li {font:12px/1.5 Arial, Helvetica, sans-serif}
#comments .newslist li {background:#E5EEF3}
#comments .sub_head_nav a {color:#4b7102}
.comment_name {font-size:11px}
.comment_name_date {font-size:9px; font-style:italic; color:#999}

/* Right rail */
#right #search, 
#right #submitstuff, 
#right #events{background:#c8def3}
#right .sub_head a{color:#fff}
#right .sub_head{color:#fff;background:#3678b5}

/* Search */
#right #search form div {text-transform:uppercase}
#right #search form h6 {font-size:9px;font-weight:normal}
#right #search form em {color:#7B0099;font-weight:bold}
#right #search form b{color:#444;text-transform:uppercase}

/* Submit your stuff */
#submitstuff h4 {font:bold 16px/1.1 Georgia, "Times New Roman", Times, serif}

/* Events */
#events .sub_head{border:none}
#events .sub_head a.icon{color:#fff;background:no-repeat right 4px url(/images/community/petaluma/arrow2.gif);}
#events ul li {background:#fff997;border:1px solid #3678B5;font-weight:bold}
#events ul li a {text-decoration:none}

/* Widgetbox */
.widgetbox {font-size:12px;line-height:1.4;background:#C8DEF3}
.widgetbox h4 {font:bold 16px/1.1 Georgia,"Times New Roman",Times,serif;margin:0 0 5px 0}
.widgetbox input {font-size:13px}

/* Membercenter Legal Article Styles*/
.membercenter h2 {font-size:160%}
.membercenter h3, .membercenter h4 {font-size:130%}
.membercenter h4 {border-bottom:1px solid #222}
.membercenter ol li {list-style-type: decimal}

/* Footer */
#footer ul{background:#3678B5;text-transform:uppercase;font-size:9px;}
#footer a{color:#fff}

/* Bloggers360 section */
.bloggers360{font-size:11px;line-height:1.4}
.bloggers360 h3{color:#4b7102;font:bold 16px/1.4 "Futura Md BT", "Arial Black", Arial, Helvetica, sans-serif;
	border-bottom:2px solid #4b7102;text-transform:lowercase}
.bloggers360 p {margin-bottom:40px}
