/*
Theme Name:		BestCSSGallery
Description:	        BestCSSGallery Theme
*/

/************************************/
/********       Body          *******/
/************************************/

* { padding: 0; margin: 0; }

body{
color:#002D41;
background:#002D42 url(images/page_bg.jpg) repeat-x;
font-size:12px;
font-family:Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
}

a{outline: none;
color: #20789F;
text-decoration:none;
}

a:hover{
color: #20789F;
text-decoration:underline;
}

img{border:0;}
p{margin:0;padding:0;line-height:16px;}

a img{border:0px;}

h3{
font-size:1.5em;
color:#20789F;
font-weight:normal;
letter-spacing:-1px;
margin:0 0 10px 0;
}

ul{
margin:0px;
padding:5px;
}

li{
margin:0px 0px 0px 10px;
padding:0;
}

h1{font-size:11px;color:#0EC5E4;font-weight:normal;margin:0;padding:0;display:inline;}

/************************************/
/*****       Page Wrap          *****/
/************************************/

#wrap{
width:950px;
margin: 0 auto;
padding: 0px;
}

/************************************/
/*******       Header          ******/
/************************************/

#header{
height:185px;
background: url(images/header_bg.jpg) repeat-x;
}

#logo{
float:left;
padding:0px 0px 0px 0px;
}

#rss_feed a{
	float:right;
	margin:45px 75px 0px 0px;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#rss_feed a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#twitter a{
	float:right;
	margin:45px 0px 0px 0px;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#twitter a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#header_ad{
float:left;
width:728px;
margin:20px 25px 0px 25px;
padding: 5px 86px 5px 86px;
background:#05384F;
clear: both;
}

/************************************/
/********       Menu          *******/
/************************************/

#menu{
float:left;
margin:5px 0px 0px 25px;
}

#menu ul {
margin:0;
padding:0;
list-style-type:none;
}

#menu li {
padding:0;
margin:0;
float:left;
list-style-type:none;
}

#menu li a {
display:block;
padding:5px 20px 5px 0px;
text-decoration:none;
color:#20789F;
font-size:11px;
text-align:center;
font-weight:bold;
float: left;

}

#menu .main {
color: #5AADD2;
}

#menu .main a {
font-weight:bold;
color: #5AADD2;
}

#menu .main a:hover {
font-weight:bold;
color: #20789F;
}

#menu .main #current {
color: #20789F;
}

#menu .main #current a {
font-weight:bold;
color: #20789F;
}

#menu .main #current a:hover {
font-weight:bold;
color: #20789F;
}

#menu .normal {
color: #5AADD2;
font-weight:bold;
}

#menu .normal a {
background:;
color: #5AADD2;
}

#menu .normal a:hover {
color: #20789F;
}

#menu .normal #current {
color: #20789F;
}

#menu .normal #current a {
color: #20789F;
}

#menu .normal #current a:hover {
color: #20789F;
}

/************************************/
/*******       Content         ******/
/************************************/

#content{
float:left;
width: 600px;
margin:20px 0px 0px 25px;
}

#content p{
margin:10px 0px 10px 0px;
}

.details{
float:left;
margin:0px 0px 20px 0px;
width: 500px;
color: #20789F;
}

.top-google-ad{
margin-bottom: 15px;
float: left;
clear:both;  
width: 468px; 
padding: 15px 31px 15px 31px;
background:#05384F;
}


.bottom-google-ads{
margin-top: 15px;
margin-bottom: 15px;
float: left;
clear:both;  
width: 468px; 
padding: 15px 31px 15px 31px;
background:#05384F;
}



/************************************/
/********    Index Image      *******/
/************************************/

.image{
float:left;
padding:5px 10px 5px 10px;
background:#05384F;
width:220px;
margin:0px 50px 15px 0px;
color: #13749F;
}


.image h3{
font-size:14px;
color:#13749F;
font-weight:bold;
margin:0;
padding:4px 0 0 0;
float:left;
}

.image h3 a{
font-size:14px;
color:#5AADD2;
font-weight:bold;
margin:0;
padding:4px 0 0 0;
float:left;
}

.image h3 a:hover{
font-size:14px;
color:#5AADD2;
font-weight:bold;
margin:0;
padding:4px 0 0 0;
float:left;
text-decoration: underline;
}

.image span{
float:right;
font-size:11px;
padding:3px 5px 0 0;
color:#13749F;
width:10px;
}

.image span a{
float:right;
font-size:11px;
padding:3px 5px 0 0;
color:#13749F;
}

.image span a:hover{
float:right;
font-size:11px;
padding:3px 5px 0 0;
color:#13749F;
}

.image img{
padding:10px 0 10px 0;
}

/************************************/
/******      Post Image        ******/
/************************************/

.details_image{
float:left;
padding:5px 10px 10px 10px;
background:#05384F;
width:550px;
margin:0px 0px 15px 0px;
color: #5AADD2;
}

.details_image h3{
font-size:16px;
color:#5AADD2;
font-weight:bold;
margin:0;
padding:4px 0 0 0;
float:left;
}

.details_image img{
padding:10px 0 10px 0;
}


/************************************/
/******       Sidebar          ******/
/************************************/

#sidebar{
float:right;
width:300px;
margin:20px 25px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sidebar h2{
font-size:16px;
color:#5AADD2;
font-weight:bold;
margin: 0px 0px 10px 0px;
}

.sidebar_box{
float:right;
width:280px;
margin:0px 0px 15px 0px;
padding: 10px 10px 10px 10px;
background:#05384F;
}

.sidebar_box_linkads{
float:right;
width:280px;
margin:0px 0px 15px 0px;
padding: 10px 10px 10px 10px;
background:#05384F;
}

.sidebar_box_adsense{
float:right;
width:250px;
margin:0px 0px 15px 0px;
padding: 10px 25px 10px 25px;
background:#05384F;
}

.sidebar_box img{
float: left;
margin: 0px 7px 10px 7px;
}

.sidebar_box p a{
color: #000B0F;
}

.sidebar_box li{
list-style-type:none;
color: #000B0F;
margin: 0px 0px 5px 0px;
}

.sidebar_box li a{
color: #000B0F;
}

.sidebar_box li a:hover{
color: #000B0F;
text-decoration: underline;
}

.searchbox {
	float:left;
	margin:0px 40px 0px 40px;
	width:200px;
	background: #001C28;
  	height: 30px;
}

#searchform{
margin:4.5px 0px 4.5px 0px;
}


/************************************/
/******       Comments          *****/
/************************************/

.comments_form{
float:left;
margin:10px 0px 20px 0px;
width: 500px;
color: #20789F;
}

input.text_input, textarea.text_input{
width:340px;
padding:5px;
border:0;
background:#001C28;
margin:0 5px 5px 0;
font-size:12px;
color:#999;
}

.comment-list ol {
margin:1.5em 0 0;
padding:0;
color: #333;
font: 1.1em/2em Arial, Verdana, Arial, sans-serif;
list-style-type: none;
clear:both;
}

.comment-list ul {
margin:0;
padding:0;
list-style:none;
width:100%;
}

.comment-list ol li {
width: 530px;
padding:1px 20px 13px 20px;
line-height: 1.6em;
background-color: #05384F;
color: #000B0F;
margin: 15px 0px 0px 0px;
position:relative;
}

.leave h3{
margin:20px 0px 0px 0px;
}

.submit{
border: 0px;
background-color: #05384F;
color: #000B0F;
border:1px solid #001C28;
padding: 3px 5px 3px 5px;
}
/************************************/
/*******       Footer         *******/
/************************************/
#footer_ad{
float:left;
width:728px;
margin:5px 25px 20px 25px;
padding: 10px 86px 10px 86px;
background:#05384F;
clear: both;
}

#footer{
width:900px;
float:left;
padding:5px 0 0 0;
border-top:3px solid #05384F;
color:#20789F;
clear:both;
margin:0px 25px 10px 25px;
}

#footer a{
color:#20789F;
}
#footer a:hover{
color:#20789F;
border-bottom: 1px solid #002D41;
}

#footer .left{
float:left;
margin: 0px 0px 10px 0px;
}

#footer .right{
float:right;
}

blockquote {
	font-style:italic;
	font-size:11px;
	color:#999;
	margin:0 0 5px 20px;
	padding:0 0 0 10px;
	border-left:4px solid #0066cb;
}
abbr,acronym {
	border-bottom:1px dotted #ccc;
	text-transform:uppercase;
}
code {
	color:#555;
	margin:0 0 5px 5px;
}
pre {
	margin:0 0 1.5em 0;
	overflow:auto;
	font-size:1.3em;
	clear:both;
}
form {
	margin:0;
	padding:0;
}



.search {
height:20px;
width:165px;
color:#444;
margin:0px;
float:left;
border:none;
margin: 0px 0px 0px 7.5px;
background: #001C28;
}
.find {
background:url('images/find.png') no-repeat;
height:25px;
width:25px;
margin:0px;
float:left;
border:none;
}