/*
Theme Name: custom_pb 
URI: http://www.analogbuzz.com/
Description: custom designed for Tyler Braun by Paul Bae.
Version: 1.1
Author: Paul Bae
Author URI: http://www.analogbuzz.com
Tags: grey, blue, dark, two-columns, fixed-width, fixed-background, right-sidebar
*/

body { background: #dcdcdc; margin: 0; padding: 0; font: 13px/21px "Arial"; color:#000; text-align: justify;}
a { outline:none; }
li {padding:3px 0; }

a:link a:visited { text-decoration: none; color: #77b023; border-bottom:1px dotted #333; }
a:hover { color: #0cc;}

.container-border { width:1140px; margin:0 auto; text-align:center; background-color:#ced0d1; /*bec0c1*/ 
}
#container { width: 1060px; margin: 0 auto; overflow:hidden; padding:0; text-align:left; }

/* main header */
#header { width:1060px; height: 328px; padding: 0; }
.header-bg1 { height:40px; background: url(images/2011/header-top1.jpg) no-repeat; display:block; position:relative; 
}
.header-bg2a { width:401px; height:71px; background: url(images/2011/header-top2a.jpg) no-repeat; float:left; 
}
.header-bg2b { width:659px; height:71px; background: url(images/2011/header-top2b.jpg) no-repeat; float:left; 
}
.header-bg3 { display:block; clear:both; width:1060px; height:217px; background: url(images/2011/header-top3.jpg) no-repeat; 
}

/* social media icons */
.sm-icons { width:500px; height:32px; position:absolute; right:0; bottom:0; }
.sm-icons ul { list-style-type: none; width:340px; height:30px; margin:0 50px 0 0; float:right; }
.sm-icons ul li { float:left; width:32px; height:30px; margin-right:16px; }
.twitter { background: url(images/2011/sm-icon1-tw.png) no-repeat; }
.facebook { background: url(images/2011/sm-icon2-fb.png) no-repeat; }
.googleplus { background: url(images/2011/sm-icon3-gp.png) no-repeat; }
.youtube { background: url(images/2011/sm-icon4-yt.png) no-repeat; }
.runkeeper { background: url(images/2011/sm-icon5-rk.png) no-repeat; }
.email { background: url(images/2011/sm-icon6-em.png) no-repeat; }
.rss { background: url(images/2011/sm-icon7-rss.png) no-repeat; }

/*
#header h1 { margin: 0; font-size: 20px;}
#header a { text-decoration: none; color: #666666;}
#header a:hover { color: #333333;}
*/

/* menu */

#navbar ul { display:block; width:1060px; height:73px; margin: 0; padding: 0; float: left; background:url(images/2011/menu-bg-1x73.png) repeat-x; }
#navbar li { display: inline; float: left; margin: 1px 0 0 0; font: normal 15px/34px "Century Gothic"; }
#navbar a:link, #navbar a:visited { display: block; float: left; height: 26px; padding:0; margin:0 10px 0 25px; color: #ededed; text-decoration: none; text-transform:uppercase; }
#navbar a:hover, #navbar .current_page_item a { color:#9ca8c2; border-bottom:1px solid #9ca8c2; }
/* #navbar a:hover, #navbar .current_page_item { background: url(images/navbghover.gif);}
*/


#content { display:block; width:1060px; background:#f1f1f1; }

#posts { width: 600px; padding: 0; margin:10px 0 0 51px; float: left; overflow:hidden; background:#fff; border:1px solid black; }
#posts a:link { text-decoration:none; font-weight:bold; }
#posts a:hover { text-decoration:none; }

#posts_body {display:block; width:600px; min-height:1240px; padding-bottom:5px; }

.posts_bottom {display:block; width:600px; height:40px; margin-top:50px; text-align:center; }
.posts_bottom_single {display:block; width:600px; height:40px; margin-top:10px; text-align:center; }
.posts_bottom a:link, .posts_bottom_single a:link {color:#7a7a7a; text-decoration:none; font-style:normal; }
.posts_bottom a:hover, .posts_bottom_single a:hover {color:#7a7a7a; border-bottom:1px dotted #7a7a7a; }
.posts_bottom span, .posts_bottom_single span {font: normal 11px/12px "Century Gothic"; line-height:12px; color:#7a7a7a; }

.analytics { width:400px; height:54px; margin:10px auto; }
.analytics li { list-style-type: none; display:inline; margin-right:20px; }

/*.credits2 {padding-top:64px; } */

/* #commentbox { height:18px; 
/*background: url(images/comments-bubble.gif) no-repeat bottom left;*/ 
/* padding-left:23px; margin-bottom:10px; }
*/

#respond {padding-top:4px; font-size: 12px; }
.commentbubble { position: relative; }
.commentbubble a { text-align: center; padding: 0;}
.commentbubble a:hover { text-align: center; padding: 0;}
.commentbubble_sr { border-bottom: 1px dotted #cccccc; }

/*
.commentlist li.bypostauthor, li.comment-author-admin {
background-color: #dee5ea !important;
}
*/

.date { margin: 0; float: right;}
.year { font-size: 16px; height: 18px; line-height: 18px; color:#ccc; font-weight:600; }
.month { font-size: 16px; color: #555; height: 18px; line-height: 18px;}
.day { font-size: 16px; height: 18px; line-height: 18px; color:#555; }

.author {font-size:14px; margin:14px 0 10px 0; color:#333; }

/* .tags { float:right; font-size: 11px; line-height: 1.5em; margin: 0;} */
.entry { margin: 0; clear: both;}
.entry p { margin: 7px 0 7px 0;}
.entry ol, ul {margin-top:0; padding-top:0; }

.post { padding: 0 30px 10px 20px; }
.post h2 { 
font-family: "Trebuchet MS", "Century Gothic", sans-serif; 
font-size: 26px; 
color: #444; 
line-height: 28px; 
font-weight: bold; 
text-align:left; 
margin:20px 0 0 0; 
border-bottom: 1px solid #d8d8d8;
padding:26px 0 4px 0; 
}

.post h2 a {color:#335577; }
.post h2 a:hover {color:#335577; border-bottom:1px solid #335577; }
/* .page .post h2 { font-size: 16px; font-weight: bold; margin: 0 0 5px 0; border-bottom: 1px solid #cccccc;} */
.page .entry {padding:10px 0; }
.page li {padding:5px 0; }
.post h3 { font-size: 16px; }
.post h4 { font-size: 20px; }
.post a, .navigation a, .post a:visited { color: #335577; text-decoration: none; }
.post a:hover, .navigation a:hover { color: #336699; border-bottom:1px dotted #335577; }
.post a img { border: none;}
#postmeta { width:100%; display:block; text-align:center; margin:22px 0 4px 0;}
.postmetadata { font-size: 11px; line-height: 12px; }
.facebookshare {padding:4px 0 10px 0; float:right; }
.post_spacer {
display:block; clear:both; margin:30px auto 0 auto; text-align:center; width:700px; left:-40px; position:relative; border-bottom:1px solid #000; padding:0 0 10px; 
}
/* .post_spacer_line {width:60%; height:5px; margin:0 auto; border-top:1px dotted #bbb; } */

.alignleft { float: left; margin: 5px 20px 20px 0;}
.alignright { float: right; margin: 5px 0 20px 20px;}
.aligncenter { display: block; margin: 0 auto 20px auto;}
.alignnone { margin: 0;}
.wp-caption.alignleft { float: left; margin: 5px 20px 20px 0px;}
.wp-caption.alignright { float: right; margin: 5px 0 20px 20px;}
.wp-caption.aligncenter { display: block; margin: 0 auto 20px auto;}
.wp-caption.alignnone { margin: 20px 0;}
.post .wp-caption { border: 1px solid #cccccc; background: #ebebeb; text-align: center; padding: 10px 5px 0 5px;}
.post .wp-caption-text { margin: 0; font-size: 12px;}

#similar_posts { display:block; margin-bottom:30px; }
#similar_posts a {color:#357; }
#similar_posts span {padding-left:25px; font-style: italic; color:#666; }

#commentmargins { padding:0 15px 0 15px; }
#commentform #author, #commentform #email, #commentform #url, #commentform #comment 
{ background: #ffffff; border: 1px solid #cccccc; color: #666666; padding:3px; }
.commentlist { list-style-type: none; margin: 0; padding: 0; font: normal 12px/15px arial, sans-serif; color:#333; }
.commentlist a, a:visited { color:#335577; }
#posts .commentlist a:hover { text-decoration:underline; }
.commentlist li { background: #ebebeb; padding: 10px; border: 1px solid #cccccc; margin: 0 0 20px 0;}
.avatarcontainer { float: left; margin: 0 8px 0 0;}
.avatar { border: 1px solid #cccccc;}
.commentdate { font-size: 11px;}
.search_results { margin:0 0 10px 20px; color:#777; }
.navigation {padding:0 18px 40px; margin-top:20px; }

/* --- sidebar --- */

.sidebar { float:left; margin: 0; width: 356px; font-size:14px; line-height:18px; padding:0; overflow:hidden; }
#sidebar_body { display:block; width:356px; padding:20px 6px 20px 20px; }
/* #sidebar_top {display:block; width:356px; height:205px; } */
/*
#sidebar_bottom {display:block; width:356px; height:41px; background: url(images/sidebar_bg_bot.png) no-repeat; }
#sidebar_bottom_clear {display:block; width:356px; height:41px; background: url(images/sidebar_bg_bot_clear.png) no-repeat; }
*/
.sidebar ul { list-style-type: none; width:356px; margin: 0 0 8px 0; padding: 0; color:#000; }
.sidebar h2 { margin: 0 0 5px 0; color: #ccc; width: 280px; border-bottom: 1px solid #cccccc;}

.sidebar a { color: #346; text-decoration: none; }
.sidebar a:hover { color: #346; text-decoration:underline; }


/*
.sidebar_rss {display:block; width:290px; height:90px; padding:20px; text-align:left; font: 12px/19px Arial; }
.sidebar_rss a { color: #fff; text-decoration: none;}
.sidebar_rss a:hover { color: #fff; text-decoration:underline; }
.sidebar_twitter {display:block; width:290px; margin:0 0 0 24px; text-align:left; font-size:14px; line-height:18px; }
*/


#search { display:block; height: 27px; margin-bottom:40px; }
#s { background: #fff; border:1px solid #000; width: 228px; height:27px; font-size:12px; line-height:27px; color: #888; padding: 0; float:left; }
#search_input { float:left; margin:8px 5px 0 0; }
#search_input_submit { float:left; margin:9px 0 0 0; }


.sidebar_headline { font: normal 15px/20px "Century Gothic"; }

/* Categories */
.categories {width:100%; display:block; margin-top:10px; }
.categories .cats { overflow:hidden; 
}
.categories .cats li {background:none; text-align:center; margin:4px 0 6px 0;}
.categories .cats li a {
display:block; 
width:334px; 
height:37px; 
text-decoration:none; 
background: #75828f url(images/cat-OFF.png) no-repeat top center; 
font-family: "Century Gothic", "Trebuchet MS", sans-serif; 
font-size: 18px; 
line-height: 37px; 
color:#fff; }
.categories .cats li a:active, .categories .cats li a:hover {text-decoration:none; background: url(images/cat-ON.png) no-repeat top center; }


.sidebar_instagram { width:350px; clear:both; text-align:left; margin:28px 0 15px 0; color:#000; }

/*
#sidebar_about_top {display:block; width:356px; height:36px; background:url(images/sidebar_about_top.png); }
#sidebar_about_mid {display:block; width:356px; min-height:100px;
background:url(images/sidebar_about_bg.png) repeat-y; }
*/

.about_tyler {display:block; border:1px solid #555; width:310px; min-height:100px; padding:12px; margin:4px 0 38px 18px; text-align:left; font-size:13px; line-height:18px; color:#000; background:#e5e5e5; }
.about_title {padding:0; margin:2px 0 16px 0; }

.ads {display:block; width:314px; min-height:150px; padding:10px; margin:0 0 0 18px; text-align:left; border:1px solid #555; background:#fff; }

#footer { clear: both; width:600px; height: 30px; margin:0 auto; }
/*
#footer p { text-align: center; font-size: 12px; position: relative; top: 40px; margin: 0; padding: 0;}
#footer a { color: #666666; text-decoration: none;}
#footer a:hover { color: #333333;}
*/

/* calendar style info deleted */

/* Recent
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sidebar .recent { padding:0; margin:0 0 35px 0; min-height:140px; font-size:13px; line-height:14px; }	
.sidebar .recent .tabs { overflow: hidden; margin-bottom:2px; width:360px; }
.sidebar .recent .tabs { height: 1%; }
.sidebar .recent .tabs li { float: left; background: none; }
.sidebar .recent .tabs li a { float: left; font: bold 15px/15px "Century Gothic"; color: #fff; padding: 5px 10px 0 10px; background:#F1F1F1 url(images/tabs-inactive.png) no-repeat top center; margin-right: 6px; letter-spacing: -1px; text-decoration: none; height:32px; }
.sidebar .recent .tabs li a.active, .sidebar .recent .tabs li a:hover { background: url(images/tabs-active.png) no-repeat top center; text-decoration: none; }
.sidebar .recent a, .sidebar .recent a:active, .sidebar .recent a:visited { color:#000; text-decoration: none;}
.sidebar .recent a:hover { color:#000; text-decoration: underline;}
/* .sidebar .recent .recentcomments a { color:#000; text-decoration:none; }
.sidebar .recent .recentcomments a:hover { color:#000; text-decoration:underline; }
*/
#tab-comments { display: none; margin-bottom: 1px; }
#tab-comments li { /*background: url(images/tabs-arrow.png) no-repeat left 10px;*/ margin:0 11px 0 2px; padding: 6px 8px 6px 2px; border-bottom:1px dotted #abc; }

.dsq-widget { 
font:normal 12px Arial, sans-serif; color:#000; 
}
#recentcomments .dsq-widget-user {
display:none; 
}
.dsq-widget-comment {
margin-left:6px; 
}

#tab-pop { margin: -10px 0 1px 5px; }
#tab-pop li { background: url(images/recent_posts_dot.png) no-repeat left 7px; line-height: 14px; padding: 6px 0px 2px 16px; margin-bottom:4px; }
#tab-archives { display: none; margin: -4px 0 1px 5px; font-size:11px; line-height:11px; }
#tab-archives li {list-style:none; }

.subscribe-left {display:inline; float:left; margin-right:20px; width:100px; height:100px; background:url(images/2011/rss-bubble.png); font:bold 11px/13px Arial, sans-serif; }
.subscribe-right {display:inline; float:left; margin-top:20px;  }
.feedburner-count {
position:relative; top:34px; left:12px;  
}