/* Content */
#page div.tabs { background: #e0e5ea url('images/nik-lhs.gif') no-repeat top left; height: 8px; }
#page div.tabs span { height: 8px; width: 15px; display: block; }
#page div.tabs span.tab1 { background: url('images/nik-mid.gif') no-repeat top right; float: left; width: 212px; height: 8px; display: block; }
#page div.tabs span.tab2 { background: url('images/nik-mid.gif') no-repeat top right; float: left; width: 500px; height: 8px; display: block; }
#page div.tabs span.rhs { background: url('images/nik-rhs.gif') no-repeat top right; float: right; width: 20px; height: 8px; display: block; }

#page div.columns { padding: 25px 0 0 0; margin: 0; }
#page div.column1 { width: 210px; float: left; text-align: center;  }
#page div.column2 { width: 510px; float: left; overflow: hidden; }
#page div.column3 { width: 260px; float: left; }


#page div.toptabs { background: #e0e5ea url('images/nik-lhstop-dark.gif') no-repeat top left; height: 8px; display: block; }
#page div.toptabs span { height: 8px; width: 6px; display: block; background: url('images/nik-rhstop-dark.gif') no-repeat top right; float: right; }
#page div.endtabs { background: #e0e5ea url('images/nik-lhs-dark.gif') no-repeat bottom left; height: 8px; display: block; }
#page div.endtabs span { height: 8px; width: 6px; display: block; background: url('images/nik-rhs-dark.gif') no-repeat bottom right; float: right; }

/* Content Comments */
#commentarea { padding-bottom: 20px; color: #54636b; padding-top: 12px; margin-top: 30px; border-top: 1px dashed #c2cad0; }
#commentarea div.commentshown { padding-bottom: 30px; }
#commentarea div.nocomments { padding-top: 10px; padding-bottom: 0px; }

#commentarea h4 { padding-bottom: 0; color: #9ca1a9; font-weight: bold; text-transform: none; font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; }
#commentarea ul, #commentarea ol { margin: 0; padding: 0; list-style: none; }
#commentarea .commentlist li { margin: 10px 35px 0 0; background: url('images/comment-top.gif') no-repeat top left; }
#commentarea .commentlist li div { padding: 5px 0 0 0; margin-top: 4px; border-right: 1px solid #c8c1d8; border-bottom: 1px solid #b8afca; border-left: 1px solid #c8c1d8; background: #e0e1eb; color: #333333; }

#commentarea .commentlist li p { margin: 0 10px 0 8px; }
#commentarea span.metadetails { margin: 0 0 0 28px; }
#commentarea cite, #commentarea cite a, #commentarea cite a:visited { color: #414051; font-weight: bold; font-style: normal; padding: 0; }
#commentarea cite a:hover { color: #cccccc; text-decoration: none;  }
#commentarea li span { color: #a2acb3; }
#commentarea li small { margin-left: 8px; }
#commentarea li small, #commentarea small a, #commentarea small a:visited { color: #999; padding: 0; }
#commentarea small a:hover { color: #cccccc; text-decoration: none;  }
#commentarea li em { font-style: normal; color: #26a80d; }

.addcommentarea { padding-top: 0; }
#commentarea p.blurb { padding: 0 0 10px 0; margin: 0 35px 0 0;  }
#commentarea p.blurb a, #commentarea p.blurb a:visited { color: #414051; font-weight: bold; }
#commentarea p.blurb a:hover { color: #cccccc; text-decoration: none;  }

#commentarea form { margin: 0; padding: 0; }
#commentform input, #commentform textarea {	font: normal 1em Verdana, Arial, Helvetica, Sans-Serif; border: 1px solid #c2cad0; padding: 2px; }
#commentform textarea {	width: 410px; }
#commentform input { width: 180px; }
#commentform p { padding: 2px 0 0 0; margin: 0; }
#commentform #submit { background: #96a1ae; border: 1px solid #7e8b9a; color: #ffffff; margin: 2px 0 10px 0; padding: 0px 2px 0 2px; width: 120px; text-transform: uppercase; }

/* Sidebar */
#page div.column3 div.toptabs, #page div.column3 div.endtabs { background-color: #d5dbe1; }
#sidetab { width: 45px; float: left; padding: 0; margin: 15px 0 0 0; background-color: #d8dfe6; }
#sidetab div.sidetabinner { border: 1px solid #d0d7dd; padding: 0 0 45px 0; }
#sidetab ul { background: url('images/icon-tab-arrow.gif') no-repeat 8px 0px; margin-top: 20px; padding: 6px 0 0px 0; }
#sidetab li { text-align: center; }

#sidebar { width: 215px; float: left; padding: 0; margin: 0; background-color: #e2e8ee; color: #536b79; }
#sidebar div.sidebarinner { border: 1px solid #d5dbe1; padding: 20px 15px 20px 10px; }
#sidebar h2 { font-size: 100%; text-transform: uppercase; font-weight: bold; color: #000e26; padding: 0; margin: 15px 0 2px 0; }
#sidebar h2 a, #sidebar h2 a:visited  { font-weight: bold; color: #000e26; }
#sidebar h2 a:hover  { color: #92a1ac; text-decoration: none; }

#sidebar li.first h2 { margin-top: 0px; }
#sidebar li.first { border: none; }
#sidebar ul { margin: 0; padding: 0 0 0 12px; background: url('images/menu-arrow.gif') no-repeat 0px 3px; }
#sidebar li { border-top: 1px solid #bfc9d3; padding: 1px 0 1px 0; }
#sidebar ul ul { margin: 0;	padding: 0;	background: none; }
#sidebar ul ul ul {	margin: 0 0 0 10px;	}
#sidebar li .current-cat a { color: #FF3300; padding-left: 11px; background: url('images/menu-arrow-sel.gif') no-repeat 0px 3px; }

/* Sidebar show hide category blocks */
#m1, #m2, #m3, #m4, #m5 { display: none; }
#sidebar a.menureveal, a:visited.menureveal { background: url('images/icon-menu-open.gif') no-repeat 1px 3px; padding-left: 15px; }
#sidebar a.menureveal span { display: block; height: 1px; width: 1px; overflow: hidden; }
#sidebar a.menurevealplain span { display: block; height: 1px; width: 1px; overflow: hidden; }

/* Search */
#sidebar div.sitesearch { padding: 15px 0 0 0; margin-left: 12px; border: 1px solid #e2e8ee; }
div.sitesearch form { padding: 0; margin: 0; } 
div.sitesearch input { border: 1px solid #b2bac1; float: left; }
div.sitesearch label { float: left; margin: 2px 4px 0 0; color: #3e5562; }
#sidebar #searchform #s { width: 95px; padding: 2px; font: normal 1em Verdana, Arial, Helvetica, Sans-Serif; color: #3e5562; }
div.sitesearch #searchsubmit { padding: 0px 2px 0 2px; margin: 0 0 0 2px;	font: normal 0.9em Verdana, Arial, Helvetica, Sans-Serif; background: #7c8998; color: #fff; }
div.column2 div.sitesearch { padding: 15px 0 0 0; }
div.column2 #searchform #s { width: 200px; padding: 2px; font: normal 1em Verdana, Arial, Helvetica, Sans-Serif; color: #3e5562; }

/* Sidebar Calendar */
#sidebar div.cal { padding: 25px 0 0 0; margin-left: 12px; }
#wp-calendar { empty-cells: show; margin: 0; width: 160px; }
#wp-calendar caption { text-align: left; text-transform: uppercase; font-weight: bold; color: #384857; padding-bottom: 2px; border-bottom: 1px solid #bfc9d3; }
#wp-calendar #prev a, #wp-calendar #next a { background: #b6bec7; color: #ffffff; margin-top: 8px; padding: 0 2px 1px 2px;  }
#wp-calendar #next a { padding-right: 8px;	text-align: right; }
#wp-calendar #prev a { padding-left: 8px; text-align: left; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { background: #2e3f53; text-decoration: none; color: #fff; }
#wp-calendar a, #wp-calendar a:visited { display: block; background: #808c9a; text-decoration: none; color: #fff; }
#wp-calendar a:hover { background: #25ac0a; text-decoration: none;	color: #fff; }
#wp-calendar th { font-style: normal; font-weight: normal; color: #999;	text-transform: uppercase; text-align: center;padding-top: 6px; }
#wp-calendar td { padding: 0; text-align: center;	}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #d8dfe6; }

/* Content page nav */
#page div.column2 h2 { color: #205878; margin-left: 15px; padding-bottom: 4px; }
#page div.pagenavtop p { text-transform: uppercase; font-weight: normal; color: #9099a3; text-align: right; margin: 0 28px 0 0; padding-bottom: 4px; }
#page div.pagenavtop a, #page div.pagenavtop a:visited { background: #b6bcc2; color: #fff; padding: 0 4px 0 4px; }
#page div.pagenavtop a:hover { color: #fff; background: #aab5b8; text-decoration: none; }
#page div.pagenavend { text-align: right; margin-right: 41px; }
#page div.pagenavend p { text-transform: uppercase; font-weight: normal; color: #9099a3; margin: 0 0 0 12px; }
#page div.pagenavend a, #page div.pagenavend a:visited { background: #5dab11; color: #fff; padding: 0 4px 0 4px; }
#page div.pagenavend a:hover { color: #fff; background: #aab5b8; text-decoration: none; }

/* Content posts */
div.postitem  { padding: 0; margin: 0 25px 15px 0; background-color: #fafcff; }
div.post { width: 453px; overflow: hidden; border: 1px solid #e0e5ea; padding: 20px 15px 20px 15px; } /* overflow stops IE6 from breaking if image wide */
div.post h3 { font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin: 0 0 0 -3px; padding: 0 0 4px 25px; background: url('images/icon-dot-lge.gif') no-repeat top left; }
div.post h3.pagetitle { font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin: 0 0 0 -3px; padding: 0 0 15px 25px; background: url('images/icon-dot-lge.gif') no-repeat top left; }
div.post h4 { text-transform: uppercase; font-weight: normal; color: #888; margin: 0; padding: 0 0 16px 0; }
div.post h4 span { color: #a2acb3; }
div.post h4 a, div.post h4 a:visited { color: #888; text-decoration: none; }
div.post h4 a:hover { color: #fff; text-decoration: none; background-color: #c4ccd4; }
div.post p { margin-right: 35px;  }
div.post img { max-width: 454px; }

div.post p.tagged { padding: 6px 0 0 0; margin: 0; color: #888; text-transform: uppercase; }
.tagged a, .tagged a:visited { padding: 0 1px 0 1px; color: #888; }
.tagged a:hover { color: #fff; background: #c4ccd4; text-decoration: none; }
.tagged span { color: #a2acb3; }

div.post p.mapped { padding: 6px 0 0 0; margin: 0; text-transform: uppercase; }
.mapped a, .mapped a:visited { padding: 0 2px 1px 2px; color: #ffffff; background-color: #5dab11; }
.mapped a:hover { color: #ffffff; background: #77cd23; text-decoration: none; }

div.post .viewpost { display: block; margin-left: 10px; float: right; }
.viewpost a, .viewpost a:visited { font-weight: normal; color: #ffffff; padding: 0 3px 0 3px; background-color: #cd385e; text-transform: uppercase; }
.viewpost a:hover { color: #fff; background: #c6acb3; text-decoration: none; }

#searchresults h2 { font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin: 0 0 0 -3px; padding: 0 0 4px 25px; background: url('images/icon-dot-lge.gif') no-repeat top left; }
#searchresults ul { padding-top: 20px; }
#searchresults ul h3 { font-size: 1.1em; font-weight: bold; background: none; padding: 0; margin: 0; }
#searchresults ul h3 a, #searchresults ul h3 a:visited { color: #3e5562; }
#searchresults ul h3 a:hover { color: #92a1ac; }
#searchresults ul h4 { padding: 0; }
#searchresults li { padding-bottom: 15px; }

/* Content area for posts */
#postcontent h3 { font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; background: none; padding: 25px 0px 2px 0px; color: #5e6b77; }
#postcontent h4 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: #37404f; padding: 10px 0px 0px 0px; }
#postcontent h5 { font-weight: bold; color: #37404f; padding: 10px 0px 0px 0px; }
#postcontent p { font-size: 1em; color: #37404f; }
#postcontent p strong { color: #37404f; }
#postcontent ul, #postcontent ul li { list-style: disc; padding: 2px 0 8px 0; margin: 0 25px 0 10px; font-size: 1em; color: #23323b; }
#postcontent ul.plain, #postcontent ul.plain li { list-style: none; padding: 2px 0 5px 0; margin: 0 25px 0 0; font-size: 1em; color: #23323b; }
#postcontent ol, #postcontent ol li { list-style-type: decimal; padding: 5px 0 15px 0; margin: 0 10px 0 10px; font-size: 1em; color: #23323b; list-style-position: inside; }
#qa #postcontent h3 { font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; background: none; padding: 10px 0 2px 0; color: #5e6b77; }
#qa #postcontent h4 { font-size: 1em; text-transform: none; font-weight: bold; color: #37404f; padding: 0; }
#qa #postcontent ol, #qa #postcontent ol li { list-style-type: none; padding: 5px 0 5px 0; margin: 0; color: #23323b; }
#qa #postcontent ol li ul, #qa #postcontent ol li ul li { list-style: none; padding: 0 0 2px 0; margin: 0; }
#qa #postcontent span { color: #919ca4; }
#qa #postcontent em { color: #1d9f07; font-style: normal; }

#page #postcontent span.important { color: #dd1347; }
#postcontent a.important, #postcontent a.important:active, #postcontent a.important:visited  { color: #dd1347; text-decoration: none; }
#postcontent a.important:hover { color: #92a1ac; text-decoration: none; }
#postcontent a.moreimportant, #postcontent a.moreimportant:active, #postcontent a.moreimportant:visited { font-weight: normal; color: #ffffff; background-color: #dd1347; padding: 0 4px 1px 4px; }
#postcontent a.moreimportant:hover { text-decoration: none; background-color: #98a2ab; }


#postcontent a, #postcontent a:active, #postcontent a:visited  { color: #1d9f07; text-decoration: none; }
#postcontent a:hover { color: #92a1ac; text-decoration: none; }
#postcontent a.more, #postcontent a.more:active, #postcontent a.more:visited { font-weight: normal; color: #ffffff; background-color: #5dab11; padding: 0 4px 1px 4px; }
#postcontent a.more:hover { text-decoration: none; background-color: #77cd23; }
#postcontent a.mono, #postcontent a.mono:active, #postcontent a.mono:visited { font-weight: normal; color: #ffffff; background-color: #98a2ab; padding: 0 4px 1px 4px; }
#postcontent a.mono:hover { text-decoration: none; background-color: #ccd2d8; }

/* Wide content pages Map and Gallery */
#page div.column1and2 { width: 700px; float: left; }
#page div.columnswide { padding: 25px 0 0 0; margin: 0 0 0 15px; }
div.widepost { border: 1px solid #e0e5ea; padding: 20px 15px 20px 20px; }
div.postitemwide  { padding: 0; margin: 0 25px 15px 0; background-color: #fafcff; }
div.widedetails h3 { padding-top: 20px; text-transform: uppercase; font-weight: bold; color: #384857; }
div.widedetails  { margin-right: 35px; }

/* Map */
/* Note (Kathy, Jan 2009) I think most of this map styling is old, also see plugins -> geo-mashup -> map-style.css  */
#geoMashup { border: 1px solid #c7cdd3; background-color: #99b3cc;  }
#geoMashup .locationinfo { margin: 0; padding: 0;scrollbar-face-color:#eaebeb; scrollbar-arrow-color:#363b40; scrollbar-track-color:#f2f4f6; scrollbar-shadow-color: #aeb4b9; scrollbar-highlight-color: #f3f6f8; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-Color:#7b8188; }
#geoMashup h2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-weight: normal; padding-top: 5px; }
#geoMashup h2 a, #geoMashup h2 a:visited { color: #4c4bcd; }
#geoMashup h2 a:hover { color: #acacd9; }
#geoMashup .meta { color: #222222; font-weight: normal; font-size: 9px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
#geoMashup .blogdate { color: #222222; font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
#geoMashup .storycontent { color: #666666; font-size: 9px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
#geoMashup .storycontent a, #geoMashup .storycontent a:active, #geoMashup .storycontent a:visited { font-weight: normal; color: #4c4bcd; margin-left: 4px; }
#geoMashup .storycontent a:hover { text-decoration: none; color: #acacd9; }
#geoMashup img.pp_image { max-width: 50px; max-height: 50px; margin: 0; padding: 0; }

#page ul#sponsorlogos  { padding: 10px 0 0 0; margin: 0; }
#page #sponsorlogos li  { display: inline; padding: 0; margin: 0; list-style: none; }
#page #sponsorlogos img  { padding-top: 16px; margin-right: 6px; margin-left: 3px; }


/* Photo Gallery quick styling */
#pp_wrap #pp_lgphoto { margin-bottom: 20px; }
#pp_wrap ul, #pp_wrap ul li { list-style:none; list-style-type:none; margin: 0; padding: 0; }
div.widedetails div#postcontent h3 { font-size: 1.7em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin: 0 0 1em -3px; padding: 0 0 4px 25px; background: url('images/icon-dot-lge.gif') no-repeat top left; text-transform: none; }
div.widedetails div#postcontent div#pp_wrap h3 { margin: 0 0 0.8em 0; padding: 0; background: none; text-transform: none; }