/*
Theme Name: Chocolate
Theme URL: http://mariobarrett.us
Version: 1.0
Author: George Otiono
Author URL: http://jamesblaze.us

	


*/



body {
font-family : Verdana, Arial,Tahoma;
font-size : 11px;color : #000000;
background: #F8F3ED url("images/bg.jpg");
background-repeat: repeat-x;


margin:0; padding:0; 
}

a {color : #000000;text-decoration : none;}
a:hover {text-decoration : underline; color: #ffffff}
img {margin:0; padding:0;}
a img {border:0;}
em {color : #D69758;}
strong {color : #B57A3D;}
p {padding : 5px 0;margin : 0;}
h2, h3 {margin:0; padding:10px 0 0 0; font-size:14px; color: #000000}
h2, h3 a {text-decoration : none; color: #ffffff}
h2, h3 a:hover {text-decoration : none; color: #000000}
h4 {margin:0; padding:5px 0 0 0; font-size:12px;}
h5 a {text-decoration : none; color: #ffffff}
h5 a:hover {text-decoration : underline; color: #C8C554}
sidebar { font-family : Verdana, Arial,Tahoma; font-size : 20px;color : #DED90C;}


h2 {text-align:center;}
/*  ====================== Page Structure ======================= */
#wrapper {width : 940px; margin:0 auto;}
#header {width : 957px; height:510px}
#content{width : 660px; float:left; margin:0;padding:0 15px;}
#footer-wrapper {width : 100%; margin:0 auto  10px auto;background : #0D0D0D ;}
#footer {width : 957px;background : url(images/footer.png) no-repeat;height:200px;padding:0px 20px;}

/*  ====================== Header ======================= */
.sform-top {padding:18px 0 0 0;height:22px;}
.sform-page {padding:30px 120px;height:22px;}
.sform form {margin:0; padding:0;}
.sform form input {margin:0; padding:0;float:left;border:0 none;}
.sform form input.txt{background:url(images/sf-bg.gif) repeat-x; padding:14px 0; width:120px; height:16px;color:#fff;}



h1 {margin:0;padding:65px 0 0 345px;font-size:50px; line-height:60px;color:#fff;font-weight:normal;font-family : Arial,Tahoma, Arial, Verdana;}
h1 a, h1 a:hover {text-decoration:none;color:#fff;}

/*  ====================== Navigation bar ======================= */
#nav1 {float:left;background : url(images/nav-left.gif) no-repeat top left;width:534px;height:44px;padding: 0 0 0 76px;}
.sform {float:right;background : url(images/nav-rt.gif) no-repeat top right;width:154px;height:44px; padding: 0 85px 0 0;}

/* --------- Navigation -------- */
#nav1 ul{margin:0; padding:0;list-style:none;}
#nav1 li{margin:0; padding:0 7px;font-size:12px;list-style:none;height:33px;float:left; display:inline;font-family : 'Trebuchet MS', Verdana, Arial;background:url(images/li-bg.gif) no-repeat;}
#nav1 li a {color:#fff;height:33px;text-decoration:none;width:99px;display:block;line-height:33px;text-align:center; background:url(images/nav-btn.gif) no-repeat;margin:5px 0;}
#nav1 li a:hover {color:#fff;text-decoration:none;background:url(images/nav-btn.gif) no-repeat 0 -33px;}
#nav1 li.home {background:none;padding:0 8px 0 0;}
#nav1 li.home a {color:#fff;text-decoration:none;background:url(images/nav-btn.gif) no-repeat 0 -33px;}

/* ==================================Sociable=============================== */
.sociable {
background-color: #D1CAC2;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
width : 90%
}

.sociable a img {
border: 0px solid #ffffff;
opacity:1;
filter: alpha(opacity=100);
 -moz-opacity: 1;
}

.sociable a img:hover {
border: 0px solid #ffffff;
opacity:.70;
filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

.sociable ul {
	float: center;
	margin: 0 0 0 10px;
	list-style: none;
}

.sociable ul li {
	float: center;
	margin: 0 0 0 5px;
}




/*  ================================= Conatent ============================= */

/* -------------------------- Posts ----------------------------- */
.post { padding-bottom:15px;}
.post-title h2{margin:0; padding:35px 0 2px 5px;color:#000000;font-size:12px;line-height:12px;border-bottom:1px solid #000000;font-weight:normal;text-align:center;width:600px;}
.post-title h2 a{color:#ffffff;text-decoration:none; text-align:center}
.post-title h2 a:hover{color:#ffffff;text-decoration:underline; text-align:center}
.post-title h4{margin:0; padding:2px 0 2px 5px;color:#ffffff;font-size:12px;font-weight:normal;text-align:left;width:550px;}
.post-title h4 a{color:#000000;text-decoration:none;}
.post-title h4 a:hover{color:#ffffff;text-decoration:underline;}
.post-title {background:url(images/post-top.png) no-repeat;height:139px;padding:0px 11px 0px 11px;}
.post-title2 {background:url(images/post-top2.png) no-repeat;height:70px;padding:0px 11px 0 11px; width:650px;}
.post-title2 h2{margin:0; padding:15px 0 2px 0;color:#000000;font-size:15px;line-height:14px;border-bottom:1px solid #EBE6E1;font-weight:normal;text-align:left; width:600px;}
.post-title2 h2 a{color:#ffffff;text-decoration:none;}
.post-title h2 a:hover{color:#ffffff;text-decoration:none;}
.title {float:left;padding:0 0 0 15px;width:550px;}
.title p {padding:0px 0 0px 4px;line-height:15px}
.entry {padding:0 13px 0 15px;background:#EBE6E1;line-height:15px;text-align:justify;padding-bottom:10px;color:#000000}
.entry2 img {border: 1px solid #E6AC71; -moz-border-radius: 5px; padding: 3px; background-color: transparent; margin: 2px;}
.entry2 img:hover {border: 1px solid #000000; background-color: transparent; -moz-border-radius: 5px; padding: 3px; margin: 2px;}
.entry3 img {border: 1px solid #ffffff; -moz-border-radius: 5px; padding: 3px; background-color: transparent; margin: 2px;}
.entry3 img:hover {border: 1px solid #000000; background-color: transparent; -moz-border-radius: 5px; padding: 3px; margin: 2px;}
.entry a{color:#D3924F;text-decoration:none;}
.entry a:hover{color:#000000;text-decoration:underline;}
.post-btm {background:url(images/post-btm.png) no-repeat bottom left;height:150px;}
.post-btm a{color:#ffffff;text-decoration:none;}
.post-btm a:hover{color:#000000;text-decoration:underline;}
.post-btm2 {background:url(images/post-btm2.png) no-repeat bottom left;height:70px;}
.post-btm2 a{color:#ffffff;text-decoration:none;}
.post-btm2 a:hover{color:#000000;text-decoration:underline;}
/* --------------- SideBars ----------------*/
.sidebar {float:left; width:244px;}
.sidebar ul {list-style : none;margin:0;padding:0;}
.sidebar ul li {list-style : none;margin : 0 0 15px 0;padding : 0px;
color : #EAD7AD;background:#DFEAF0 url(images/sb-top.gif) no-repeat
}

.sidebar1 {float:left; width:244px;}
.sidebar1 ul {list-style : none;margin:0;padding:0;}
.sidebar1 ul li {list-style : none;margin : 0px 0 20px 0;padding : 0 0 0 0;
color : #ffffff;background:transparent url(images/sb-topl.png) no-repeat;
}


.sidebar1 ul li h2 {
margin:0 0 0 0; padding:13px 0 0 0;
height:30px;font-weight:normal;
font-size : 12px;text-align:center;
color : #ffffff;
}

.sidebar1 ul ul {
list-style : none;margin :0 0 0 0 ;padding : 5px 0 38px 0;
background :transparent url(images/sb-btm.png) no-repeat bottom left;
}
.sidebar1 ul ul ul{margin:0; padding:0;background : url(images/sidebar_btm11.gif) no-repeat bottom left;}

.sidebar1 ul ul li {
list-style : none;
margin : 0 10px;background:DFEAF0;
padding : 0 5px 0 10px; color : #fff;
font-size : 11px;line-height :18px; border-bottom:1px solid #374043;
}

.sidebar1 ul2 ul2 {
list-style : none;margin :0 0 0 0 ;padding : 5px 0 38px 0;
background :transparent url(images/sb-btm.png) no-repeat bottom left;
}
.sidebar1 ul2 ul2 ul2{margin:0; padding:0;background : url(images/sidebar_btm11.gif) no-repeat bottom left;}

.sidebar1 ul2 ul2 li {
list-style : none;
margin : 0 10px;background:DFEAF0;
padding : 0 5px 0 10px; color : #fff;
font-size : 11px;line-height :18px; border-bottom:1px solid #374043;
}

.sidebar1 ul ul li a {
color : #DFEAF0;
text-decoration : none;
}
.sidebar1 ul ul li a:hover {
color : #ffffff;
text-decoration :underline;
}

.sidebar1 ul2 ul2 li a {
color : #DFEAF0;
text-decoration : none;
}
.sidebar1 ul2 ul2 li a:hover {
color : #ffffff;
text-decoration :underline;
}


.sidebar2 ul li h2 {
margin:0 0 0 0; padding:13px 0 0 0;
height:30px;font-weight:normal;
font-size : 12px;text-align:center;
color : #ffffff;
}

.sidebar2 ul ul {
list-style : none;margin :0 0 0 0 ;padding : 0 0 38px 0;
background :#2A518C ;
}
.sidebar2 ul ul ul{margin:0; padding:0;background : url(images/sidebar_btm11.gif) no-repeat bottom left;}

.sidebar2 ul ul li {
list-style : none;
margin : 0 10px;background:transparent;
padding : 0 5px 0 10px; color : #fff;
font-size : 11px;line-height :18px; border-bottom:1px solid #374043;
}

.sidebar2 ul ul li a {
color : #000000;
text-decoration : none;
}
.sidebar2 ul ul li a:hover {
color : #000000;
text-decoration :underline;
}

/* ===================================Elites on Sidebar====================*/
.elites img {
border: 1px solid #ffffff;
padding: 1px;
margin: 1px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.elites a img {
border: 1px solid #ffffff;
padding: 1px;
margin: 1px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	opacity:.70;
filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

.elites a img:hover {
border: 1px solid #ffffff;
padding: 1px;
margin: 1px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	opacity:1;
filter: alpha(opacity=100);
 -moz-opacity: 1;
}


/* ==================================Pages=============================== */
.pagecontent
{
	font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px;
color:#FFFFFF;
padding-left:10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 20px;
border : 0px solid #C5E4F7; }

.pagecontent:hover
{
background-color: #E1DCD6;
	font-family: Arial, Helvetica, sans-serif; 
   font-size:12px;
color:#FFFFFF;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 310px;
	border-top-right-radius: 10px;}

		
.subcontent {
background-color: #DBA771;
	font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px;
		letter-spacing:0px;
		line-height: 15px; 
padding: 10px;
font-weight: bold;
		text-align: left;
color:#000000;
				-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

.subcontent:hover {
				-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
		
.subcontent a:link{
background-image: url(http://mariobarrett.us/wordpress/wp-content/themes/mb1/images/bling-hover.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
text-decoration: none;
color: #000000;}

		
.subcontent a:visited{
background-image: url(http://mariobarrett.us/wordpress/wp-content/themes/mb1/images/bling-hover.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
text-decoration: none;
color: #000000;}
		
		
.subcontent a:hover{
background-image: url(http://mariobarrett.us/wordpress/wp-content/themes/mb1/images/bling-hover.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
text-decoration: none;
color: #ffffff;}






/*  ================================= Footer ============================= */
#footer p {padding:0; line-height:16px;}
#footer .f-left{float:left; width:480px;}
#footer .f-rt{float:left; width:339px; text-align:right;}




/* Others */

.clr {clear : both; font-size:1px; line-height:1px;}

/* Search Form */
form {margin:0; padding:0;}
.newsearchform {margin: 0 auto; width:250px; height:80px;
background:url(images/search-box.gif) no-repeat;
padding :25px 0 0 42px;
}
.newsearchform p{margin:0; padding :0; line-height:28px;}
.newsearchform input {float:left;}
.newsearchform input.txt {
margin :20px 0 0 0; padding :0;
color : #516C94;background:2A518C;
border : 0; width:120px;
font-size : 12px;
height:27px;
}
.newsearchform input.btn {
width : 77px;border : 0;
padding :0; margin :12px 0 0 10px;
height : 27px;
}



/* --------------------- common elements --------------------------- */
.navigation { display: block; width:98%;padding-bottom:20px;}
a.more-link {display:block;}


p.postmetadata {margin:0; padding:10px;}
.alt { background:#ffffff;}

.news-other {
	background-image: url(http://mariobarrett.us/wordpress/wp-content/themes/mb1/images/catother.jpg);
font-size: 11px; 
line-height: 9px;
letter-spacing: 1px;
font-family: Tahoma, Arial, Verdana;
text-transform: capitalize;
color: #FFFFFF;
text-align: right;
padding:10px;
border: 1px solid #F8F3ED;
filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 -moz-border-radius:  6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;}
	
	
.news-other a:link{
color: #000000;
cursor:default;}
		
.news-other a:visited{
color: #000000;
text-decoration:none;}
				
.news-other a:hover{
color: #ffffff;
border-bottom: #000000 dotted 0px;
text-decoration:none;}

input, select, textarea {border: 0; color:#ffffff; background:#D3924F;}

#commentform #submit {margin: 0; color:#000; background:#ffffff; font-weight:bold;}
blockquote cite { display: block;}
blockquote {
	background-image: url(http://mariobarrett.us/wordpress/wp-content/themes/mb1/images/catother.jpg);
	background-position: top;
	background-repeat: repeat-x;
background-color: #C28544;
font-size: 12px; 
line-height: 15px;
letter-spacing: 1px;
font-family: Tahoma, Arial, Verdana;
color: #FFFFFF;
padding:10px;
border: 1px solid #000000;
filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 -moz-border-radius:  6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;}
	

blockquote a:link, blockquote a:visited {
color: #000000; }

blockquote a:hover {
color: #FFFFFF; }

.entry blockquote strong {
color: #000000; }


ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}
code { font: 1.1em 'Courier New', Courier, Fixed; display:block;padding:10px; margin:10px;border: 1px dotted #eee;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 90%;	}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color:#4E8A39;}
/* End Calendar */
.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}

/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none;}

/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */

/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:48%; text-align:right; 	}
.navigation .alignleft {width:48%; text-align:left;}
/* End Various Tags & Classes*/

.search {text-align:center;}
