/*
Theme Name: Brian Fanle
Theme URI: http://
Description: standard
Author: standard
Author URI: http://ambot
Tags: standard
	standard v1.0
*/

/* NEW STYLES */

.alignleft {float:left; margin:0 10px 10px 0;}
.alignright {float:right; margin:0 10px 10px 0;}
.floatfix {overflow:hidden;}
.borderbottom {border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
.marginbottom {margin-bottom:20px;}
.halfwidth {width:40%;}


*{	border:none; padding:0; margin:0; font-family:helvetica; text-decoration:none; } /* RESET ELEMENTS */

body {background:#020b1c url(images/header.jpg) no-repeat top center;}

h2.pagetitle {margin-bottom:15px;}

/* TYPOGRAPHY AND COLORS */

p.tags {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #F2F2F2;
font-size:12px !important;
font-weight:bold;
margin-bottom:4px !important;
padding:11px;}

p.tags a {color:#444444;
font-style:italic;
font-weight:normal;}

p.tags a:hover {border-bottom:1px dotted #444444;}

.bootcamp {position:absolute;
right:0;
top:0;}

.arrow {bottom:23px;
position:absolute;
right:-55px;}

#samsarin-php-1 {padding-bottom:5px !important;
padding-top:165px !important;
overflow:visible !important;}

#execphp-6 {overflow:visible !important;}



a:visited {color:#00c2fc; }

a:link {text-decoration:none;
color:#00c2fc;}

a:hover {color:#96AFB4;}

h1.title {
color:#0D0E16;
font-family:helvetica;
font-size:23px;
font-weight:normal;
letter-spacing:-0.2px;
line-height:26px;}

h1.title a, h1.title a:visited, h3 a:link, h3 a:visited {color:#0D0E16;
font-weight:normal;
text-decoration:none;}

h1.title a:hover, h3 a:hover {color:#00C2FC;}

#content h3 a:link {font-weight:normal; margin-bottom:3px;}

.entry p {color:#3E3E3E;
font-family:helvetica;
font-size:13px;
line-height:18px;
margin-bottom:19px;}

small {}

h3 {margin-bottom:6px;}


a.read-more, a.more-link {font-style:italic;}

img.headline {margin-bottom:12px;}



/* LAYOUT */

#wrapper {
margin:0 auto;
padding-bottom:60px;
position:relative;
width:945px;}

#header {padding-top:95px;}

#logo {}

#search-wrap {}

#page {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin-top:72px;
position:relative;}

#content {
background:#FCFCFC none repeat scroll 0 0;
float:left;
margin-bottom:70px;
min-height:900px;
padding:20px;
position:relative;
width:550px;}


#footer {bottom:-25px;
color:#CCCCCC;
font-family:helvetica;
font-size:11px;
left:0;
position:absolute;
text-transform:uppercase;}

#content .post, #content .page {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E2E2E2;
margin-bottom:21px;
padding:7px 10px;
position:relative;}

#content .postdate {
background:transparent url(images/date.jpg) repeat-y scroll right top;
padding:6px 3px 6px 0;
position:absolute;
right:569px;
text-align:center;
top:0;
width:55px;}

.postdate span.day {
color:#FFFFFF;
font-family:helvetica;
font-size:31px;
font-weight:bold;
line-height:31px;}
.postdate span.month {
color:#FFFFFF;
font-family:helvetica;
font-size:18px;
line-height:13px;
text-transform:uppercase;}

#content .entry {margin-top:7px;
overflow:hidden;}

#post-17 .entry .left, #post-17 .entry .right {margin-bottom:15px;}



#content .postmetadata {
font-size:10px;
margin:7px 0;}


/* SIDEBAR */

#flvplayer21949 {height:215px;}

#speech-bubble {left:-14px;
position:absolute;
top:0;}

#sidebar {
background:#E6EAEB url(images/background-sidebar.jpg) repeat-y scroll left top;
border-right:1px solid #FFFFFF;
float:left;
margin-top:89px;
width:348px;}

.module {padding:15px 10px;}

.border {background:transparent url(images/background-border.jpg) no-repeat scroll right bottom;}

#sidebar p {
color:#585858;
font-family:helvetica;
font-size:12px;
line-height:16px;
margin:0 0 10px;}

#sidebar a.side-link {
color:#96AFB4;
font-family:helvetica;
font-size:11px;
font-style:italic;
font-weight:bold;
text-transform:uppercase;}

#sidebar ul {
clear:both;
position:relative;}

#sidebar ul li ul {overflow:hidden;}

ul#samsarin-php-1 {overflow:visible;}

#sidebar ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:11px 11px 21px;
position:relative;
overflow:hidden;}

#sidebar ul.twitter li {background:#020B1C none repeat scroll 0 0;
float:right;
padding:8px;
width:225px;
overflow:visible !important;}

#sidebar ul.twitter li p {color:#fff;}

ul.twitter img {float:left;}

#sidebar ul li ul li {background:none; padding:0;}
#sidebar li.widget ul li {font-size:13px;
margin-bottom:14px;}
#sidebar li.widget ul li a {font-size:13px;}
#sidebar li.widget ul li a:hover {}

#sidebar li.widget_categories ul li {border-bottom:1px dotted #CCCCCC;
color:#222222;
float:left;
font-size:13px;
margin-bottom:10px;
padding-bottom:8px;
width:49%;}

#sidebar ul li.widget {border-bottom:1px solid #CCCCCC;
border-top:1px solid #FFFFFF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
padding:11px 11px 21px 29px;
position:relative;}

h2.widgettitle {font-family:"futura",helvetica;
font-size:18px;
font-weight:bold;
letter-spacing:-0.7px;
margin-bottom:10px;
padding-top:3px;
text-transform:uppercase;}

#sidebar ul li div {}

#rss-link {display:block;
position:absolute;
right:26px;
top:-20px;}


/* NAVIGATION */

.menu {float:left; height:32px;}
.menu ul { float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0;}
.menu ul li {
background:#edeef0 url(images/hvr1.jpg) repeat-x scroll center bottom;
display:block;
float:left;
height:24px;
margin-right:5px;
padding:8px 10px 0;
text-align:center;}

.menu ul li.current_page_item {
background:#fcfcfc;
}

.menu ul li a, .menu ul li a:link{
	color:#999999;
	font-family:Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	text-transform:uppercase;
}
.menu ul li a:hover, .menu ul li.current_page_item a { 
color:#000000;
text-decoration:none;
	 }
	 
#ie-hack {
background:#F8FBFB none repeat scroll 0 0;
clear:both;
display:block;
height:10px;
width:550px;}

/* FORMS */

#form {}

form {}

label {color:#585858;
display:block;
float:left;
font-family:helvetica;
font-size:12px;
margin-bottom:10px;
padding-top:8px;
width:45px;}

input {border:1px solid #BBBBBB;
height:15px;
margin-bottom:12px;
padding:7px 5px 3px;}

input.signup-btn1 {
background-color:#00B8F6;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border:medium none;
color:#FFFFFF;
float:right;
height:22px;
margin-bottom:0;
margin-right:67px;
padding-top:3px;
text-transform:uppercase;
}

/* EXTRAS */

.clear {clear:both;}

.left {float:left;}

.right {float:right;}

.center {margin:0 auto;}

/* COMMENTS */


/* COMMENTS STYLES */

#commentsWrap {
background:#F1F1F1 none repeat scroll 0 0;
border:1px solid #DCDDDD;
margin-bottom:30px;
margin-top:32px;
padding:16px;}

ol.commentlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:100px;}

ul.children {list-style-type:none;}

ul.children li {border-left:1px solid #E2E2E2;
padding-left:20px;}

ol.commentlist li {}

div.comment-wrap {
background:#FCFCFC none repeat scroll 0 0;
border:1px solid #E2E2E2;
font-size:12px;
line-height:16px;
margin-bottom:25px;
margin-top:25px;
min-height:80px;
padding:10px 10px 40px;
position:relative;}

div.comment-wrap img.avatar {border:medium none;
margin-bottom:6px;
right:0;
top:0;}

div.comment-meta {height:60px;
line-height:13px;
width:90px;}

div.comment-author {position:absolute;
right:425px;
top:0;}

div.comment-meta a, div.comment-meta {font-size:11px;
line-height:18px;}

div.comment-meta .date {color:#AAAAAA;
font-size:10px;
line-height:13px;}

div.comment-meta .time {color:#AAAAAA;
font-size:11px;
line-height:15px;}

div.comment-text {}

div.reply {
bottom:7px;
position:absolute;
right:7px;}

div.reply a {background:#F3F3F3 none repeat scroll 0 0;
color:#999999;
display:block;
font-size:10px;
font-weight:bold;
padding:3px 7px;
text-transform:uppercase;}

div#respond {
margin-top: 35px;}

div#commentsWrap h3 {
border-bottom:1px solid #E2E2E2;
font-weight:normal;
margin-bottom:19px;
padding-bottom:6px;}

#commentform {position:relative;}

#commentform textarea {
background-color:#FFFFFF;
border:1px solid #C6C6C6;
color:#333333;
font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:140px;
line-height:1.4em;
margin:3px 0 0;
padding:5px 10px 5px 5px;
width:496px;}

#commentform .input {background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CED0D0;
color:#5F6565;
display:block;
font-family:Tahoma,Arial,Helvetica,sans-serif;
margin-bottom:10px;
padding:4px 5px;
}

#commentform #submit {
background:#00B8F6 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:30px;
padding:0;
position:absolute;
right:0;
text-transform:uppercase;
top:0;
width:128px;}

#commentform label {width:65px;}


/* TOP PANEL */

/* sliding panel */
#toppanel {
font-size:130%;
position:absolute;
right:0;
text-align:center;
top:0px;
width:320px;
z-index:999;
}
 
#panel {
	background:#181A1C none repeat scroll 0 0;
border:1px solid #707071;
color:#999999;
display:none;
height:50px;
overflow:hidden;
position:relative;
right:0;
top:-1px;
width:100%;
z-index:3;
}
 
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
	text-align: left;
}
 
#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}
 
#panel p {
	margin: 5px 0;
	padding: 0;
}
 
#panel a {
	text-decoration: none;
	color: #15ADFF;
}
 
#panel a:hover {
	color: white;
}
 
#panel a-lost-pwd {
	display: block;
	float: left;
}
 
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
 
#panel .content {
font-size:0.85em;
margin:0 auto;
padding-top:3px;
text-align:left;
width:100%;}
 
#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
}
 
#panel .content .border {
	border-left: 1px solid #333;
}
 
#panel .content .narrow {
	width:120px !important;
}
 
#panel .content form {
	margin: 0 0 10px 0;
}
 
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}
 
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
 
#panel .content input:focus.field {
	background: #545454;
}
 
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
 
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}
 
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}
 
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
 
/* Panel Tab/button */

.search-box {overflow:hidden;
padding:10px;}

.search-box input {
float:left;
margin-left:4px;
margin-right:1px;
/width:190px;}

input#searchsubmit {background-color:#00B8F6;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border:medium none;
color:#FFFFFF;
float:right;
height:22px;
margin-bottom:0;
margin-right:4px;
text-transform:uppercase;
/width:75px;}

.tab {
height:42px;
position:relative;
top:-2px;
z-index:9999;
}
 
.tab ul.login {
	clear:right;
display:block;
float:right;
font-size:80%;
font-weight:bold;
height:42px;
line-height:42px;
margin:0;
position:relative;
right:0;
}
 
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
}
 
.tab ul.login li a {
	color: #15ADFF;
}
 
.tab ul.login li a:hover {
	color: white;
}
 
.tab .sep {color:#414141}
 
.tab a.open, .tab a.close {
	cursor:pointer;
display:block;
height:28px;
line-height:20px !important;
position:relative;
top:0;
width:39px;
}
 
.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -28px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -28px;}