/*
Theme Name: Bopa
Description: Bopa Layout
Version: 1.0
Author: Luca
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, input{ margin: 0; padding: 0; }

body{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
        background: #EEEEEE ;
	color: #ccc;
/*url(images/bg_body2.gif) center top no-repeat*/
}

form, input, textarea, table{ font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; }

h1, h2, h3, h4, h5, h6{ font-family: arial, helvetica, sans-serif; }
h2, h3{ font-size: 16px; }

a{ text-decoration: underline; color: #fff; }
a:hover{ text-decoration: none; }
a img{ border: 0; }

address, dl, p{ padding: 10px 0 5px; }

/*blockquote{
margin:0px 20px;
margin-left:1em 20px;
padding-left:1em;
border-left:2px solid #CCC;
color:#858585;
} */

blockquote
{
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 50px;
}

blockquote p{ padding: 10px; }
blockquote blockquote{
	margin: 0 10px;
	background: #fff;
}



img.centered{ display: block; margin-left: auto; margin-right: auto; }
img.alignleft{ margin: 3px 10px 2px 0;}
img.alignright{ margin: 3px 0 2px 10px;}

img.alignleft, img.alignright{
	padding: 9px;
	border: 1px solid #eee;
	display: inline;
}

p img{ max-width: 100%; }

small{ font-size: 11px; }

.alignleft{float: left;}
.alignright{float: right;}

.clear{margin: 0; padding: 0; clear: both;}

.tl, .tr, .bl, .br{
	width: 10px;
	height: 10px;
	overflow: hidden;
}

.tl, .bl{float: left; clear: left;}
.tr, .br{float: right; clear: right;}

#wrapper{margin: 0 auto; width: 640px;}

#container{
	float: left;
	width: 640px;
	margin: 10px 0 0;
	text-align: left;
	background: #A0A0A0;
}

.maincolumn{
	float: left;
	width: 620px;
	margin: 10px 0 0 10px;
	background: url(images/bg_maincolumn.gif) no-repeat left bottom;
	display: inline;
}

#menu{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 620px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li{
	float: left;
	margin: 0 1px 0 0;
	height: 29px;
	overflow: hidden;
	background: url(images/bg_tab_right.gif) no-repeat right top;
	display: inline;
}

#menu ul li a{
	display: block;
	padding: 8px 10px 10px;
	text-decoration: none;

}

#menu ul li a:hover{
	text-decoration: underline;
}


#menu ul li.current_page_item{
	background-color: #E0E0E0;
}

#menu ul li.current_page_item a{
	background-color: #E0E0E0;
	color: #000;
}

#content{
	float: left;
	width: 620px;
	margin: 0 0 10px;
	background: #fff url(images/bg_content.gif) no-repeat right top;
	color: #000;
}

#banner{
	float: left;
	width: 600px;
	height: 150px;
	overflow: hidden;
	margin: 10px 10px 9px;
	display: inline;
	background: #666;
	color: #fff;
}

.post{

	margin: 0 10px;
}

.entry-head, .entry-wrap{
	margin: 1px 0 0;
}

.entry-head{
	background: #eee url(images/bg_entry_head.gif) no-repeat left bottom;
	color: #666;
}

.entry-head h2{
	padding: 10px;
	background: url(images/bg_entry_title.gif) no-repeat
	font-size: 12px;
}

.entry-head h2 a{text-decoration: none; color: #666;}
.entry-head h2 a:hover{color: #000;}

.entry-date{
	padding: 0 0 0 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}

.entry-wrap{
	background: url(images/bg_entry_wrap.gif);
}

.entry-wrap .rc{
	height: 14px;
	overflow: hidden;
	background: url(images/bg_entry_rc_bottom.gif) left bottom;
}

.entry-content{
	padding: 3px 20px 0;
	line-height: 24px;
	background: url(images/bg_entry_rc_top.gif) no-repeat;
}

.entry-content a{
	color: #000;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	padding: 10px 0 0;
	font-size: 14px;
}
.entry-content h5{font-size: 11px;}
.entry-content h6{font-size: 10px;}

.entry-meta{
	padding: 10px 0 0;
	font-family: arial, helvetica, sans-serif;
}

.entry-meta a{
	font-weight: bold;
}

.navigation{
	padding: 15px 20px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}

.navigation a{color: #000;}


#comments h3{
	margin: 10px 0 0;
	padding: 7px 10px;
	background: #f5f5f5;
}

ol.commentlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol.commentlist li .comment-entry{
	margin: 10px 0 0;
	border: 1px solid #eee;
	padding: 3px 10px 0;
	line-height: 24px;
}

#commentform{
	margin: 0 0 7px;
	padding: 0 10px 6px;
	border-top: 1px solid #fff;
	background: #eee;
}

#footer{
	float: left;
	width: 640px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: #A0A0A0;
}

#footer p{
	line-height: 4px;
	padding: 4px 4px 4px;
}

#footer a{ text-decoration: none; }
#footer a:hover{ text-decoration: underline; }