/* 
Theme Name: Expression
Theme URL: http://www.cannonbeachlive.com
Description: A WordPress Theme from <a href="http://www.cannonbeachlive.com" title="a WordPress Theme">Cannon Beach Live</a>
Author: Cannon Beach Live
Author URI: http://www.cannonbeachlive.com
Version: 2.0
*/

/**************** Body *********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-weight:normal;}
caption, th, td {text-align:left;font-weight:normal;}
table {border-collapse:separate;border-spacing:0;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
body {font-family:Arial; font-size:13px;}
#wrapper {min-width:980px; background: #FDFCF2; margin:auto; padding:20px;}

/**************** Formatting *********************/
h2.latestpost {font-family:"Times New Roman"; font-size:14px; font-size:12px; color: #669900; margin:0 0 10px 12px;}
h2.search {margin:10px 10px 30px 10px; font-family:Georgia, "Times New Roman", Times, serif; color: #FF6600; font-weight:bold; font-style:italic;}

/**************** Links *********************/
a:link, a:visited {text-decoration:none; color:#09789F;}
a:hover {color:#FF6600;}

/**************** Header *********************/
#header {margin-bottom:0px;}
#header h1 {float:left;}
#header h1 a{font-size:40px; color:#4D9FBE; font-weight:normal; text-decoration:none; text-transform:capitalize; letter-spacing:-1px; font-family:Georgia, "Times New Roman", Times, serif; }
#header h1 a:hover {color:#CFCCA8;}
#header p {color: #FF6600; padding:5px; font-size:14px; background-color: #FBFBEE; border:1px solid #F9FADA;}

/**************** Navigation *********************/
#MainMenu{background:#FDFCF2;border-bottom:1px solid #8BC9DF;height:26px;margin:10px 0 0 0;}
#tab{margin:0;top:0;}
#tab ul{float:left;list-style:none;margin:0;padding:0;}
#tab li{display:inline;float:left;margin:0 5px 0 0;padding:0;}
#tab a{background:#000000 url("images/bright_095.gif") no-repeat right top;border:0;display:block;float:left;margin:0;padding:0;text-decoration:none;}
#tab a span{background:url("images/bleft_095.gif") no-repeat left top;color:#333;display:block;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:26px;padding:0 13px 0 13px;}
#tab a:hover,#tab li.current_page_item a{background-position:right bottom;}
#tab a:hover span,#tab li.current_page_item a span{background-position:left bottom;color:#FFFFFF;font-style:normal;text-decoration:none;}

/**************** Ticker *********************/
#featured {height:60px; background:url(images/featured.jpg) repeat-x; color:#FFFFFF;padding:20px;}
.featuredtitle {font-size:24px; font-family:Georgia; color:#6D9FAF; font-style:italic;}
.featuredtitle a:hover {color:#669900;}
#popular li {list-style:none;}
.padder {height:15px;}

/**************** Top Content *********************/
.leftbox {float:left;width:49%; color:#666; font-family:Georgia, "Times New Roman", Times, serif;}
.rightbox {float:left;width:49%; color:#666; font-family:Georgia, "Times New Roman", Times, serif;}
.padding {padding:10px;  border-right:1px solid #EFECE0;}
.rightbox .padding {border-right:none; }
h3.boxtitle {font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;color:#DF6E37;padding:4px 10px 4px 0px; margin-bottom:8px; text-transform:uppercase;}
.aboutus {border-bottom:none;}
.recentcomments ul li {list-style:none;color:#999999;  margin-bottom:5px; border-bottom:1px solid #E2F2FC; background: url(images/arrow.gif) left no-repeat; padding-left:20px; font-style:italic;}
.igeorge {font-size:11px;}
.popularposts ul li {list-style:none;color:#999999;  margin-bottom:5px; border-bottom:1px solid #E2F2FC; background: url(images/arrow.gif) left no-repeat; padding-left:20px; font-style:italic;}

/**************** Ads *********************/
.ad_468x60 {width:468px; height:60px; float:right; display:block; margin-right:140px;}
.bannerads {width:270px; margin:10px auto;}
.ad_125x125 {float:left; margin:0px 5px 10px 5px; width:125px; height:125px;}

/**************** Entry *********************/
#entry {width:68%;margin-left:15px;}
#entry h2 {padding-bottom:10px;}
#entry h2 a {color: #669900; font-size:22px;font-family:"Times New Roman";}
#entry h2 a:hover {color:#FF9900;}
#entry p {margin-bottom:10px;}
.post {padding-bottom:30px;color: #666666; padding-left:10px;}
.postmeta {margin:20px 0 0 0; font-size:12px; padding:8px;}
html>body .post ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .post li { margin: 7px 0 8px 10px; }
.post ul li:before{ content: "\00BB \0020"; }
.post ol { padding: 0 0 0 35px; margin: 0; }
.post ol li { margin: 0; padding: 0; }
.date {font-size:11px; color:#666666; margin-bottom:10px; padding-bottom:10px;  border-bottom:1px solid #E1E1E1;}
.comm {background:url(images/comment.gif) left no-repeat; padding-left:20px; float:left;}
.cat {background:url(images/category.gif) left no-repeat; padding-left:20px; float:left; margin-left:10px;}
.tags {background:url(images/tags.gif) left no-repeat; padding-left:20px; float:left; margin-left:10px;}
.mailtofriend { background:url(images/mail.gif) left no-repeat; padding-left:24px; float:left; margin-left:10px;}

/**************** Comments *********************/
#comments { margin-top:2em;padding:0px 0px 0px 20px;color: #9F9C81; font-size:12px; font-weight:bold; font-size:11px; background:url(images/comment.gif) left no-repeat;}
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 20px 0 12px 0; }
ol#commentlist li { margin: 0 0 10px 0; padding: 0.5em 1em 1em 1em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#666666; background-color:#EFEEE0; border:1px solid #CFCDB5; }
ol#commentlist li.alternate { border-right: 3px solid #999; }
ol#commentlist cite { font-size:11px; text-align: left; float:left; display: block; color: #818181; color:#669900; margin-top:10px;}
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold;}
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { color:#669900;}
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }
.post_comm2 {padding:0px 0px 0px 20px;color: #9F9C81; font-weight:bold; font-size:11px; background:url(images/comment.gif) left no-repeat;}
#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; font-size:11px;color:#7F7C5F;; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 3px; font-size:12px; color:#7F7C7D; font-family:Arial; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #E9E9E9; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; background-color:#EFEEE0; color:#7F7C5F; border:1px solid #7F7C5F; font-family:Georgia, "Times New Roman", Times, serif; padding:6px; }

/**************** Socialbar *********************/
.socialbar {background-color:#E2F2FC; padding:5px; color: #666; font-size:12px; line-height:24px; border:1px solid #B6D7E9; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.socialbar a {padding:3px 5px 3px 5px; margin-right:5px; font-weight:normal;}
.socialbar a:hover {background-color:#0066CC; color:#FFFFFF;}

/**************** Excerpts *********************/
#excerpts {width:800px; margin-left:10px;}
.left {float:left; width:180px; padding:15px; color: #666666; font-size:11px; margin:0px 10px 10px 0px; border:1px solid #DFDED1; background:#FFFFFF url(images/excerpt_grad.jpg) repeat-x top;min-height:260px;}
.left:hover {border:1px solid #999999;}
.ex_titles { margin-bottom:10px;}
.ex_titles a:link, .ex_titles a:visited{font-size:16px; color:#DF6E37; font-family:Georgia, "Times New Roman", Times, serif;}
.ex_titles a:hover {text-decoration:underline; color:#333333;}
.smallies {font-size:12px; border-top:1px solid #E1E1E1; padding-top:8px;}
.smallies a {background:url(images/comment.gif) left no-repeat; padding-left:20px; font-weight:bold; }

/**************** Sidebar *********************/
#searchform {padding:10px 10px 20px 0;}
#s {padding:5px 5px 2px 8px; width:98%; border:none; border-bottom:1px solid #E2F2FC; color:#6D9FAF; font-style:italic; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#FDFCF2;}
.subscribe {padding:0px 10px 10px 10px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.rss {background:url(images/rss.gif) left no-repeat; padding-left:30px; display:block; line-height:30px;}

#sidebar {width:28%; float:left; color:#999999; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar h2 {border-bottom:1px solid #C7E8AE; padding:5px 5px 5px 10px; color:#669900;font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:10px; margin-top:10px;}
#sidebar ul li {list-style:none;}
#sidebar ul li ul {padding:10px 0 10px 0;}
#sidebar ul li ul li {list-style:none; background:url(images/arrow.gif) left no-repeat; margin:0 0 5px 15px; padding:0 0 0 20px; font-style:italic;}
#sidebar a {font-weight:normal;}

/**************** Footer *********************/
#footerlinks {border-top:1px solid  #E1E1E1; padding-top:10px; padding-right:10px; font-size:11px; text-align:right;}
#footerlinks ul li {display:inline; margin-left:20px; list-style:none;}
#footer {border-top:3px solid #EBF8E7; padding:6px 10px 10px 15px; margin-top:10px; background-color: #F3F9EE; color:#666666; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; text-align:right;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright a{float:right; padding:10px;font-family:"Times New Roman"; font-size:14px; font-size:12px; color:#669900;}
.alignleft a{float:left; padding:10px;font-family:"Times New Roman"; font-size:14px; font-size:12px; color:#669900;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em; color:#0066CC; display:block; margin:10px 0 10px 0; border:1px solid #92CEE2; background-color:#D6EFF8; padding:5px;}

/**************** avatar *********************/
.gravs {margin-top:10px;}
.avatar {float:left; margin-right:15px; margin-bottom:5px; padding:3px; border:1px solid #999999;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}



/**************** My headerAdjustment *********************/
#header h1 {float:left;background: url(http://www.cannonbeachlive.com/photos/cblhead.jpg) no-repeat;width:360px;height:60px;position:relative;}
#header h1 a{font-size:40px; color:#4D9FBE; font-weight:normal; text-decoration:none; text-transform:capitalize; letter-spacing:-1px; font-family:Georgia, "Times New Roman", Times, serif;width:360px;height:60px;text-indent:-9000px;}
/**************** My topBox *********************/
#topbox {width:650px;height:81px;background-color:#fdfcf2;padding:10px;margin-bottom:10px;}
h2.cblh2 {color: #669900; font-size:22px;font-family:"Times New Roman";}}
p {margin-bottom:10px;}
/**************** My Top pagePix*********************/
.pix {height:75px;width:75px;float:left;padding:2px;background-color:#fdfcf2;border:1px solid #666}
img.pix {margin-right:12px}
/**************** My adBox*********************/
#adbox {width:650px;height:60px;background-color:51a5c2;padding:10px;margin-bottom:10px;}
.ads {width:234px;height:60px}