/*
Theme Name: Brave Whale
Author: Brave Whale
Author URI: http://bravewhale.com
version: 1.0
*/

/* basics */
* { margin: 0; padding: 0; }
a img { border: none; }
.clear:after { content: " "; height: 0px; display: block; clear: both; visibility: hidden; }
body { background: url(images/bodybg.gif) #fff repeat-x; font: normal 12px/18px arial, verdana, sans-serif; color: #333; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }

/* container */
#container { width: 940px; margin: 0 auto; padding: 0; color: #333; }

/* header */
#header { width: inherit; color: #333; height: 182px; }
#header a img.logo { float: left; margin-top: 73px; }
#right-side { float: right; margin-top: 10px; }
#right-side span { position: absolute; margin-left: 190px; }
#right-side a img { display: block; float: left; margin-left: 10px; }
#right-side #sfstest-sidebar{ font-style: italic; text-align: right; width: 400px; padding: 90px 0 0 0; color: #BE3833; }
#right-side #sfstest-sidebar blockquote { border: none; margin: 0; padding: 0; }
/*#right-side #sfstest-sidebar blockquote cite { float: right; position: relative; top: -15px; }*/

/* content */
#content { float: left; width: 830px; min-height: 400px; }
#content h3 { margin: 10px 0; color: #666; }
#content input { border: 1px solid #ccc; background-color: #f9f9f9; padding: 3px; }
#content textarea { border: 1px solid #ccc; background-color: #f9f9f9; padding: 3px; font: 12px arial; width: 80%;}
#content2 { float: left; width: 830px; min-height: 400px; }
#content2 > .post { margin-left: 40px; }
#content2 .post .entry .column1 { width: 375px; margin-right: 20px; float: left; }
#content2 .post .entry .column2 { width: 375px; margin: 30px 0 0 0; float: left; }
#content.blog { float: left; width: 636px; min-height: 400px; }

.post {  padding-top: 10px; }
.post h1 { color: #BE3833; margin-bottom: 10px; }
.post h2 a { text-decoration: none; }
.post h2 a:hover { color: #666; text-decoration: none; }
.post ul, .post ul ul { margin-left: 40px; }
.post ol, .post ol ol  { margin-left: 40px; }
.post.page { width: 530px; margin-left: 40px; }
.post.sub { width: 700px; margin-left: 40px; }
.post.threecol-1 { float: left; width: 460px; margin-left: 40px; padding-right: 10px; }
.threecol-2 { float: right; width: 320px;}
.threecol-2 embed,.threecol-2 img { margin-bottom: 10px; }
.entry { width: inherit; }
.entry p { margin: 12px 0; }
.postmetadata { border-top: 1px dashed #ccc; padding: 5px 0; margin: 20px 0; }
.navigation { font-size: 12px; width: 100%; float: left; margin: 0 0 40px 0; padding: 0; }

/* sidebar */
#sidebar { float: left; font-size: 12px; width: 110px; }
#sidebar ul a { text-decoration: none; }
#sidebar ul a:hover { color: #BE3833; } 
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; padding: 10px 0; border-bottom: 1px solid #333; }
#sidebar ul li.current_page_item a { color: #BE3833; }

/*sub pages sidebar holder*/
#sub-pages { float: left; margin: 38px 20px 0 0; border-top: 1px solid #BE3833; width: 154px; }
#sub-pages ul { list-style: none; }
#sub-pages li { border-bottom: 1px solid #BE3833; padding: 10px 0; }
#sub-pages ul a { text-decoration: none; color: #BE3833; font-size: 12px; }
#sub-pages ul a:hover { color: #333; }

/*blog categories holder*/
#blog-cats { float: left; margin: 0 20px; width: 154px; text-transform: lowercase;}
#blog-cats ul h3 { font-size: 12px; }
#blog-cats ul { list-style: none; }
#blog-cats li { border-bottom: 1px solid #BE3833; padding: 10px 0; }
#blog-cats ul a { text-decoration: none; color: #BE3833; font-size: 12px; }
#blog-cats ul a:hover { color: #333; }

/* comments */
#commentform { background: #fff; margin: 0; padding: 0; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; line-height: 18px; }
#commentform h3 { font-family: georgia, times, verdana; font-size: 12px; font-weight: 300; color: #000; margin: 0; padding: 0; }
#comment { width: 80%; }
#author, #email, #url, #comment, #submit { background: #fff; font-family: arial, verdana, times; font-size: 12px; margin: 5px 5px 0 0; padding: 0; border: 1px solid #000; }
#submit { margin: 5px 5px 0 0; }
#comments { margin: 0; padding: 0 }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
ol.commentlist li { background: #fff; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }
ol.commentlist li.alt { background: #eee; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 20px; }
ol.commentlist a { color: #000; }
cite { font-family: arial, verdana, tahoma; font-size: 12px; font-weight: bold; font-style: normal; }
cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }

/* search */
#searchform { padding: 0; margin: 14px 0; }
#searchform input#s { margin:0; padding:2px; border: 1px solid #000; }
#searchform input#searchsubmit { border: none; background: #333; color: #fff; text-transform: lowercase; }

/* misc */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
blockquote { border-left: 1px solid #A5ABAB; margin: 15px; padding: 0 12px 0 12px; }
code { font-family: "Courier New", Courier, monospace; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding: 10px 5px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 5px 0px; margin: 0; }

/* footer */
#footer { background: url(images/footerbg.gif) repeat-x; clear: both; width: 100%; margin-top: 40px; }
#footer p { padding: 40px 0; margin: 0; color: #eee; text-align: center; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }