/*
Theme Name: BryanKWilliams.com
Theme URI: http://www.bryankwilliams.com/
Description: Custom Wordpress theme developed for BryanKWilliams.com
Version: 1.0
Author: Bryan Williams
Date: December 2009
Based on the Classic WordPress by Dave Shea || http://mezzoblue.com & Matthew Mullenweg || http://photomatt.net
Modified & completely redesigned by Shahee Ilyas || http://shaheeilyas.com
Modified completely again by Bryan Williams || http://www.bryankwilliams.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body{
	background: #fff url('images/bg.png');
}
/* --- Header Section --- */
.header{
	background: transparent url('images/header-bg.png') repeat-x;
	height:125px;
	overflow:visible;
}

.header,.footer{
		padding:0 30px;
		min-width:860px;
}
.header h1 a{
	background: transparent url('images/logo-beta.png') no-repeat 0 0;
	width:300px;
	height:60px;
	float:left;
	margin-top:19px;
}
.header ul.blog-btns{
	float:left;
	margin-top:34px;
	margin-left:59px;
}
.header ul.blog-btns li{
	float:left;
	margin-right:12px;
}
.header ul.blog-btns li a{
	float:left;
	background:transparent url('images/blog-buttons.png') no-repeat -205px 0;
	color:#eeeeee;
	padding:5px 8px;
	display:block;
	font-size:13px;
	text-transform:uppercase;
}
.header ul.blog-btns li a:hover,
.header ul.blog-btns li a.current{
	color:#fff;
	background-position:-205px bottom;
}
.header ul.blog-btns li.first a{background-position:0 0;}
.header ul.blog-btns li.first a:hover, .header ul.blog-btns li.first a.current{background-position:0 bottom;}

.header .login-box{
	float:right; 
	background: transparent url(images/login-bg.png) no-repeat;
	width:157px;
	height:77px;
	padding:0 5px;
}
.header .login p{
	font-size:11px;
	float:left;
	margin:0px 5px;
}
.header .login p a{
	font-size:12px;
	color:#cb7e25;
}
.header .login form{
        padding-top:2px;
}
.header .login form input{
	background:transparent none;
	border:0;
	color:#818181;
	font-size:11px;
	font-style:italic;
	margin-bottom:2px;
}
.header .login form label{
        display:none;
}
.header .login form input[type=password],
.header .login form input[type=text]{
        background:transparent url('images/login-input.png') no-repeat 0 0;
        padding:1px 5px;
        width:78px;
}
.header .login form input[type=submit]{
        background:transparent url('images/login-submit.png') no-repeat 0 0;
        width:88px;
        text-indent:-999px;
        overflow:hidden;
        cursor:pointer;
}
.header .login p.forgetmenot{
        font-size:10px;
        color:#444;
}
.header .login p.submit{
        clear:left;
}
.forgetmenot input{
        margin:0;
}
.header .login .fbconnect_login_button{
        background:transparent url('images/facebook.gif') no-repeat 0 0;
        text-indent:-999px;
        height:27px;
        width:27px;
        display:block;
        overflow:hidden;         
}
.header .login .links{
        font-size:11px;
}
.login-avatar{
        float:right;
        margin:14px 7px 0 0;
        display:inline;
}
.login-links{
        margin:14px 0 0 10px;
        font-size:14px;
        overflow:visible;
}
/* --- Navbar --- */
ul.nav{
	float:none;
	clear:left;
	overflow:visible;
}
ul.nav li{
	display:block;
	float:left;
	color:#fff;
	font-size:14px;
	position:relative;
}
ul.nav li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	padding:0 8px;
	background:transparent url('images/nav-border.gif') no-repeat;
	
}
ul.nav li:hover{background:transparent url('images/nav-border-hover.gif') repeat-x;}
ul.nav li form button,
ul.nav li a span{
	background:transparent url('images/nav-icons.png') no-repeat 0 1px;
	padding-left:24px;
}
ul.nav li a span.categories{background-position:0 -23px;}
ul.nav li a span.archive{background-position:0 -51px;}
ul.nav li a span.photos{background-position:0 -77px;}
ul.nav li a span.links{background-position:0 -105px;}
ul.nav li form button{
	background-position:0 -130px; 
	width:22px;
	height:17px; 
	border:0;
	cursor:pointer;
	float:right;
}
ul.nav li form label{
	float:left;
	margin:2px 5px 0 0;
}
ul.nav li.rss a span{background-position:0 -150px;}
ul.nav li.rss{float:right;}
ul.nav li.search{
	background:none;
	float:right;
	margin-top:5px;
}
ul.nav li.search form{
	float:right;
}
ul.nav li.search form input{
	background:transparent url('images/search-bg.gif') no-repeat;
	border:none;
	padding:2px;
	height:16px;
	width:138px;
	margin-right:3px;
	color:#818181;
	font-size:11px;
        float:left;
}
ul.nav li ul{
	display:none;
	width:177px;
	background:transparent url('images/nav-drop.gif') no-repeat 0 bottom;
	overflow:visible;
	position:absolute;
	top:29px;
	left:1px;
	padding-bottom:5px;
        z-index:10;
}
ul.nav li:hover ul{display:block;}
ul.nav li ul li{
	font-size:12px;
	display:block;
	float:none;
	background:transparent none;
	line-height:14px;
}
ul.nav li ul li:hover{background:none;}
ul.nav li ul li a{
	float:none;
	line-height:16px;
	padding:0 12px;
	margin-bottom:2px;
}
ul.nav li ul li a:hover{background:transparent none;text-decoration:underline;}
ul.nav li ul li ul{
         position:relative;
         top:0;
         left:10px;
         background:transparent none;
}
ul.nav li ul li ul li a{
         background:transparent none;
}
/* --- Content area --- */	
.main-content-wrapper{
	margin:0 30px;
	border:#aaa 1px solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: #000 0 0 20px -7px;
	-webkit-box-shadow: #999 0 0 8px;
	background:#fff url('images/main-grdnt.png') repeat-x;
	min-width:860px;
}
.main-content{
	padding:15px 20px;
}
.main-content h2{
	color:#e37200;
	font-size:24px;
	font-family:Helvetica,arial;
        margin-bottom:2px;
}
.main-content h2 a{
        color:#e37200;
        text-decoration:none;
}
.main-content .meta{
        border-bottom:1px dotted #ddd;
        font-size:12px;
}
.main-content .meta a{
        color:#444;
}
.main-content .meta a:hover{
        text-decoration:underline;
}
.main-content .ad{
        margin-bottom:10px
}
.main-content .post li,
.main-content p{
	margin-bottom:10px;
	color:#333;
	font-family:Helvetica, arial;
	font-size:14px;
	line-height:18px;
}
.main-content p.meta strong{
        font-size:12px;
        color:#333;
}
.main-content p strong{
        font-size:16px;
        color:#222;
}
.main-content p.meta span{
	display:inline-block;
	background:transparent url('images/comment-bubble.gif') no-repeat;
	padding-left:18px;
	color:#444;
	font-weight:bold;
	font-size:11px;
}
.main-content p span a{
        color:#444;
}
.main-content .post{
        border-bottom:2px solid #ddd;
        margin-bottom:15px;
        clear:left;
        position:relative;
        z-index:1;
}
.main-content .post ol li{
        list-style-type:decimal;
        list-style-position:inside;
        margin-left:15px;
}
.main-content .post ul li{
        list-style-type:disc;
        list-style-position:inside;
        margin-left:25px;
}
.family .digg,
.family .tweetmeme_button{
        display:none;
}
.post a{
         color:#E37200;
         text-decoration:underline;
}
.main-content .post p img,
.BLOG_video_class{
        float:left;
        clear: left;
        margin:0 10px 10px 0;
}
.prev a, .next a{
        background: transparent url('images/post-nav.gif') no-repeat 0 0;
        display:inline-block;
        text-indent:-999px;
        overflow:hidden;
        height:14px;
        width:12px;
}
.prev a{
        background-position:right 0;
}
.post-thumbnail{
        float:right;
        background-color:#EEEEEE;
        border:1px solid #DDDDDD;
        margin:0 0 10px 10px;
        padding:5px;
}
.index .post .post-thumbnail img,
.category .post .post-thumbnail img{
        display:block;
}
.index .post img,
.index .post .simplePullQuote,
.category .post img,
.category .post .simplePullQuote{
         display:none;
}
.index .family{
       background-color:#fffdd7;
}
.post #fotobook-album img{
       background-color:#EEEEEE;
       border:1px solid #DDDDDD;
       padding:4px;         
}
.page .main-content .post{
       border-bottom:0;
}
.navigation{
       height:35px;
       padding-top:6px;
}
.main-content .simplePullQuote{
       font-family:"Baskerville", Times New Roman, serif;
       float:left;
       border-top-color:#eaa35a;
       border-bottom-color:#eaa35a;
       margin:15px;
       margin-left:0;
       padding:15px 0;
       line-height:26px;
       width:250px;
       font-size:20px;
}
.main-content p.right{
       float:right;
       margin:15px;
       margin-right:0;
}
code{
       background-color:#f8f2ab;
       padding:15px;
       color:#333333;
       font-family:Helvetica,arial;
       font-size:14px;
       line-height:18px;
       margin:0 0 10px 25px;
       clear:both;
       width:50%;
       display:block;
       border:1px dotted #333;
}
/* --- Comments Section --- */
.comments{
        width:100%;
        overflow:visible;
        clear:both;
}
.comment-header{
        height:36px;
        background:url('images/comment-header-bg.png') repeat-x;
        overflow:visible;
        margin-bottom:5px;
}
.comment-header h6 a{
        background:transparent url('images/comment-header.png') no-repeat 0 0;
        width:497px;
        height:16px;
        float:left;
        text-indent:-999px;
        overflow:hidden;
        margin:9px 5px;
}
.comment-header div{
        width:42px;
        height:50px;
        background:transparent url('images/arrow-down.png') no-repeat 0 0;
        text-indent:-999px;
        float:right;
        margin:-8px 10px 0 0;
}
h2#comments{
        clear:left;
}
#commentlist li{
        padding-bottom:10px;
        margin-bottom:10px;
        border-bottom:1px solid #ddd;
        list-style-type:none;
}
.commentby{
        float:left;
        width:150px;
        margin:0 10px 10px 0;
}
.commentby p{
        font-size:10px;
}
.commentby p strong{
        font-size:14px;
}
.comments textarea{
        width:98%;
        height:125px;
        border:1px solid #666;
        color:#333333;
        font-family:Helvetica,arial;
        font-size:14px;
        line-height:18px;
        padding:5px;
}
.comments .fbc_connect_button_area{
        margin:0 0 5px 0;
        padding:0;
}
.comments .fbc_connect_button_area p{
        float:left;
        line-height:25px;
}
.comments .fbc_connect_button_area .dark{
        float:left;
        margin-right:10px;
}
/* --- Sidebar --- */
.sidebar-wrap{
	background:transparent url('images/sidebar-bg.png') repeat-y right;
 	-moz-border-radius-topright:10px;
 	-webkit-border-top-right-radius:10px;
 	-moz-border-radius-bottomright:10px;
 	-webkit-border-bottom-right-radius:10px;
        
}
.sidebar{
	width:314px;
	float:right;
	padding-top:7px;
}
.sidebar ul li ul{
        overflow:visible;
}
.sidebar .widget_sfc-status,
.sidebar .widget,
.sidebar .widget_twitter,
.sidebar .widget_rss{
	background:url('images/sidebar-widget.png') no-repeat 0 -1px;
	width:208px;
	height:56px;
	margin:0 auto 7px auto;
	padding:5px 10px 10px 79px;
	font-style:italic;
	font-size:12px;
        line-height:12px;
	font-family:Helvetica,arial;
        color:#3f4f74;
        overflow:hidden;
}
.widget_rss img{
         display:none;
}
.sidebar #twitter-1{
	background-position:0 -76px; 
	height:61px;
        color:#1e63a8;
}
.sidebar #twitter-1 a{
        color:#1e63a8;
}
.sidebar #twitter-2{
	background-position:0 -162px;
	height:63px;
        color:#1e63a8;
}
.sidebar #twitter-2 a{
        color:#1e63a8;
}
.sidebar #twitter-3{
	background-position:0 -247px;
	height:65px;
        color:#a20e0f;
}
.sidebar #twitter-3 a{
        color:#a20e0f;
}
.sidebar .scordit,
.sidebar #rss-4{
	background-position:0 -334px;
	height:65px;
        color:#8a902a;
}
.sidebar #rss-4 a{
        color:#8a902a;
}
.sidebar #rss-3{
	background-position:0 -421px;
	height:56px;
        color:#475264;
}
.sidebar #rss-3 a{
        color:#475264;
}
.sidebar #rss-5{
	background-position:0 -497px;
	height:65px;
        color:#f3291d;
}
.sidebar #rss-5 a{
       color:#f3291d;
}
.sidebar #nikeplus{
	background-position:0 -582px;
	height:56px;
        color:#f54800;        
}
.sidebar #nikeplus a{
        color:#f54800;        
}
.sidebar #nikeplus .credit{
        text-align:right;
        font-size:10px;
        font-weight:bold;
}
.sidebar .ads{
         width:120px;
         float:left;
         margin-left:10px;
         display:inline;
}
/* --- Footer --- */
.footer{
	height:136px;
	background: transparent url('images/footer-bg.png') repeat-x bottom;
	padding-top:26px;
}
.footer .box{
	background-color: rgba(244, 200, 150, 0.7);
	padding:8px 10px 15px 20px;
	height:87px;
	border:1px solid #e9caad;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: #999 0 0 20px -7px;
	-webkit-box-shadow: #999 0 0 6px;
}
.footer .box div .resume{
	background: transparent url('images/resume.gif') no-repeat 0 0;
	width:142px;
	height:38px;
	float:left;
}
.footer .box div .home{
	background: transparent url('images/home.gif') no-repeat 0 0;
	width:40px;
	height:34px;
	margin-left:3px;
	float:left;
}
.footer .box div p{
	background: transparent url('images/latest-work.png') no-repeat 0 0;
	width:171px;
	height:64px;
	clear:left;
}
.footer .box div{
	float:left;
	margin-right:4px;
}
.footer div ul{
	overflow:hidden;
	height:94px;
}
.footer div ul li{
	float:left;
	margin-left:3px;
	display:inline;
}
.footer div ul li a{
	border:2px solid #e7b27a;
	float:left;
}
.footer div ul li a:hover{
	border-color:#999;
}
.footer form{
	margin-left:10px;
	margin-right:5px;
	display:inline;
	width:305px;
	float:right;
}
.footer form textarea,
.footer form input{
	border:1px solid #c6a17b;
	background-color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow: #000 0 0 20px -7px;
	-webkit-box-shadow: #999 0 0 8px;
	font-family:Helvetica,arial;
	font-size:14px;
	color:#a6a3a3;
	font-style:italic;
	padding:7px 2px 2px 2px;
}
.footer form input{
	float:left;
}
.footer form input.name{
	width:117px;
	margin-right:3px;
}
.footer form input.subject{width:173px;}
.footer form textarea{
        width:299px;
        height:62px;
}
.footer form input.captcha{width:65px;}
.footer form button{
	font-family:Helvetica,arial;
	font-size:17px;
	color:#fff;
	background:transparent url('images/send-bg.gif') no-repeat right bottom;
	border:0;
	padding:6px 36px 2px 0;
	float:right;
	margin-top:2px;
	cursor:pointer;
}
.footer br{display:none;}
.footer2,
.footer2 div{
        overflow:visible;
}
/* --- Digg icon --- */
.digg a{
        position:absolute;
        background:transparent url('images/share-icons.gif') no-repeat left 0;        
        height:18px;
        width:90px;
        top:24px;
        right:60px;
        text-indent:-999px;
        overflow:hidden;
}
.page .main-content .digg{
        display:none;
}
#fb_share_1{
        float:right;
        margin-top:-33px;
        height:18px;
        width:57px;
}
#fb_share_1 a span{
        background:transparent url('images/share-icons.gif') no-repeat right 0;
        height:18px;
        width:57px;
        overflow:hidden;
        text-indent:-999px;
        display:block;
}
#fb_share_1 a span span{
        display:none;
}
/* --- Facebook Logged in --- */
.fbc_profile_header {
        background:transparent none repeat scroll 0 0 !important;
        border:0 !important;
        width:158px !important;
        margin:2px 35px 0 0;
        font-size:14px;
}
.fbc_profile_header a{
        color:#E37200;
        text-decoration:underline;
}