/*
Theme Name: Ben Barnes Fan
Theme URI: http://benbarnesfan.com/
Description: Layout specifically designed for <a href="/">this</a> website.
Version: 11
Author: Tran N.
Author URI: http://transfixx.com/
*/

body {
	background: #101219 url(images/v11_bg.jpg) repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #848988;
}

/*
------------------------
*/

a {
	text-decoration: none;
	font-weight: bold;
	color: #c7b590;
}
a:hover {
	color: #d2d9d4;
}
b, strong {
	color: #7e6234;
}
em, u, i {
	color: #d2d9d4;
}
a img {
	border: 3px solid #1a1c26;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
a:hover img {
	border: 3px solid #22242f;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
table, tr, td {
	font-size: 12px;
}
textarea, input, select, button {
	background: #191c26;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #848988;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
blockquote {
	background: #1d202c;
	border-left: 1px solid #232735;
	border-bottom:  1px solid #232735;
	text-align: justify;
	color: #9a9582;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
------------------------
*/

#sidebar {
	background: #101219 url(images/v11_13.jpg) no-repeat;
	width: 285px;
	height: 100%;
	vertical-align: top;
}
#sidebar h2 {
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-weight: lighter;
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
	color: #a5916f;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#sidebar div.main {
	background: #0d0f14;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px 0px 10px 0px;
}
#sidebar div.maintext {
	font-size: 12px;
	text-align: justify;
	color: #5c5f67;
}
#sidebar a {
	color: #859cab;
}
#sidebar a:hover {
	color: #ffffff;
}
#sidebar b, #sidebar strong {
	color: #969187;
}

/*
------------------------
*/

#contents {
	background: #101219 url(images/v11_15.jpg) no-repeat;
	width: 500px;
	height: 100%;
	vertical-align: top;
}
#contents h2 {
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-weight: lighter;
	font-size: 23px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #0d0f14;
	letter-spacing: -1px;
	color: #b3bdca;
	margin: 0px;
}
#contents div.entrymeta {
	font-size: 11px;
	font-weight: bold;
	color: #b6a684;
	margin: 0px 0px 10px 0px;
}
#contents div.main {
	background: #13151e;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px 0px 10px 0px;
}
#contents div.maintext {
	text-align: justify;
}
#contents a.fb {
	color: #859cab;
}

/*
------------------------
*/

#page h2 {
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #0d0f14;
	letter-spacing: -1px;
	color: #b3bdca;
	margin: 0px 0px 10px 0px;
}
#page p.nav {
	background: #171923;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
------------------------
*/

#ad {
	background: #13161b url(images/v11_01.jpg) no-repeat;
	width: 819px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
#nav {
	background: #3f4347 url(images/v11_02.jpg) no-repeat;
	width: 819px;
	height: 45px;
	text-align: center;
	vertical-align: middle;
}
#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #212326;
	margin-right: 15px;
	color: #e1e8e3;
}
#nav a:hover {
	color: #cdba95;
}
#introduction {
	background: #313022 url(images/v11_05.jpg) no-repeat;
	width: 322px;
	height: 114px;
	font-size: 11px;
	font-weight: bold;
	color: #b9bab1;
	text-align: justify;
	text-shadow: 2px 2px 2px #000001;
}
#latestphotos {
	background: #56595f url(images/v11_09.jpg) no-repeat;
	width:322px;
	height: 126px;
	vertical-align: middle;
	text-align: center;
}
#latestphotos a img {
	border: 1px solid #818589;
	width: 47px;
	height: 50px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#latestphotos a:hover img {
	border: 1px solid #b2b7bc;
	width: 47px;
	height: 50px;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#separator {
	height: 100%;
	vertical-align: top;
}