/* 
Theme Name: Whiteboard
Theme URL: http://whiteboard.plainbeta.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0
*/

@charset "utf-8";

/*****************************/ 
/*****   Reset & Common  *****/
/*****************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#3d3d3d;background:#04a2e3 url(images/main/pagebg.png) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
 
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.flL{float:left;}
.flR{float:right;}
a{color:#44aeff;text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:700;}
.alignnone{clear:both;}

/*****************************/ 
/*****    Structure      *****/
/*****************************/
.pageWrap{width:1000px; margin:0 auto;}
#suHeader{height:114px;}
#subanner{width:650px; float:right;}
#subanner img{border:1px solid #333; margin:6px 10px 0 0;}
#subanner a img{padding:0}
#blogname{float:left; width:200px;height:114px;background:url(images/main/logo.png) center center no-repeat}
#blogname a{overflow:hidden;text-indent:-5000px;display:block;width:100%;height:100%}
#description{display:none}
#suNav{height:34px; margin:2px 0 0 0; clear:both;}
#suContainBorder{width:994px; background:#fff; padding:3px; margin:20px 0;}
#suContain{border:1px solid #dfdfdf; padding:15px 6px; overflow:auto;}
 

/*****************************/ 
/*****  Header and Nav   *****/
/*****************************/
/*#suHeader a img{float:left; padding:12px 0 0 0;}*/
#suNav li{display:inline;}
#suNav li a{display:block; height:34px; float:left; color:#fff; font-size:110%; font-weight:bold; text-decoration:none; line-height:34px; padding:0 9px;}
#suNav li a:hover{background:#fda65b; color:#333;}


/*****************************/ 
/*****     Content       *****/
/*****************************/
#suContain .main{float:left; width:530px; margin-right:10px}
#suContain .main p {font-size:12px;line-height:16px}
#suContain .main p + p {margin-top:14px}

#suContain .main h1 {color:black;font-size:30px;font-weight:normal;line-height:34px;margin:0 0 15px}
#suContain .main h2 {color:black;font-size:26px;font-weight:normal;line-height:30px;margin:0 0 15px}

#suContain .main .block {width:502px;border:#efefef 1px solid;margin-bottom:10px;padding:13px;float:left}
#suContain .main .post h2,
#suContain .main .post h3 {color:black;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:3px;padding-bottom:1px}
#suContain .main .post h2 a,
#suContain .main .post h3 a {color:black}
#suContain .main .post .timestamp {margin-bottom:14px}
#suContain .main .post .postmeta {position:relative;bottom:-13px;height:29px;font-size:11px;line-height:29px;background:#f4f4f4;border-top:1px solid #efefef;margin:0 -13px;padding:0 13px}
#suContain .main .post .postmeta a {color:#3d3d3d;text-decoration:none}
#suContain .main .post .postmeta .category {overflow:hidden;display:block;height:29px;}
#suContain .main .post .postmeta .category a {color:#44aeff}
#suContain .main .post .postmeta .comments {height:29px;background:url(images/main/icon_comments.png) 0 4px no-repeat;float:right}
#suContain .main .post .postmeta .comments span {display:inline-block;width:29px;text-align:center;padding-right:4px;}
.post hr{clear:both; color:#f9f9f9; margin:20px 0;}

#suContain .main .navigation {clear:both;height:14px;margin-top:4px}
#suContain .main .navigation .older,
#suContain .main .navigation .previous {float:left}
#suContain .main .navigation .newer,
#suContain .main .navigation .next {float:right}

.page #suContain .main .block {border:0;padding:14px}

.home #suContain .main .post  {overflow:hidden;position:relative;width:232px;height:275px;padding-bottom:30px}
.home #suContain .main .post .postmeta {position:absolute;bottom:0;left:0;margin:0;width:232px}
.home #suContain .main .post.alt {float:right}
.home #suContain .main .post h2 {overflow:hidden;height:expression(54 + 'px');max-height:54px;}
.home #suContain .main .post .entry {overflow:hidden;height:expression(64 + 'px');max-height:64px;margin-bottom:14px; font-size:12px; line-height:15px;}
.home #suContain .main .post .entry p {margin-bottom:0}
.home #suContain .main .post .entry p + p {margin-top:14px}
.home #suContain .main .post .thumbnail {width:225px;height:79px;margin-bottom:8px}

.single #suContain .main .post {border:0;padding:14px}
.single #suContain .main .block h1 {height:34px;color:black;font-size:18px;line-height:34px;background:#f4f4f4;border-bottom:1px solid #efefef;margin:-13px -13px 13px;padding:0 13px}
.single #suContain .main .block h2 {height:30px;color:black;font-size:16px;line-height:30px;background:#f4f4f4;border-bottom:1px solid #efefef;margin:-13px -13px 13px;padding:0 13px}

.single #suContain .main .block h3 {font-size:15px;margin-bottom:6px}
.single #suContain .main .block h4 {font-size:14px;margin-bottom:4px}
.single #suContain .main .block h5 {font-size:13px;margin-bottom:3px}
.single #suContain .main .block h6 {font-size:12px;margin-bottom:2px}

.single #suContain .main .post h1,
.page #suContain .main .block h1 {height:auto;color:black;font-size:30px;font-weight:normal;line-height:34px;background:none;border:0;margin:0 0 10px;padding:0}
.single #suContain .main .post h2,
.page #suContain .main .block h2 {height:auto;color:black;font-size:26px;font-weight:normal;line-height:30px;background:none;border:0;margin:0 0 10px;padding:0}
.single #suContain .main .post h3,
.page #suContain .main .block h3 {font-size:22px;margin-bottom:8px}
.single #suContain .main .post h4,
.page #suContain .main .block h4 {font-size:18px;margin-bottom:6px}
.single #suContain .main .post h5,
.page #suContain .main .block h5 {font-size:16px;margin-bottom:4px}
.single #suContain .main .post h6,
.page #suContain .main .block h6 {font-size:14px;margin-bottom:2px}

#suContain .inner{float:left; width:788px; margin-right:10px}
#suContain .inner p {font-size:13px;line-height:20px}
#suContain .inner p + p {margin-top:20px}

#suContain .inner h1 {color:black;font-size:30px;font-weight:normal;line-height:34px;margin:0 0 15px}
#suContain .inner h2 {color:black;font-size:26px;font-weight:normal;line-height:30px;margin:0 0 15px}

#suContain .inner .block, #suContain .inner .postblock {width:760px;border:#efefef 1px solid;margin-bottom:10px;padding:13px;float:left}
#suContain .inner .post h2,
#suContain .inner .post h3 {color:black;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:3px;padding-bottom:1px}
#suContain .inner .post h2 a,
#suContain .inner .post h3 a {color:black}
#suContain .inner .post .timestamp {margin-bottom:14px}
#suContain .inner .post .postmeta {position:relative;bottom:-13px;height:29px;font-size:11px;line-height:29px;background:#f4f4f4;border-top:1px solid #efefef;margin:0 -13px;padding:0 13px}
#suContain .inner .post .postmeta a {color:#3d3d3d;text-decoration:none}
#suContain .inner .post .postmeta .category {overflow:hidden;display:block;height:29px;}
#suContain .inner .post .postmeta .category a {color:#44aeff}
#suContain .inner .post .postmeta .comments {height:29px;background:url(images/main/icon_comments.png) 0 4px no-repeat;float:right}
#suContain .inner .post .postmeta .comments span {display:inline-block;width:29px;text-align:center;padding-right:4px;}

#suContain .inner .navigation {clear:both;height:14px;margin-top:4px}
#suContain .inner .navigation .older,
#suContain .inner .navigation .previous {float:left}
#suContain .inner .navigation .newer,
#suContain .inner .navigation .next {float:right}

.page #suContain .inner .block {border:0;padding:14px}

.home #suContain .inner .post  {overflow:hidden;position:relative;width:232px;height:275px;padding-bottom:30px}
.home #suContain .inner .post .postmeta {position:absolute;bottom:0;left:0;margin:0;width:232px}
.home #suContain .inner .post.alt {float:right}
.home #suContain .inner .post h2 {overflow:hidden;height:expression(54 + 'px');max-height:54px;}
.home #suContain .inner .post .entry {overflow:hidden;height:expression(64 + 'px');max-height:64px;margin-bottom:14px; font-size:13px; line-height:19px;}
.home #suContain .inner .post .entry p {margin-bottom:0}
.home #suContain .inner .post .entry p + p {margin-top:20px}
.home #suContain .inner .post .thumbnail {width:225px;height:79px;margin-bottom:8px}
#suContain .inner .post .entry {font-size:13px; line-height:19px;}
#suContain .inner .post .entry ul {margin:20px 0 10px 0;}
#suContain .inner .post .entry ul li{padding:0 0 10px 15px; margin-left:30px; list-style-type:disc;}

.single #suContain .inner .post {border:0;padding:14px}
.single #suContain .inner .block h1 {height:34px;color:black;font-size:18px;line-height:34px;background:#f4f4f4;border-bottom:1px solid #efefef;margin:-13px -13px 13px;padding:0 13px}
.single #suContain .inner .block h2 {height:30px;color:black;font-size:16px;line-height:30px;background:#f4f4f4;border-bottom:1px solid #efefef;margin:-13px -13px 13px;padding:0 13px}

.single #suContain .inner .block h3 {font-size:15px;margin-bottom:6px}
.single #suContain .inner .block h4 {font-size:14px;margin-bottom:4px}
.single #suContain .inner .block h5 {font-size:13px;margin-bottom:3px}
.single #suContain .inner .block h6 {font-size:12px;margin-bottom:2px}

.single #suContain .inner .post h1,
.page #suContain .inner .block h1 {height:auto;color:black;font-size:30px;font-weight:normal;line-height:34px;background:none;border:0;margin:0 0 10px;padding:0}
.single #suContain .inner .post h2,
.page #suContain .inner .block h2 {height:auto;color:black;font-size:26px;font-weight:normal;line-height:30px;background:none;border:0;margin:0 0 10px;padding:0}
.single #suContain .inner .post h3,
.page #suContain .inner .block h3 {font-size:22px;margin-bottom:8px}
.single #suContain .inner .post h4,
.page #suContain .inner .block h4 {font-size:18px;margin-bottom:6px}
.single #suContain .inner .post h5,
.page #suContain .inner .block h5 {font-size:16px;margin-bottom:4px}
.single #suContain .inner .post h6,
.page #suContain .inner .block h6 {font-size:14px;margin-bottom:2px}
.page #suContain .inner .block h6 {font-size:14px;margin-bottom:2px}

ul.mapheading{font-size:12px; line-height:18px;}
ul.mapheading li{list-style-type:disc; list-style-position:inside; text-indent:10px;}

ul.sublist li{list-style-type:circle; padding-left:20px;}
span.schooldate{display:inline-block;width:50px;margin-right:20px;}

/*****************************/ 
/*** Social Network Icons  ***/
/*****************************/
#suContain .main #socialnetworks p {display:block;height:74px;text-align:center;margin:0}
#socialnetworks a {overflow:hidden;text-indent:-5000px;width:64px;height:64px;margin:0 2px 10px; font-size:0px; line-height:0px;float:left}
#socialnetworks .digg {background:url(images/icons/digg.png)}
#socialnetworks .delicious {background:url(images/icons/delicious.png)}
#socialnetworks .facebook {background:url(images/icons/facebook.png)}
#socialnetworks .reddit {background:url(images/icons/reddit.png)}
#socialnetworks .stumbleupon {background:url(images/icons/stumbleupon.png)}
#socialnetworks .technorati {background:url(images/icons/technorati.png)}
#socialnetworks .twitter {background:url(images/icons/twitter.png)}


/*****************************/ 
/*****   Comment List    *****/
/*****************************/
#commentlist_wrapper {position:relative;padding-bottom:0}
#commentlist_wrapper .navigation {position:absolute;top:0;right:13px;height:30px;line-height:30px;margin:0}
#commentlist_wrapper .navigation span {margin-left:5px}
#commentlist_wrapper .navigation a {color:#3d3d3d}
.commentlist {margin-top:-13px}
.commentlist li {margin:0 -13px;padding:13px}
.commentlist .alt {background:#fafafa}
.commentlist .avatar {float:right}
.commentlist cite.fn {font-size:160%;font-weight:bold;line-height:20px;margin:0 5px 10px 0;float:left}
.commentlist .comment-meta {font-size:120%;line-height:20px;margin-bottom:10px}
.commentlist .comment-meta a {color:#3d3d3d}
.commentlist .awaiting-moderation {clear:left;color:white;font-size:1.2em;font-weight:bold;background:url(images/main/btn_bg.png) top repeat-x #f26722;border:1px solid #f27622;margin-bottom:10px;padding:3px 10px;float:left}
.commentlist .comment-text {clear:left}



/*****************************/ 
/*****   Comment Form    *****/
/*****************************/
#commentform label {display:block;font-size:120%;margin-bottom:4px}
#commentform input[type="text"] {width:48%;height:17px;color:#3d3d3d;font-size:120%;line-height:17px;border:1px solid #bcbcbc;margin:0 0 10px;padding:5px}
#commentform textarea {display:block;width:96%;height:100px;color:#3d3d3d;font-family:Arial, Helvetica, sans-serif;font-size:120%;line-height:17px;border:1px solid #bcbcbc;margin:0 0 10px;padding:5px}
#commentform input[type="submit"] {cursor:pointer;color:white;font-size:120%;background:url(images/main/btn_bg.png) top repeat-x #f26722;border:1px solid #f27622;padding:3px 12px}



/*****************************/ 
/*****      Tabber       *****/
/*****************************/
#tabber {height:244px;background:black;margin-bottom:18px}
#tabber .tabber-tabs {list-style:none;height:29px;background:url(images/main/tabber_title_bg.png);padding:0 10px}
#tabber .tabber-tabs li {height:25px;line-height:25px;margin:4px 0 0 0;padding:0 15px;float:left}
#tabber .tabber-tabs li.active {background:#0baeee}
#tabber .tabber-tabs a {color:white;font-size:12px;text-transform:uppercase}

#tabber .tabber-section {display:none;height:159px;padding:28px 24px}
#tabber .tabber-section.visible {display:block}
#tabber .tabber-section img {display:block;width:159px;height:159px;margin-right:25px;float:left}
#tabber .tabber-section h2 {overflow:hidden;height:expression(44 + 'px');max-height:44px;color:white;font-size:20px;font-weight:bold;line-height:22px;margin-bottom:2px;padding-bottom:1px}
#tabber .tabber-section h2 a {color:white}
#tabber .tabber-section p {color:white;line-height:18px}
#tabber .tabber-section a {color:#ff7e00}
#tabber .tabber-section .entry {overflow:hidden;height:expression(90 + 'px');max-height:90px;margin-bottom:12px; color:#fff; font-size:12px; line-height:18px;}
#tabber .tabber-section .readmore {line-height:13px;margin:0}


/*****************************/ 
/*****    Search Box     *****/
/*****************************/
#searchform {position:relative;bottom:-13px;font-size:12px;line-height:35px;text-align:center;background:#f4f4f4;border-top:1px solid #efefef;margin:0 -13px;padding:0 13px}
#searchform #s {border:1px solid #cecece;margin:0 4px;padding:3px}


/*****************************/ 
/*****     Sidebars      *****/
/*****************************/
#suContain #sidebar-1{float:left;width:248px;}
#suContain #sidebar-1 p{line-height:16px;}
#suContain #sidebar-1 .widgettitle{width:248px;height:29px; background:#f57920 url(images/main/heading2bg.png) repeat-x;margin:-16px -16px 15px}
#suContain #sidebar-1 .widgettitle h2{font-size:125%; font-weight:bold; color:#fff; padding:7px 0 0 38px;}

#suContain #sidebar-1 .widget_newsletterwidget .widgettitle h2{height:100%;background:url(images/main/icon_newsletter.png) no-repeat; background-position:4px 1px;}
#suContain #sidebar-1 #text-3 .widgettitle h2{height:100%;background:url(images/main/icon_coupons.png) no-repeat; background-position:4px 1px;}
#suContain #sidebar-1 #text-4 .widgettitle h2{height:100%;background:url(images/main/icon_articles.png) no-repeat; background-position:4px 1px;}
#suContain #sidebar-1 #text-5 .widgettitle h2{height:100%;background:url(images/main/icon_forums.png) no-repeat; background-position:4px 1px;}
#suContain #sidebar-1 #kb-advanced-rss-4 .widgettitle h2{height:100%;background:url(images/main/icon_events.png) no-repeat; background-position:3px 3px;}
#suContain #sidebar-1 #kb-advanced-rss-5 .widgettitle h2{height:100%;background:url(images/main/icon_weather.png) no-repeat; background-position:0 0;}
#suContain #sidebar-1 .widget_movieswidget .widgettitle h2{height:100%;background:url(images/main/icon_movies.png) no-repeat; background-position:3px 1px;}

#suContain #sidebar-1 .widget {width:216px;color:#3d3d3d; font-size:120%; border:1px solid #dfdfdf; margin-bottom:10px; padding:15px;}
#suContain #sidebar-1 .widget ul {list-style:none;margin:0}
#suContain #sidebar-1 .widget li {background:url(images/main/widget_li.png) 0 3px no-repeat;padding-left:10px}
#suContain #sidebar-1 .widget li + li {margin-top: 14px}
#suContain #sidebar-1 .widget label {display:block;margin-top:10px}
#suContain #sidebar-1 .widget input[type="text"] {height:17px;color:#3d3d3d;font-size:100%;line-height:17px;border:1px solid #bcbcbc;margin:10px 0 0 5px;padding:3px 7px;}
#suContain #sidebar-1 .widget input[type="submit"] {cursor:pointer;color:white;font-size:100%;background:url(images/main/btn_bg.png) top repeat-x #f26722;border:1px solid #f27622;margin:10px -12px 0 0;padding:3px 12px;float:right;}
#suContain #sidebar-1 .widget p + p { margin-top: 12px; }
#suContain #sidebar-1 .textwidget { line-height:1.5em; }

#suContain #sidebar-1 .widget_advertwidget {border:0;padding:0}

#suContain #sidebar-1 .widget_movieswidget form {text-align:center;margin:0 5px}
#suContain #sidebar-1 .widget_movieswidget label {display:inline;line-height:25px;margin:0 5px 10px}
#suContain #sidebar-1 .widget_movieswidget input[type="text"] {display:inline;width:110px;margin:0 0 10px}
#suContain #sidebar-1 .widget_movieswidget input[type="submit"] {float:none;margin:0}

#suContain #sidebar-1 h3 {font-size:100%;font-weight:bold;margin:0 0 .25em;}
#suContain #sidebar-1 p + h3 {margin-top:1em}

#suContain #sidebar-2{float:right; width:182px;} /*** Ad column  ***/
#suContain #sidebar-2 img{margin-bottom:10px; border:1px solid #dfdfdf;}


/*****************************/ 
/*****      Footer       *****/
/*****************************/
#suFooter {background:#001e2b; border-top:1px solid #60d1ff; overflow:auto; padding:10px 0;} 
.footColumn{float:left; width:200px; margin:20px 45px 20px 0;} 
.footColumn h4{font-size:160%; font-weight:bold; color:#fff; border-bottom:1px solid #353535; padding-bottom:10px; margin-bottom:11px;}
.footColumn li a{color:#fff; font-size:120%; line-height:130%; text-decoration:none;}
.footColumn li a:hover{color:#ddd; text-decoration:underline;}
.footColumn p{font-size:120%; color:#fff; line-height:130%;}
.footColumn p a{text-decoration:underline; color:#44aeff;}

.footBanner{float:right; padding-top:25px; margin-bottom:20px;}

#susubfooter {background:#001823;height:30px; border-top:1px solid #001017; padding:15px; text-align:center; clear:both; line-height:14px; color:#ccc;}

/*****************************/ 
/*****    Newsletter     *****/
/*****************************/
#su_newsletter {font-size:120%;border:#efefef 1px solid;margin-top:20px;padding:10px 20px}
#su_newsletter td {width:55%;vertical-align:top;padding:10px 2.5%}
#su_newsletter td:first-child {width:35%;line-height:24px}
#su_newsletter input[type="text"] {width:90%;color:#3d3d3d;font-size:12px;height:16px;border:1px solid #bcbcbc;padding:3px 5px}
#su_newsletter input[type="submit"] {cursor:pointer;color:white;font-size:100%;background:url(images/main/btn_bg.png) top repeat-x #f26722;border:1px solid #f27622;padding:3px 12px;}
#su_newsletter .required {color:red}

/*****************************/ 
/*****  Wordpress Styles *****/
/*****************************/
.alignleft{float:left; margin:0 20px 15px 0;}
.alignright{float:right; margin:0 0 15px 20px;}
.alignnone{clear:both; margin-bottom:15px;}
.aligncenter{display: block; margin-left: auto; margin-right: auto;}

/*****************************/ 
/***  Christmas by the Bay ***/
/*****************************/
@import url("http://fonts.googleapis.com/css?family=Cookie");

.page #suContain .inner .block.page-block-16198 .page-title-16198 {
	background: url("images/christmas/title.png");
	height: 104px;
	margin-bottom: 1em;
	overflow: hidden;
	text-indent: -9999em;
	width: 439px;
}

.page #suContain .inner .block.page-block-16198 h1,
.page #suContain .inner .block.page-block-16198 h2,
.page #suContain .inner .block.page-block-16198 h3,
.page #suContain .inner .block.page-block-16198 h4,
.page #suContain .inner .block.page-block-16198 h5,
.page #suContain .inner .block.page-block-16198 h6 {
	font-family: Cookie, Georgia, Times, serif;
	font-weight: normal;
}

.page #suContain .inner .block.page-block-16198 h1 { font-size: 40px; }
.page #suContain .inner .block.page-block-16198 h2 { font-size: 36px; }
.page #suContain .inner .block.page-block-16198 h3 { font-size: 32px; }
.page #suContain .inner .block.page-block-16198 h4 { font-size: 28px; }
.page #suContain .inner .block.page-block-16198 h5 { font-size: 26px; }
.page #suContain .inner .block.page-block-16198 h6 { font-size: 24px; }

.giftcard-form {
	background: #c4e5fd;
	margin: 14px 0;
	padding: 14px;
}

.page #suContain .inner .block.page-block-16198 .giftcard-form h3 {
	background: none repeat scroll 0 0 #0364a8;
	border: 1px dashed #c4e5fd;
	color: #fff;
	margin: 1em 0 0.5em;
	padding: 10px;
}

.page #suContain .inner .block.page-block-16198 .giftcard-form h3:first-child {
	margin-top: 0;
}

.giftcard-form ul {
	list-style: none;
}

.giftcard-form ul li {
	border-bottom: #8ccfff solid 1px;
	margin-bottom: 14px;
	padding-bottom: 14px;
}

.giftcard-form ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.giftcard-form input[type="text"] {height:17px;color:#3d3d3d;line-height:17px;border:1px solid #8ccfff;padding:5px}
.giftcard-form button {
	border:0;
	cursor:pointer;
	color:white;
	font-family: Cookie, Georgia, Times, serif;
	font-weight: normal;
	font-size:180%;
	background:url("images/christmas/button.png") top repeat-x #023488;
	padding:0.25em 1em;
}

.giftcard-form input[type="text"].quantity { padding: 5px 0; text-align: center; }

.notice {
	padding: 14px;
}

.notice.success {
	background: #6a8e09;
	color: #fff;
}

.notice.error {
	background: #910000;
	color: #fff;
}