/* webdesigngallery styles in style.css */

html {
	background: #141414 url(webdesigngallery/toppagebg.png) repeat-x top ;
}

body {
	background: url(webdesigngallery/toprainbow.png) no-repeat center top ;
}

.background {
	background: url(webdesigngallery/content_bg.gif) repeat-y right top;
}

#headersidebar{
height:163px;
width:300px;
display:block;
background: url(webdesigngallery/sidebarbg.png) repeat-y right top;
}
*html #headersidebar{margin-left:-3px;}

#menu ul {
	background-color:#1f122e;
}

#menu ul li.current_page_item a ,#menu ul li a:hover{
	background: url(webdesigngallery/menu_button.png) no-repeat right top;
}

#menu ul li.current_page_item a span ,#menu ul li a span:hover {
	background: url(webdesigngallery/menu_button_right.png) no-repeat left top;
}

.post-content h1 a ,.post-content h2 a{
	color: #FFFFFF;
}

.post-meta {
	border-right:1px solid #ffc600;
	color:#CCCCCC;
}

.post-meta h4.comments {
	background: url(webdesigngallery/commnetsmetabg.png) no-repeat;
}
h4.author{
padding:5px 0 10px 0;
}

h4.author ,h4.author a{
	word-spacing:2px;
	font-size:11px;
	color:#999999;
}
h4.author a{
text-decoration:underline;
}

.post-content a span.read_more {
	color: #b40000;
}
.post-content a:hover span.read_more {
	color: #4A0000;
}

#search form div {
	background: url(webdesigngallery/searchfieldbg.png) no-repeat 0 0;
}

#subscribe form div {
	background: url(webdesigngallery/emailsubscribefieldbg.png) no-repeat 0 0;
}
#subscribe form span{
	color:#2b1a16;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#subscribe,#subscribefeed{
	
background-color:#ff9c00;
border-style:solid;
border-color:#999999;
border-width:0px 1px 1px 1px;
border-radius:0px 0px 6px 6px; /* CSS 3 */
-o-border-radius:0px 0px 6px 6px; /* Opera */
-icab-border-radius: 0px 0px 6px 6px; /* iCab */
-khtml-border-radius: 0px 0px 6px 6px; /* Konqueror */
-moz-border-radius: 0px 0px 6px 6px; /* Firefox */
-webkit-border-bottom-left-radius: 6px; /* Safari */
-webkit-border-bottom-right-radius: 6px; /* Safari */

position:relative;
padding:0;
margin:0;
display:none;
width: 280px;
float:left;
left:10px;
margin-top:3px;
}

#emsclosebtn,#rssclosebtn{
cursor:pointer;
width:100%;
text-align:center;
color:#2b1a16;
}

#rssfeedlogodiv{
width:210px;
height:50px;
background-color:#00FF00;
text-align:center;
vertical-align:middle;
background-color:#432822;
display:block;
margin:0 auto;
cursor:pointer;
}
#rssfeedlogo{
border:0;
float:left;
width:32px;
height:32px;
display:inline;
margin-left:20px;
}

#viewfeedtext{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height:30px;
}


#bornisnetwork{
width:203px;
height:25px;
display:block;
margin:0 auto;
cursor:pointer;
background:url(webdesigngallery/bornisnetwork.png) no-repeat 0 0;
}


h2.arh {
	background: #808080 url(webdesigngallery/arhbg.png) no-repeat right;
	border-bottom: #aaaaaa 1px solid;
	border-top: #aaaaaa 1px solid;
	color:#FFFFFF;
}

/*bottom post*/
#bottompost{
	padding:0;
	margin:0;
	width:548px;
	display:block;
	background-color:#3c2f42;
	border:1px solid #130b1d;
	margin-top:15px;
	margin-bottom:15px;
}
#bottompost h3{
padding:10px 20px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bolod;

}
#bottompost p{
padding:20px;

}


#sidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	height:27px;
	line-height:27px;
	background-color:#262626;
	color:#a6a6a6;
	padding:0;
	margin:0;
	padding-left:8px;	
}

#sidebar .block{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#sidebar .block a {
	color:#CCCCCC;
}

#sidebar .block a:hover {
	color:#FFFFFF;
}

#footer {
	background: url(webdesigngallery/footertopbg.png) top no-repeat #000000;
	padding-top:36px;
}


#footer a {
	color: #CCCCCC;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer h2 {
	color: #CCCCCC;
}

#footerrowbg{
border:1px solid #262626;
background-color:#1a1a1a;
margin:15px;
height:62px;
}




.tumbcontent  {
width:650px;
padding:10px 10px 0px 10px;
}


.thumbnail_wrap{
width:325px;
float:left;
padding:10px 0px 10px 0px;
}

#thumbnail_body{
width:307px;
height:195px;
display:block;
margin:0 auto;
border:1px solid #3c2f42;
background:#130b1d;
padding:0;
}

#thumbnail_body a{
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
padding:8px 10px 10px 10px;
display:block;
}
#thumbnail_body a:hover{
color:#FFFFFF;
}

#image_container{
width:294px;
height:150px;
border:1px solid #3c2f42;
display:block;
background: #3c2f42;
margin:0 auto;
position:relative;
overflow:hidden;
}
* html #image_container{
width: 294px;
w\idth: 292px;
height: 150px;
h\eight: 148px;
}

#image_container *{
padding:0;
margin:0;
}


#image_light_dark{
width:294px;
height:150px;
margin:0;
padding:0;
border:0;
position:absolute;
left:0px;
top:0px;
}
#light , #dark, #darkline{
height:150px;
display:block;
float:left;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";/* ie 8 */
filter:alpha(opacity=10); /* ie 5-7 */
-moz-opacity: 0.1;  /* firefox */
-khtml-opacity: 0.1; /* safari */
opacity: 0.1; /* all other */
}
#light{background:#FFFFFF;width:146px;} 
#dark{background:#000000;width:147px;} 
#darkline{background:#130b1d;
width:1px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";/* ie 8 */
filter:alpha(opacity=35); /* ie 5-7 */
-moz-opacity: 0.35;  /* firefox */
-khtml-opacity: 0.35; /* safari */
opacity: 0.4; /* all other */
}

#tumbnail_details{
height:150px;
/*width:147px;*/
width:0px;
position:absolute;
left:147px;
background-color:#130b1d;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* ie 8 */
filter:alpha(opacity=90); /* ie 5-7 */
-moz-opacity: 0.9;  /* firefox */
-khtml-opacity: 0.9; /* safari */
opacity: 0.9; /* all other */
color:#FFFFFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
overflow: hidden;
display:block;
z-index:9998;
}
#tumbnail_category a,#tumbnail_comment a{color:#FFFFFF;padding:0; margin:0; display:inline;}
#tumbnail_category a:hover,#tumbnail_comment a:hover{color:#CCCCCC;}

#tumbnail_raiting{
width:140px;
height:50px;
display:block;
border-top:1px solid #3c2f42;
margin-left:7px;
padding:3px 0px 3px 0px;
}
#tumbnail_date{
width:140px;
height:15px;
display:block;
margin-left:7px;
padding:8px 0px 3px 0px;
color:#CCCCCC;
}
#tumbnail_category{
width:140px;

display:block;
margin-left:7px;
padding:3px 0px 3px 0px;
}
#tumbnail_comment {
width:140px;
height:15px;
display:block;
margin-left:7px;
padding:3px 0px 3px 0px;
}


#heart_off, #heart_on{
width:16px;
height:16px;
display:block;
padding:0;
margin:0 auto;
margin-top:-6px;
position:relative;
bottom:0px;
z-index:9999;
}
#heart_on{
background:url(webdesigngallery/heart.png) no-repeat;
}
#heart_off{
background:url(webdesigngallery/heartoff.png) no-repeat;
}



#medimage_body {
width:100%;
height:auto;
margin:0 auto;
text-align:center;
display:block;
border:1px solid #3c2f42;
background:#130b1d;
padding:0;
}

#medimage_body a{
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
padding:6px;
display:block;
}
#medimage_body a:hover{
color:#FFFFFF;
}

#medimage_img{
margin:0 auto;
border:0px none;
padding:0;
}
#traiting{padding:5px 10px;  width:400px;}
#traiting img{border:none; background:none;}
#traiting span{margin-right:10px;}
#medimage_body #heart_off,#medimage_body #heart_on{ margin-top:-16px;}

#medimage_bar{
width:100%;
height:auto;
margin:0 auto;
display:block;
border:1px solid #3c2f42;
background:#130b1d;
padding:0;
} 

#clicktovisit{
padding:0;
margin:3px;
width:110px;
height:19px;
background: url(webdesigngallery/clicktovisit.gif) 0 0 no-repeat;
display:block;
float:right;
}
#clicktovisit:hover{
background: url(webdesigngallery/clicktovisit.gif) 0px -19px no-repeat;
}