<!--

/*  
Theme Name: Brian M Hansen
Description: A theme for Brian Hansen
Version: 1.0
Author: CCG
Author URI: http://www.campcreativegroup.com
*/


body {
	background:					#000 url(./images/bg.jpg) no-repeat center 27px;
	margin:						0;
	padding:					0;
	font:						13px 'Helvetica','Arial';
	line-height:				15px;
}

img {
	display:					block;
	border:						0;
}

h2 {
	font:						20px 'Helvetica';
	color:						#8facf4;
	margin:						0;
	clear:						left;
}

a {
	color:						#647FB2;
	text-decoration:			none;
}
a:hover {
	text-decoration:			underline;
}

.alignleft {
	float:						left;
}
.alignright {
	float:						right;
}

.alignleft a, .alignright a {
	color:						#fff;
	text-decoration:			none;
}

.alignleft a:hover, .alignright a:hover {
	color:						#fff;
	text-decoration:			underline;
}

#content img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

#content img.alignright {
		padding: 10px;
		margin: 0 0 2px 7px;
		display: block;
		float: right;
		}

#content img.alignleft {
		padding: 10px 0;
		margin: 0 7px 2px 0;
		display: inline;
		float: left;
		}

.clear {
	clear:						both;
}

.postmetadata {
	font-size: 10px;
	color: #647fb2;
	text-align: right;
}

.postmetadata a {
	color: #4876FF;
}

#top-bar {
	background-image:			url(./images/top-bar.jpg);
	background-repeat:			repeat-x;
	height:						26px;
	border-bottom:				1px solid #928c7a;
}

.wrapper {
	margin:						0 auto;
	width:						900px;
}

.pad {
	padding:					15px 10px 0 10px;
}

#head {
	height:						105px;
}
#head ul {
	position:					relative;
	list-style:					none;
	margin:						58px 0 0;
	padding:					0 20px 0 20px;
	float:						right;
	overflow:					hidden;
	left:						42px;
}
#head ul li {
	float:						left;
}
#head ul li a {
	float:						left;
	display:					block;
	position:					relative; 
	overflow:					hidden;
	margin:						0 2px;
	padding:					5px 7px;
	color:						#fff;
	outline:					none;
	font-size:					14px;
	text-decoration:			none;
	z-index:					10;
}
#head ul li.back {
	position:					absolute;
    background:					url("./images/lava.gif") no-repeat right -28px;
    width:						9px; 
	height:						28px;
    z-index:					8;
}
#head ul li.back .left {
    background:					url("./images/lava.gif") no-repeat left -1px;
    height:						28px;
	margin-right:				9px;
}

#img-holder {
	background-image:			url(./images/img-holder.png);
	width:						900px;
	height:						357px;
}
#img-holder #master0 {
	margin:						0 auto;
	text-align:					center;
}
#img-holder img {
	padding-top:				7px;
}

#content-area {
	margin:						42px 0 50px;
}


#content2 {
	float:						left;
	width:						900px;
	color:						#e0e0df;
	line-height:				18px;
}
#content2 .post {
	margin-bottom:				40px;
}
#content2 h2 {
	color:						#8facf4;
	margin:						0;
	font:						29px 'Arial';
}
#content2 .hr {
	background:					transparent url(./images/line.png) no-repeat;
	width:						501px;
	height:						6px;
	margin-bottom:				20px;
}
#content2 p {
	margin-left:				10px;
	margin-bottom:				20px;
}

#content2 a, .categories a, .archives a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#content2 a:hover, .categories a:hover, .archives a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #647fb2;
}

#content {
	float:						left;
	width:						510px;
	color:						#e0e0df;
	line-height:				18px;
}
#content .post {
	margin-bottom:				40px;
}
#content h2 {
	color:						#8facf4;
	margin:						0;
	font:						29px 'Arial';
}
#content .hr {
	background:					transparent url(./images/line.png) no-repeat;
	width:						501px;
	height:						6px;
	margin-bottom:				20px;
}
#content p {
	margin-left:				10px;
	margin-bottom:				20px;
}

#content a, .categories a, .archives a {
	color: #4876FF;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#content a:hover, .categories a:hover, .archives a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #647fb2;
}

small {
	font-size: 9px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #c5d5fd;
}

#sidebar {
	float:						right;
	width:						286px;
}
#sidebar ul {
	list-style:					none;
	margin:						0;
	padding:					0;
}

#sidebar ul.twitter {
	background-color:			#2a2726;
	width:						256px;
	margin-left:				28px;
	padding:					18px 0 10px;
	font-size:					11px;
}
.widget_twitter h2.widgettitle {
	position:					relative;
	background:					transparent url(./images/latest-tweets.png) no-repeat;
	width:						286px;
	height:						41px;
	margin-bottom:				-14px;
	z-index:					2;
}
ul.twitter li {
	margin:						0 auto;
	width:						210px;
	color:						#c5d5fd;
}
ul.twitter li span.twitter-timestamp {
	display:					block;
	margin-bottom:				20px;
	text-align:					right;
	color:						#647fb2;
}

.archives, .categories {
	margin:						10px 0 10px 35px;
	float:						left;
}
.archives ul li, .categories ul li {
	float:						left;
	margin:						0 0 4px 12px;
	width:						112px;
}

#foot {
	border-top:					1px solid #928c7a;
	background:					#5c5c5c url(./images/bg-foot.jpg) repeat-x;
	height:						310px;
}
#foot h2 {
	color:						#0d0d0d;
}

#latest-entries {
	float:						left;
	width:						494px;
	margin-bottom:				20px;
}
#latest-entries ul {
	list-style:					none;
	margin:						0;
	padding:					0;
}
#latest-entries li a {
	display:					block;
	margin:						0 10px;
	padding:					10px 0 10px 10px;
	border-top:					1px solid #7e7e7e;
	border-bottom:				1px solid #2b2b2b;
	width:						394px;
	color:						#f0f0f0;
	text-decoration:			none;
}
#latest-entries li a:hover {
	color: #fff;
	background-color: 			#565551;
}

#connect {
	float:						left;
	width: 300px;
}
#connect p img {
	display:					inline;
	margin-right:				6px;
}
#connect p a {
	color:						#c5c4c4;
	text-decoration:			none;
	font-size:					12px;
}
#connect p a:hover {
	text-decoration:			underline;
}

#copyright {
	float:						left;
	width:						250px;
	color:						#1f1f1f;
	font-size:					11px;
}
#ct {
	float:						right;
	margin-top:					-10px;
}



/** sifr **/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}




h3#comments {
	color:#647fb2;
}

.commentlist {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 60px;
}

ul.commentlist {
	list-style: none;
}

.commentlist cite {
	font-size: 18px;
	text-transform: none;
}

.commentlist img.avatar {
	float: right;
	border: 3px solid #333;
	margin-top: -10px;
}

.commentlist span.author {
	font-size: 14px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #8CC9D0;
}

.commentlist a {
	color: #d2bba9;
	text-decoration: none;
}

.commentlist a:hover {
	border-bottom: 1px solid #333;
}

.commentlist li {
	border-bottom: 1px solid #333;
	padding: 30px;
}

.commentlist li.authcomment {
	border-bottom: 1px solid #333;
	padding: 30px 10px 30px 10px;
}

small.commentmetadata {
	margin-top: 10px;
	margin-bottom: 10px;
}

.commentlist p {
	padding-bottom: 15px;
	line-height: 18px;
}

.commenttext {
	border-top: 1px solid #f2e7de;
	display: block;
	padding-top: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#commentform textarea {
	width: 500px;
	border: 1px solid #666;
	color: #fff;
	background-color: #333;
	font-size: 16px;
	padding: 2px;
}

#commentform input.txt {
	width: 200px;
	border: 1px solid #666;
	color: #fff;
	background-color: #333;
	font-size: 18px;
	padding: 2px;
}

#commentform label {
	font-size: 12px;
}

#commentform p {
	padding-top: 5px;
}

#commentform input.btn {

}

#commentform input.btn:hover {
	background: #fbf7f4;
	padding: 5px;
	border: 1px solid #d2bba9;
}

.commentlogin {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 15px;
}

.commentlogin a {
	color: #d2bba9;
	text-decoration: none;
}

.commentlogin a:hover {
	border-bottom: 1px solid #f2e7de;
}




// -->