/*
Theme Name: Surfrider
Theme URI: http://dizzytechnology.com/projects/surfrider
Description: A clean, optimized theme with enhanced archives and a large header image, designed for Surfrider Grand Strand.
Version: 2.0
Author: Dizzy Technology
Author URI: http://portfolio.dizzytechnology.com/
Tags: blue, white, fixed-width, two-columns, threaded-comments, sticky-post, right-sidebar
*/
body{background:#245172;color:#222;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;margin:20px 0;text-align:center}
a,a.link,a.visited{color:#446592;text-decoration:underline}
a:hover,a:active{color:#69C}
a:hover img,a:active img,a img:hover,a img:active,a.img:hover,a.img:active{background:transparent}
h1 a.standard{background:transparent !important;color:#446592 !important;font-weight:700;text-decoration:none}
h1 a.standard:hover{background:transparent !important;color:#446592 !important;text-decoration:none}
h1 a,h2 a{color:#000;text-decoration:none}
h1 a:hover,h2 a:hover{color:#446592}
h1.pagetitle{border-bottom:1px dotted #CCC;display:inline;font-style:italic;margin-bottom:15px}
h3.pagetitle{color:#900;display:inline;font-style:italic}
h3.archives{margin-bottom:10px;margin-top:10px}
h3.archive_head{color:#000;font-size:1.8em}
h3.archives a{text-decoration:none}
h3.archives a.permalink{border-bottom:1px dotted #CCC}
	
/*====: [STANDARD HTML STYLES] :================================*/
h1,h2,h3,h4,h5,h6{font-family:tahoma, arial, helvetica, sans-serif}
h1,h2,h3{font-weight:400;margin:0}
h1.attr{background:url('images/post-separator.jpg') no-repeat bottom left;padding-bottom:10px}
h2.attr{background:url('images/post-separator.jpg') no-repeat bottom left;padding-bottom:7px}
h3{font-size:1.6em;margin:5px 0}
h4{font-size:.9em}
h5{font-size:.8em}
h6{font-size:.6em}
p{margin:3px 0 10px;padding:0}
hr.postdiv{background:#EEE;border:15px solid #EEE;height:30px;margin:10px 0;padding:0}
ul{margin-left:0;padding-left:15px}
blockquote{background:url('images/quotes-bg.gif') no-repeat left top;color:#454545;font-style:italic;height:auto !important;margin-left:0;min-height:43px;padding-left:45px}
blockquote p{margin:0 !important}
blockquote blockquote{background:none;border-left:2px solid #CCC;margin-left:20px;padding-left:5px}
abbr[title],acronym[title]{cursor:help}
pre{display:block;overflow:auto;padding:5px}
h1{font-size:2.4em;margin:5px 0}
h2{font-size:2.0em;margin:5px 0}

/*====: [PREFORMATTED & CODE STYLES] :==========================*/
code{background:#DFDFDF;border-left:5px solid #96A7BE;display:block;font:1em 'Courier New', Courier, Fixed;overflow:auto;padding:5px;text-align:left;white-space:nowrap}
span.code{background:#EEE;border-bottom:1px solid #CCC;border-top:1px solid #CCC;display:inline;font-family:'Courier New',Courier,Fixed;padding:1px}

/*====: [GENERIC ELEMENTS & HACKS] :=============================*/
.clearfloat{clear:both;height:0;line-height:0;margin:0;padding:0}
.clearfloatthick{clear:both;height:15px;line-height:15px;margin:0;padding:0}
.centerer{text-align:center;width:100%}
.txtalignleft{text-align:left}
.txtalignright{text-align:right}
.floatleft{float:left}
.floatright{float:right}
.bottomdotted{border-bottom:1px dotted #D44942;display:block;padding:10px}
.marginbottom{margin-bottom:10px}
.hidden{display:block}
a.arrows{display:inline;outline:none}
a img.arrows{border:none;height:10px;line-height:10px;margin-left:5px;width:18px}
a.showhide_link{color:#888;font-size:.6em}
a.arrows:hover,a:hover img.arrows,a.showhide_link:hover{background:transparent}

/*====: [CORE LAYOUT ELEMENTS] :================================*/
#container{margin:0 auto;text-align:left;width:920px}
h1#masthead{color:#446592;display:inline-block;font-size:3.2em;margin:0 10px 0 0;padding:0;text-align:left;text-transform:uppercase}
#masthead_wrapper{margin:0 35px;padding:0;text-align:left;width:auto}
h2#tagline{color:#999;display:inline-block;font-size:2em;font-style:italic;text-align:left}
#wrapper{background:#FFF;margin:0;padding:0 0 20px;width:100%}
#header{margin:0;position:relative;text-align:center;width:100%}
#headerimg{clear:both;margin:0 auto}
#content{display:inline;float:left;font-size:1.2em;margin:5px 35px 0;width:575px}
#footer{border:1px solid #ddd;clear:both;text-align:left;background:#f2f2f2 url("images/surfrider.gif") 8px center no-repeat;margin:0 20px;padding:0.75em 0 0 64px}

/*====: [SIDEBAR ELEMENTS] :==================================*/
#sidebar{display:inline;float:right;font-size:1.3em;margin:0 35px 0 0;width:228px}
#sidebar span.sidetitle{background:#E5E5E5;border-bottom:1px solid #CCC;border-top:4px solid #CCC;color:#444;display:block;font-size:1.2em;font-weight:700;letter-spacing:1px;margin-bottom:0.2em;padding:4px 0 4px 7px}
#sidebar ul{margin:0;padding:0}
#sidebar li{list-style:none;margin:15px 0;padding:0}
#sidebar li li{margin:0}
#sidebar ul li a{color:#222;font-size:1.0em;margin:0;text-decoration:none}
ul.blogroll li a{font-size:1.1em;font-family:Arial, verdana, tahoma, Helvetica, sans-serif;display:block;padding:7px}
#sidebar a:hover{background:#EDEDED;color:#222}
#sidebar ul.children li a,.blogroll li a{border-left:10px solid #EDEDED}
#sidebar ul.children ul.children li a{border-left:20px solid #EDEDED}
#sidebar ul.children ul.children ul.children li a{border-left:30px solid #EDEDED}

/*====: [SEARCH FORM STYLES] :=================================*/
#sidebar form#searchform input#s{width:221px}
form#searchform{margin-bottom:10px}
form#searchform input#s{color:#446592;font-size:1.1em;font-style:italic;height:20px;width:300px}

/*====: [SINGLE POST ELEMENTS] :================================*/
.single h1{color:#000;font-size:2.4em}
.summary{border:1px solid #CCC;font-size:.9em;font-style:italic;margin:0 auto;padding:5px;text-align:justify;width:90%}
.summary p{margin:0}
span.summarywords{font-style:italic;font-weight:700}

/*====: [POST LEVEL ELEMENTS] :=================================*/
.post{margin:0;padding:0}
small{color:#999;margin:0}
small.attr{font-size:small;background:url('images/post-separator.jpg') no-repeat bottom left;display:block;margin-top:-5px;padding-bottom:10px}
.entry{font-size:1.2em;margin:20px 0}
.entry p{margin:20px 0}
.entry h1{font-size:2em}
.entry h2{border-bottom:1px dotted #CCC;display:inline;font-size:1.9em}
.entry h3{font-size:1.6em}
.entry h4{font-size:1em}
p.postmetadata{background:#EEE;color:#999;margin-bottom:30px;padding:5px}
p.postmetadata1{color:#999}

/*====: [POST NAVIGATION ELEMENTS] :=============================*/
.navigation{font-size:1.1em;line-height:100%;text-align:center;width:100%}
.navigation a{padding:2px}

/*====: [NAVIGATION ELEMENTS] :=================================*/
#nav_menu{font-size:1.7em;height:30px;overflow:hidden;text-align:right}
#nav_menu ul{float:right;margin:0}
#nav_menu li{float:left;list-style:none}
#nav_menu li a,#nav_menu li a:visited,#nav_menu li a:link{background:#CCC;color:#333;display:block;margin-left:3px;padding:5px 10px;text-decoration:none}
#nav_menu li a:hover,#nav_menu li a:active,#nav_menu li.current_page_item a{background:#FFF !important;color:#333 !important}

/*====: [ (NEW) ARCHIVES STLYES] :===================================*/
#archives_month .indent,#archives_category .indent,#archives_tag .indent{margin-left:25px}
#archives_month,#archives_category,#archives_tag{margin-top:7px}
#archives_tag a{text-decoration:none}
.tagcloud{background:#FFC;border:1px solid #999;line-height:22pt;padding:10px;text-align:center}
#description{background:#FFC;border:1px solid #999;margin:8px 0;padding:10px;text-align:center}
#top_tabs{border-bottom:1px dotted #CCC;border-top:1px dotted #CCC}
#top_tabs ul{margin:0;padding:0}
li.top_tab{background:#BBB;display:inline;float:left;height:30px;list-style:none;margin-right:3px;padding:0}
li.top_tab a{display:block;font-size:1.4em;padding:5px;text-decoration:none;width:auto}
#archives_month p,#archives_category p,#archives_tag{margin-bottom:10px}

/*====: [ (OLD) ARCHIVES STLYES] :===================================*/
#old_archives ul{margin-left:30px}
#old_archives li{font-size:1.3em;line-height:150%;list-style:none;padding:5px}
#old_archives li a{border-bottom:1px dotted #CCC;display:block;text-decoration:none}
#old_archives ul ul li{font-size:1em}

/*====: [COMMENT STYLES] :====================================*/
h3#comments{margin-top:20px}
ol.commentlist{margin-left:0;padding:0;position:relative}
ol.commentlist li{background:url('images/comment-sideimage.gif') repeat-y left;list-style:none;margin-top:10px;min-height:80px;width:575px}
ol.commentlist li p{margin-left:5px;margin-top:10px}
ol.commentlist li cite{font-weight:700;margin:0 0 0 5px}
ol.commentlist li cite a{text-decoration:none}
.commentwrap{border:1px solid #CCC;height:auto !important;margin-left:40px;min-height:80px}
.commentmetadata{margin:0 0 0 5px}
li.author .commentwrap{background:url('images/comment-bg.png') repeat-y;border:1px solid #446592}
.avatar-default{display:none !important}
ol.commentlist .commentsidebar{background:transparent;color:#afafbe;display:inline;float:left;font-size:1.4em;letter-spacing:-1px;margin:8px 0 0 6px;text-align:center}
ol.commentlist .commentsidebarupper{background:url('images/comment-sideimage-upper.gif') no-repeat;height:16px;left:0;line-height:16px;position:absolute;top:0;width:40px;z-index:1}
ol.commentlist .sidebarseparator{background:#FFF;height:10px;left:0;margin-top:-11px;position:absolute;width:40px}
ol.commentlist .commenttime{font-size:.6em}
span.required{color:red;font-weight:700}
#allowedtags{background:#EEE;color:#555;float:right;padding:0 10px;width:230px}
#allowedtagstxt{border-bottom:1px dotted #D44942;display:block}
span.tags{border-bottom:1px solid #DDD;color:#777;display:block;font-family:Lucida Console, Monaco, monospace;font-size:1.2em;letter-spacing:1px;padding:3px 10px}
form#commentform label{font-weight:700}
input#submit{background:#EEE url('images/submit_bg.gif') repeat-x;border:1px solid #AAA;cursor:pointer;height:25px;width:125px}
input#submit:hover{background:#EDEDED}
h3.trackbacks{clear:both;margin-top:40px}
ol.tpbacks{background:#CCC;padding:2px 2px 2px 25px}
ol.tpbacks li{list-style-position:outside}
img.avatar,li.author img.avatar{float:right;width:80px}
form#commentform input.text,form#commentform textarea{width:300px}

/*====: [WP 2.7 COMMENT STYLES] :======================*/
ol.commentlist li{position:relative}
ol.commentlist li.comment{background:#FFF;border:3px solid #DDD;width:auto}
ol.commentlist li.bypostauthor{background:#EEE}
ol.commentlist li em{background:#FDF7DC;border:2px solid #EEEAB6;bottom:0;color:#9E9F00;font-weight:700;padding:5px;position:absolute;right:0}
ol.commentlist li p{margin-left:45px;margin-top:20px}
div.reply{margin-bottom:8px;margin-left:45px}
div.reply a{background:#EEE;border:1px dotted #CCC;padding:4px;text-decoration:none}
img.avatar{border:2px solid #DDD;float:left;margin:2px 0 0 2px;padding:2px;width:auto}
.vcard{font-size:.9em;left:0;position:absolute;top:0;width:240px}
.commentmetadata{font-size:.8em;position:absolute;right:0;top:0}
.commentmetadata a{text-decoration:none}
a#cancel-comment-reply-link{background:#EEE;border:1px dotted #CCC;font-weight:700;margin-left:45px;padding:2px;text-decoration:none}
div.reply a:hover,a#cancel-comment-reply-link:hover{border-color:#000}

/*====: [SEARCH RESULTS PAGE] :============================*/
#searchdate{color:#AAA;font-size:.9em;margin-right:7px;width:60px}
#searchcomments{display:inline}
#searchcomments a{font-size:1.2em;text-decoration:none}
h2.searchtitle{display:inline;font-size:1.4em;padding-bottom:2px}
div.search_hr{border-bottom:1px dotted #CCC;height:1px;line-height:1px;margin-bottom:2px}
.entrysearch{font-size:1.2em;margin:10px 0}
.searchmeta{color:#900;font-size:1.2em;font-style:italic}

/*====: [ERROR PAGES] :=================================*/
.fourohfour{font-size:1.4em}
.fourohfour form#searchform input#s{font-size:1em}
#container_error{border-top:12px solid #FFE4E1;margin:0 auto;text-align:left;width:650px}
.fourohfour ol{margin:20px 0;padding:0;text-align:center;width:100%}
.fourohfour li{border-bottom:1px dotted #CCC;list-style:none;padding:5px}
.fourohfour li a{text-decoration:none}

/*====: [CALENDAR STYLES] :=============================*/
#sidebar li.calendar{border-bottom:1px solid #333;border-top:1px solid #333;margin:5px;text-align:center}
#sidebar table#wp-calendar caption{margin:0 auto;text-align:center}
#sidebar table#wp-calendar{margin:0 auto}
#sidebar table#wp-calendar td{padding:2px}
#sidebar table#wp-calendar a{font-weight:700;padding:0;text-decoration:underline}
#sidebar table#wp-calendar td#prev a,#sidebar table#wp-calendar td#next a{color:#222;font-weight:400;text-decoration:none}

/*====: [DAGON DESIGN SITEMAP GENERATOR STYLES] :===============*/
div.ddsg-wrapper li{}
div.ddsg-wrapper li li{margin:7px 0}
div.ddsg-wrapper li a{padding:0 3px;text-decoration:none}
div.ddsg-wrapper li li a{border-bottom:1px dotted #CCC;margin-bottom:3px}

/*====: [REQUIRED BY WORDPRESS] :=========*/
.aligncenter{display:block;margin-left:auto !important;margin-right:auto !important}
.alignleft{float:left;text-align:left}
.alignright{float:right;text-align:right}

/*====: [IMAGE CAPTION] :==============*/
.wp-caption{-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#f7f7f7;border:1px solid #CCC;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img{border:1px solid #CCC;margin:0;padding:0}
.wp-caption-dd{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
p.wp-caption-text{color:#777;font-size:.7em;font-variant:small-caps;font-weight:700;line-height:100%;margin:0;padding:2px 0 7px}

/*====: [TABLE STYLES] :==============*/
table{border:1px solid #CCC;font-size:.9em}
th{background:#EDEFF0;padding:3px 10px;text-align:left}
td{border-top:1px solid #CCC;padding:3px 10px}
tr.even td{background:#EEE}
form p{margin:15px 0 5px}

/*====: [STICKY POSTS] :====================*/
.homepage .sticky{background:#E4E2D3;border:1px solid #bbb;border-width:1px;color:#757171;margin-bottom:20px;padding:10px}
.homepage .sticky small.attr{background-image:none}
.homepage .sticky p.postmetadata{background-color:transparent;border-top:1px solid #CCC;margin-bottom:0}
#sidebar a.tji_tag{display:inline;padding:0}