/*  
Theme Name: Ben Barnes Online
Description: Theme made exclusively for Ben Barnes Online!
Theme URI: http://benbarnesonline.net
Copyright: Anna @ www.lunzul-graphics.com
Author: Anna Guevara
Author URI: http://www.lunazul-graphics.com
*/


* {
padding: 0px;
margin: 0px;
}

body {
margin: 0px;
text-align:center; 
background: #03020f url('images/bg-main.jpg') repeat-x;
} 

body, div, table {
font-family: 'Trebuchet MS'; 
font-size:11px; 
color:#9e9ac8;
vertical-align: top;
}

#container {
	margin: 0px auto;
	text-align: justify;
	width: 1024px;
}

#content { 
	position: relative;
	width: 485px;
	top: -120px;
	float: left;
	margin-left: 20px;
	padding: 0px;
	z-index:1;
} 
#sidebar { 
	width: 300px; 
	float: left;
	margin-top: 5px;
	margin-left: 140px;
	padding: 3px;
	padding-bottom: 5px;
}

#footer {
	height: 10px;
	clear: both;
}


.news {
padding:0px;
margin:0px;
width: 485px;
}


.title {
background: url('images/news-header.jpg') top left no-repeat;
float: left;
width: 485px;
font: normal 16px 'Trebuchet MS'; 
color: #FFFFFF;
text-align: center;
padding-top: 5px;
padding-bottom: 25px;
padding-right: 20px;
}

.meta {
color: #FFFFFF;
font: normal 10px 'Trebuchet MS'; 
text-align: left;
padding-top: 3px;
}

.footer {
background: #312d6f;
width: 485px;
height: 35px;
-moz-border-radius:  8px; 
-webkit-border-radius: 8px;
}

.date {
float: left;
display: inline;
text-align: center;
width: 60px;
color: #FFFFFF;
padding-right: 10px;
}

.date .month {
display: block;
text-align: center;
font: normal 10px 'Trebuchet MS'; 
text-transform: uppercase;
}

.date .day {
display: block;
text-align: center;
font: bold 22px 'Trebuchet MS';
margin-top: -5px;
}


.newsbody {
width: auto;
vertical-align: top;
text-align: justify;
padding:10px;
}


h1 {
color: #FFFFFF;
background: #312d6f;
font: normal 12px Arial; 
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
}

h2 {
color: #312a7e;
font: bold 8px Tahoma;
letter-spacing: 1px;
text-transform: uppercase;
padding: 1px;
padding-right: 5px;
text-align: right;
padding-bottom:10px;
}

h3 {
font: normal 11px 'Trebuchet MS'; 
color: #FFFFFF;
background: #312a7e;
text-align: center;
padding: 3px;
}

 
a {cursor: default; text-transform: none; font-weight: bold; text-decoration:none; }  
a:link, a:visited {color:#30266f;}
a:hover{ color:#FFFFFF; text-decoration:underline; }
a:active { color:#30266f;}

.meta a:link, .meta a:visited, .meta a:active {color:#13112e;}


blockquote {
	font: normal 11px Tahoma;
	background: #8580b7;
	text-align: justify;
	color: #03020f;
	padding: 15px;
	margin: 25px;

}


textarea, input, select, button, submit {
	border: 0px;
	color: #03020f;
	background: #8580b7;
	font: normal 10px Tahoma;
	padding:5px;
}

img {
       border: 0px;
}

a img{
        border:1px solid #8580b7;
        margin: 2px;
        -moz-border-radius:  3px; 
        -webkit-border-radius: 3px; 
} 

a:hover img {
        border:1px solid #FFFFFF;
        margin: 2px;
        -moz-border-radius:  3px; 
        -webkit-border-radius: 3px; 
}

a img#link  {
        margin: 0px;
        padding: 0px;
        BORDER: 0px;
}
a:hover img#link {
        margin: 0px;
        padding: 0px;
        BORDER: 0px;
}

b { color: #FFFFFF;}

i { color: #5e57ae; }

u { color: #28213f;}

s { color: #999999; font-style: italic;}


UL {PADDING-LEFT: 30px; PADDING-TOP: 15px; PADDING-BOTTOM: 15px; LIST-STYLE:square;}

.clearing {
clear:both;
}