/*
Theme Name: Casey Templeton Blog
Theme URI: http://blog.caseytempleton.com
Description: Custom blog theme for Casey Templeton's blog designed by Brad Frost Web
Author: Brad Frost Web
Author URI: http://bradfrostweb.com
version: 1.0
Tags: casey templeton, brad frost web
*/

/*******************RESET CSS*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ul {list-style: none;}
ol  { list-style: decimal; }
table {border-collapse: collapse; border-spacing: 0;}
input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans serif;}
legend {display: none;}
/****************END RESET********************/

/****************Global Elements**************/
body { font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; background: #fffde5; color: #0d0d0d; text-align: center; }
h2 { color: #333; font-size: 17px; margin-bottom: 0;}
h3 { color: #333; font-size: 15px; margin-bottom: 0;}
h4 { color: #333; font-size: 13px; margin-bottom: 0;}
h2 a, h3 a { text-decoration: none !important; }
p { margin: 0 0 19px 0; line-height: 160%; }
a { color: #c14830; }
a:hover { color: #9f301a; }
input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/bg_formfield.gif) repeat-x #fff; border: 1px solid #e6e6e6; color: #313131; font-size: 11px; padding: 3px 3px 2px 3px; width: 174px; }
select {  width: 183px; padding: 2px; }
td { padding: 4px 0; }
ol  { list-style: decimal; }
blockquote{ margin:0 0 15px 0; padding:12px 12px 0 12px; background: #F2F0D9; border-bottom: 1px dashed #a5a176; border-top: 1px dashed #a5a176; font: 15px Georgia, "Times New Roman", Times, serif; font-style: italic;  }
::-moz-selection{background:#000; color:#fff;}
::selection {background:#000; color:#fff;}
/****************End Global Elements**********/

/****************Classes**************/
.right { float: right; padding: 0 0 20px 20px;}
.left { float: left; padding: 0 20px 20px 0;}
.clear { clear: both; }
.hide { display: none; }
.last { margin-right: 0; padding-right: 0; border-right: none; }
.selected { color: #999; }
.clickable { cursor: pointer; }
/****************End Clasees**************/

/****************Structure*********************/
#container { margin: 0 auto; text-align: left; width: 966px; position: relative; padding-bottom: 30px; }
#header { padding: 32px 0 0 0; height: 25px; border-bottom: 1px solid #c14830; position: relative; margin-bottom: 20px; }
#header h1 { position: absolute; left: 0; top: 29px; width: 260px; height: 14px; margin-right: 123px;}
#header h1 a { background: url(images/logo.png) no-repeat; display: block; width: 260px; height: 14px; text-indent: -9999em; }
/*#header h1 a:hover { background-position: bottom left; }*/
#header h2 {font-size: 14px; float: left; }
#nav { position: absolute; top: 20px; left: 320px; }
#nav li { display: block; float: left; margin-right: 48px; }
#nav li a { display: block; height: 22px; background: url(images/nav.png) no-repeat; text-indent: -9999em; }
#nav li a#nav-portfolio { background-position: 0px -31px; width: 66px; }
#nav li a#nav-portfolio:hover { background-position: 0px 0; }
#nav li.stock a { background-position: -117px -31px; width: 39px; }
#nav li.stock a:hover { background-position: -117px 0; }
#nav li.about a { background-position: -209px -31px; width: 40px; }
#nav li.about a:hover { background-position: -209px 0; }
#nav li.blog a { background-position: -297px -31px; width: 32px; }
#nav li.blog a:hover, #nav li.blog a.active { background-position: -297px 0; }
#nav li.contact { margin-right: 42px; }
#nav li.contact a { background-position: -380px -31px; width: 90px; }
#nav li.contact a:hover { background-position: -380px 0; }
#rss { position: absolute; left: 886px; top: 32px; display: block; width: 74px; height: 9px; background: url(images/btn_subscribe.gif) no-repeat; text-indent: -9999em; }
#rss:hover { background-position: bottom left; }
#content { padding: 20px 0; float: left; line-height: 200%; overflow: hidden; }

/* sidebar */
#sidebar-container { width: 100%; position: fixed; top: 97%; left: 0; padding: 2% 0; background: #0d0d0d; margin: 0 auto; height: 47%; text-align: center; }
/*#sidebar-scroll { width: 120%; height: 100%; overflow-y: scroll; margin: 0 0 0 -10%; padding-bottom: 30px; }*/
#sidebar-toggle { position: absolute; left: 50%; top: -20px;  background: #0d0d0d; padding: 5px 15px; color: #FFFDE5; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-decoration: none; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; 	border-top-right-radius: 5px; 	border-top-left-radius: 5px; }
#sidebar-toggle:hover { color: #C14830; }
#sidebar .sb-section { float: left; width: 300px; margin-right: 30px; }
#sidebar { font-size: 11px; color: #fff; margin: 20px auto 20px auto; width: 966px; height: 80%; overflow: auto; text-align: left; padding-bottom: 30px;  }
#sidebar h2{ font-size: 15px; color: #fff; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0;}
#sidebar h2.sIFR-replaced { height: 15px; margin-bottom: 6px; padding-bottom: 0; color: #fff; }
#sidebar h2 a { text-decoration: none; color: #0d0d0d; }
#sidebar p {margin:0 0 15px; }
#sidebar ul { float: left; margin-right: 20px; padding-right: 20px; border-right: 1px dashed #a5a176; }
/*About*/  
#sidebar #about { float: left; height: 160px; margin-right: 20px; margin-bottom: 15px; padding-right: 20px; border-right: 1px dashed #a5a176; }
#sidebar #read-more {margin-top: -17px; display: block;}
/*Sidebar Nav*/
#sidebar #sidebar-links {  position: relative; float: left; width: 256px; height: 100px; border-right: none; margin-right: 0; padding-right: 0; }
#sidebar #sidebar-links li a { text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; text-indent: -9999em; display: block; position: absolute; }
#sportfolio { width: 156px; height: 19px; top: 0; left: 0; background: url(images/sidebar_nav.png) no-repeat 0 0; }
#sportfolio:hover { background-position: 0 -108px; }
#sflickr { width: 89px; height: 19px; top: 0; right: 0; background: url(images/sidebar_nav.png) no-repeat -163px 0;}
#sflickr:hover { background-position: -163px -108px; }
#swedding { width: 104px; height: 13px; top: 26px; left: 0; background: url(images/sidebar_nav.png) no-repeat 0 -26px;}
#swedding:hover { background-position: 0 -134px; }
#sweddingblog { width: 141px; height: 13px; top: 26px; right: 0; background: url(images/sidebar_nav.png) no-repeat -113px -26px;}
#sweddingblog:hover { background-position: -113px -134px; }
#sbuy { width: 84px; height: 19px; top: 47px; left: 0; background: url(images/sidebar_nav.png) no-repeat 0 -47px;}
#sbuy:hover { background-position: 0 -155px; }
#stwitter { width: 103px; height: 17px; top: 48px; right: 0; background: url(images/sidebar_nav.png) no-repeat -149px -48px;}
#stwitter:hover { background-position: -149px -156px; }
#slinkedin { width: 116px; height: 16px; top: 72px; left: 0; background: url(images/sidebar_nav.png) no-repeat 0 -72px;}
#slinkedin:hover { background-position: 0 -180px;}
#sfacebook { width: 128px; height: 16px; top: 72px; right: 0; background: url(images/sidebar_nav.png) no-repeat -125px -72px;}
#sfacebook:hover { background-position: -125px -180px; }
#sidebar ul { margin:12px 0; padding:0; }
#sidebar ul li { margin: 0; padding: 0; list-style-type: none; }
#sidebar ul ul {/* margin:0 0 20px 0 ; padding:0; padding-bottom: 20px;*/ }
#sidebar ul li.categories ul, #sidebar ul li.linkcat ul {  }
#sidebar ul ul li {	list-style-type: none; background: url(images/bg_li.gif) no-repeat 0 5px; padding-left: 15px; }
#sidebar ul ul ul{ margin: 0; padding: 0; }
#sidebar ul ul ul li{ padding: 0 0 0 15px; list-style-type: square; color: #898989; }
/*Twitter*/
#twitter-module { float: left; width: 286px; height: 160px; margin-left: 20px;  margin-bottom: 15px; padding-left: 20px;  border-left: 1px dashed #a5a176; }
.tweetable_latest_tweets {  margin-top: 10px; padding: 10px; border: 1px dashed #a5a176; font: 13px Georgia, "Times New Roman", Times, serif; color: #a5a176; font-style: italic; background: #fefdf0; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 256px; list-style: none; }
.tweetable_item { list-style: none; }
.twitter_meta { font-size: 11px;  }
#follow { }
#follow a{ display: block; height: 44px; width: 113px; padding: 10px 53px 0 0; background: url(images/twitter.png) no-repeat top right; margin: -3px 0 0 0; text-indent: -9999em; font: 12px Georgia, "Times New Roman", Times, serif; color: #a5a176; font-style: italic; font-weight: bold; text-decoration: none;}
#follow a:hover { text-indent: 0;  }
/*Flickr*/
#photoAlbum { float: left; width: 300px; margin-right: 20px; padding-right: 20px; border-right: 1px dashed #a5a176; }
#photoAlbum img { margin-right: 12px; padding: 3px; border:1px solid #a5a176; background: #f9fafa;}
#photoAlbum img:hover { background: #c14830;  border-color: #c14830;}
/*Archives, Blogroll, Etc*/
#sidebar #blog-lists { float: left; width: 594px; }
#sidebar #blog-lists h2 { float: none; clear: left; margin-bottom: 6px; }
#sidebar #blog-lists a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; }
#sidebar #blog-lists a:hover { color: #fff; }
#sidebar #blog-lists ul { float: none; margin-right: 0; border-right: 0; background: none; padding: 0; margin: 0 0 12px 0; float: left; width: 100%; }
#sidebar #blog-lists ul ul{ margin-right: 0; border-right: 0; background: none; padding: 0; }
#sidebar #blog-lists ul ul li, #sidebar #blog-lists ul#sb-archives li { float: left; margin-right: 5px; margin-bottom: 3px; padding: 0 5px 0 0; border-right: 1px solid #fff; background: none; } 
#sidebar #blog-lists ul ul li:last-child, #sidebar #blog-lists ul#sb-archives li:last-child { border-right: none; }
	
/*Search*/
#searchform { clear: left;  height: 60px; }
#searchform input { background: #fff; height: 17px; color: #0d0d0d; text-transform: uppercase; padding: 7px 8px; border: none; width: 150px; display: block; float: left; }
#searchform input:hover, #searchform input:focus { background: #242424; color: #fff; }
#searchform input#search-btn { width: 65px; height: 23px; padding: 0; background: url(images/search_btn.gif) no-repeat transparent; margin-left: 10px; cursor: pointer; font-size: 1px; margin-top: 0; text-indent: -999em; }

#footer { clear: both; float: left; width: 910px; padding: 25px; background: url(images/bg_footer.png) no-repeat 0 0 #fefdf0; margin: 40px 0 20px; border: 1px dashed #a5a176; color: #a5a176; }
#footer h3 { text-transform: uppercase; margin-bottom: 5px; }
#footer li { list-style-type: none; background: url(images/bg_li.gif) no-repeat 0 5px; padding-left: 15px; margin-bottom: 4px; font-size: 14px; }
#fposts { width: 250px; margin: 0 60px 30px 0; float: left; }
#ftags { width: 250px; margin: 0 110px 30px 0; float: left; }
#fsocial { float: left; margin: 0; width: 200px; }
#footer li.last { border-right: none; margin-right: 0; padding-right: 0;}
#footer a { text-decoration: none; }
#copyright { clear: left; text-align: center; margin-bottom: 30px; }
/****************End Structure******************/

/*Posts*/
.post { padding-bottom: 40px; clear: both; }
.post p, .post ul { line-height: 180%; }
.post h1, .post h2 { font-size: 20px; border-bottom: 1px dashed #a5a176; margin-bottom: 25px; text-transform: uppercase; color: #c14830; padding-bottom: 4px; }
.post h1 a,.post h2 a { color: #c14830; text-decoration: none; }
.post h2 a:hover { color: #0d0d0d; }
small.date {float: right; margin-top: -32px; color: #a5a176; background: #fffde5; padding-left: 7px; font: 10px Georgia, "Times New Roman", Times, serif; font-style: italic; }
.post img { padding: 3px; border:1px solid #c9caca; background: #f9fafa; /*max-width: 644px;*/}
.post h2 a{ text-decoration: none; }
.post h2 a:hover{ color: #777; text-decoration: none; }
h2.pagetitle { font-size: 18px; text-transform: uppercase; color: #a5a176; font-weight: bold; padding-bottom: 8px; margin-bottom: 20px; border-bottom:1px solid #a5a176;  }
.more-link { color: #C14830; display: block; text-decoration: none; font-weight: bold; font-size: 13px; margin-top: 10px;}
.post ul {}
.post li { list-style: bullet; }
.entry { clear: both;  font-size: 12px; color: #333; line-height: 200%; }
.entry p{ margin: 0 0 12px 0; }
.entry ul { margin: 0 0 12px 2px; padding-left: 15px; list-style: square; }
.entry li { margin-bottom: 6px; }
.entry li h3 { margin: 5px 0 12px 0; }
.entry p, .entry ul, .entry blockquote, .entry h3, .entry h4, .entry h5 { max-width: 90%; }
.postmetadata { margin: 10px 0; background: #fefdf0; padding: 15px 20px; overflow: hidden; border: 1px dashed #c14830; margin: 50px 0; }
.postmetadata .soc { float: left; margin-right: 40px; }
.postmetadata p { margin: 0; font: 13px Georgia, "Times New Roman", Times, serif; color: #a5a176; font-style: italic; float: right; }
.navigation { font-size: 18px; font-weight: bold; width: 100%; float: left; margin-bottom: 50px; }
.alignleft { float: left; }
.alignright { float: right; }
.navigation a { display: inline; text-decoration: none; }
.post-comments { margin: 10px 0; background: #fefdf0; padding: 8px 15px; border: 1px dashed #c14830; }
.post-comments {  }

/*Single*/
.single .post { padding-bottom: 0; }

/*Story Posts*/
/*.story #content { width: 960px; }
.story .wp-caption p.wp-caption-text { width: 950px; float: none; text-align: center; }*/

/* comments */
#commentform { }
#commentform p { color: #000; }
#commentform a {color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }
#commentform h3 { color: #000; }
#commentform label { font: 13px Georgia, "Times New Roman", Times, serif; color: #a5a176; font-style: italic; }
#author, #email, #url, #comment, #submit { background: #fefdf0; font-size: 11px; padding: 3px; height: 14px; margin:5px 5px 0 0; border: 1px solid #313131; }
#comment { height: 90px; width: 500px; }
#submit{ padding: 4px 0 4px 0; width: 100px; display: block; cursor: pointer; height: 25px; background: #C14830; color: #fff; }
#submit:hover { background: #e1735c; }
#comments{margin:0 0 -10px; padding:0; }
ol.commentlist { list-style-type: none; margin:0; padding:0;}
.avatar { float:left; margin:0 12px 0 0;}
ol.commentlist li { border-bottom: 1px dashed #a5a176; margin: 0; padding: 30px 5px 20px; list-style-type:none; }
ol.commentlist li:first-child { padding-top: 0; }
ol.commentlist li.alt { background: #f2f1e3; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; }
ol.commentlist a { color:#565353; text-decoration: none; }
cite { font-weight: bold; font-style: normal; }
ol.commentlist cite a{ color: #C14830; text-decoration: none;}
#respond { padding-top: 20px; }
.comment-meta {float: right; font-size: 10px; 0}
.comment-author {float: left;}
.comment p {clear: both;}
/* search */
#searchform { 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; }
	
.wp-caption { /*border: 1px solid #c14830;*/ text-align: center; background-color: #f3f1da; padding: 2px; margin: 10px 0; }
.wp-caption img {}
.wp-caption p.wp-caption-text { font-size: 11px; padding: 0 4px 5px; margin: 0; font: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #a19e80; }

/*sociable*/
div.sociable { }
div.sociable_tagline { color: #333333; font-size: 15px; font-weight: bold; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; }
.sociable ul { display: inline; }
.sociable ul li { background: none; float: left; list-style-type: none; margin: 0 10px 0 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 32px; height: 32px; border: none; }
.sociable-hovers { opacity: .9; -moz-opacity: .9; filter: alpha(opacity=90); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/*Flickr Sidebar*/
#footerText { margin-top: 5px; font-size: x-small; }
h2.flickrheader { float: left; margin-right: 5px; }
div.flickrlogo { float: left; margin: 0;padding: 0; }
div.flickrlogo img { border:0; }
.flickrImage img { margin-top: 10px; margin-left: 0px; width: 50px; height: 50px; border: 1px solid #ccc; }
div#photoAlbum { min-width:115px; }

/*Scrollpane*/
.jScrollPaneContainer { text-align: left; margin: 0 auto; position: relative; overflow: hidden; }
.jScrollPaneTrack { width: 20px; position: absolute; top: 0; right: 0; background: #222; cursor: move; }
.jScrollPaneDrag { background: #ccc; }
.jScrollPaneDragTop, .jScrollPaneDragBottom { background: #ccc; }
a.jScrollArrowUp {  background: url(images/arrow_up.gif) no-repeat; position: absolute; top: 5px; right: 0; width: 20px; height: 20px; display: block; text-indent: -999em;}
a.jScrollArrowUp:hover { opacity: 0.8; }
a.jScrollArrowDown { background: url(images/arrow_down.gif) no-repeat; position: absolute; top: 93%; right: 0; width: 20px; height: 20px; display: block; text-indent: -999em;  }
a.jScrollArrowDown:hover { opacity: 0.8; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	opacity: 0.5;
}


.orange-bar .jScrollPaneTrack { background: #f60; }
.orange-bar .jScrollPaneDrag { background: #00f url(images/drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #69f; }
.holder { float: left; margin: 10px; }
.scroll-pane { width: 200px; height: 200px; overflow: auto; background: #ccc; float: left; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 4px; height: 100%; background: #222; }
.jScrollPaneDrag { position: absolute; background: #444; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

/*Landing Page*/
.page-template-pagelanding-php #nav li.blog a.active { background-position: -297px -31px; }
.page-template-pagelanding-php #nav li.blog a.active:hover { background-position: -297px 0; }
.page-template-pagelanding-php h1 { font-size: 30px; text-transform: uppercase; color: #c14830; }