/*
Theme Name: Artspander
Theme URI: http://Artspander.com/
Description: High quality WordPress theme named "Artspander".
Version: 1.0
Author: Artspander Team
Author URI: http://Artspander.in/
Tags: blue, custom header, fixed width, two columns, widgets


*/


/* common css */


/* remember to define focus styles! */


:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
        margin: 0px;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


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

.clear {
	clear: both;
}

body {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	background-color: #ffffff;
	position: relative;
	}
p    {
        margin-bottom: 15px;
}
/* header */

#header {
	height: 157px;
	/*background: #2766b6*/
	background: #2766b6 url('/wp-content/themes/artspander/images/art_face.png') no-repeat left bottom;
	padding-left: 23px;
	}

#header_left {
	/*background-image:url(images/logo.png);*/
	width:269px;
	height:70px;
	float: left;
	margin-top: 15px;
        margin-left: 100px;
	font-weight: bold;
	font-size: 11px;
	margin-top:50px;
	background-repeat:no-repeat;
	}

#header_right {
	background: #2766b6 url('/wp-content/themes/artspander/images/header_bg.png') no-repeat;
	/*width:709px;*/
	width:605px;
	height:157px;
	float: right;
	clear: right;
	}

.header_logo {
	font-size:25px;
        color:#beb013;
}

.header_logo h2 {
        font-size:14px;
        color:#beb013;
}

#page {
	width: 1020px;
	margin-right: auto;
        margin-left: auto;
	padding-bottom: 10px;
	background:#C9E1FF ;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#topmenu{
	width:100%;
	background: #20397a;
	float:left;
}

#topmenu img{
	border:none;
	margin:0px;
	padding:0px;
}

#topmenu-left {
	width:620px;
	background: #20397A;
	float:left;
}
 
#topmenu-right{
	float:right;
	width:370px;
}

#menu {
	/* For Normal Browsers */
	margin: 0px 0px 0px 21px;
	padding: 0;
	width: 620px;
	height: 38px;
	list-style:none;
}

#menu li {
	margin: 0;
	padding: 0;
	width:auto;
	height: 28px;
	float:left;
}

#menu a {
	padding: 10px 30px 0 30px;
	width:auto;
	height: 28px;
	font:18px Georgia, "Times New Roman", serif;
	/* IE6 Needs inline-block otherwise width:auto; spans 100% */
	display:inline-block;
	text-decoration: none;
}
	
#menu .first a{
	text-align:center;
	width:120px;
}
#navigation a span {
	menu:12px Arial, Helvetica, sans-serif;
	display:block;
}

#menu a {
	color: #fff;
	border-right: 1px solid #3f4434;
}

#menu a span {
	color: #7d8174;
}

#menu a:hover, #menu .current_page_item a{
		color: #fff;
		background:#c00000 url('images/blogbg.gif') repeat-x;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */


/* ^^^^^^^^^^^ BELOW IS MAIN CONTENT ^^^^^^^^^^^^^*/
#maincontent {
	background:#C9E1FF ;
}

#leftcontent {
	float: left;
	width: 690px;
	background:#C9E1FF ;

}

#content {
		/*border:1px solid #666;*/
		padding-left:10px; 
}

#content th, td {
	padding: 0px 5px 5px 10px;
	margin: 0;
}


#content h2.center{
	text-align:center;
	margin-top:10px;
}

.postarea{
	margin-top:5px;
	margin-bottom:10px;
	width:660px;
	
	_width:670px;
	_margin-left:18px;
}

.post{
	margin-bottom:15px;
	padding-top:15px;
	padding-bottom:15px;
	width:642px;
}
.post h5{
 padding-top:0px; 
 font-style:italic;
 font-weight:bold;
 color:#625c50;
 font-size:12px;
}

.pagetitle{
	margin-top:20px;
	margin-left:10px;
	margin-bottom:0px;
	font-size:25px;
}

.post h2{
	margin-top:10px;
}

.post h2 a{
/*	color:#2d2d2d; */
	text-decoration:none;
}

.post h2 a:hover{
	color:#EB552D;
	text-decoration:none;
}

.post a{
	color:#0185B8;
	text-decoration:none;
}

.post a:hover{
	color:#FF8000;
	text-decoration:none;
}
.post .postmetadata{
 padding-top:30px; font-style:italic;font-weight:bold;color:#eb552d;
}

.post .entry{
	padding-top:10px; 
	font-size:12px;
	color:#5b5b5b;
	line-height:25px; 
}

.post h2{
	font-size:24px;font-weight:normal;color:#2d2d2d; 
}


.postbg_top{
	background:transparent url('images/top_bar.png') repeat-x;
	background-position:bottom;
}

.postbg_bottom{
	background:transparent url('images/bottom_bar.png') repeat-x;
	background-position:top;
}

.postbg_left{
	background:transparent url('images/left_bar.png') repeat-y;
	background-position:right;
}

.postbg_right{
	background:transparent url('images/right_bar.png') repeat-y;
	background-position:left;
}

*.postbg_top{
position:absolute;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


*.postbg_bottom{
position:absolute;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


*.postbg_left{
position:absolute;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


*.postbg_right{
position:absolute;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.postbg{
	background-image:url(images/postbg_center.png);
	background-position:top;
	background-color:#FFF;
	background-repeat:no-repeat;
}

/* ^^^^^^^^^^^ ABOVE IS MAIN CONTENT ^^^^^^^^^^^^^*/


/* ^^^^^^^^^^^ BELOW IS MAIN FOOTER ^^^^^^^^^^^^^*/
#footer {
	height: 388px;
	background:#C9E1FF  url('images/footer.gif') no-repeat; margin:0;padding:0
}

#footer p {
	text-align: center;
	color: #636363;
	font-size: 10px;
	font-family: Tahoma;
	margin-top: 30px;
}

.sponsorbox{
	width:310px; height:290px; padding-left:30px; padding-top:40px; float:left;
}

.innerbox{
	height:250px;
	clear:both;
	background-color:#2766B6 ;
	overflow:hidden;
}

.sponsorbox ul{
	background:#2766B6 ;
}
.sponsorbox li{
 border-left:0px #fff solid; border-top:0px #fff solid; border-bottom:0px #fff solid; padding-left:10px; padding-top:10px; padding-bottom:10px;
 font-size:12px;  color:#dde4ce; border-bottom:1px solid #4A7FC2;
}
.sponsorboxh4{
 background:#20397A ;
 height:42px;
 font-family:"Myriad Pro";
 font-size:18px;
 margin:0;padding:0; color:#fff; line-height:42px; padding-left:10px; font-weight:normal;
}

#copyright{
	color:#fff; font-size:12px; text-align:center;
	position:relative;
}

#copyright{
	color:#FFF;
}

.calenderbox{
	width:310px; height:290px; padding-left:20px; padding-top:40px; float:left
}
#calendar{
	padding-left:8px
}
.calenderbox ul{
	background:#2766B6 ;
}
.calenderboxh4{
 background:#20397A ;
 height:42px;
 font-family:"Myriad Pro";
 font-size:18px;
 margin:0;padding:0; color:#fff; line-height:42px; padding-left:10px; font-weight:normal
}
.googlebox{
	width:300px; height:290px; padding-left:20px; padding-top:40px; float:left
}
.googlebox ul{
	background:#2766B6 ;
}
.googlebox li{
 border-left:1px #4e5246 solid; border-top:1px #4e5246 solid; border-bottom:1px #4e5246 solid; padding-left:10px; padding-top:10px; padding-bottom:10px;
 font-size:12px;  color:#dde4ce
}

.googleboxh4{
 background:#20397A ;
 height:42px;
 font-family:"Myriad Pro";
 font-size:18px;
 margin:0;padding:0; color:#fff; line-height:42px; padding-left:10px; font-weight:normal
}

#footer a{
	color:#DDE4CE;
	text-decoration:none;
}

#footer a:hover{
	color:#DDE4CE;
	text-decoration:underline;
}
/* ^^^^^^^^^^^ ABOVE IS MAIN FOOTER ^^^^^^^^^^^^^*/


/* ^^^^^^^^^^^ BELOW IS SIDE BAR ^^^^^^^^^^^^^*/

#sidebar {
	float: right;
	width:300px;
	padding-right:17px;
	padding-top:0px;
	background:#C9E1FF ;
}

#sidebar p{
	font-size:12px;
	color:#5b5b5b;
	line-height:20px;
	padding:10px 0px 10px 0px;
}

#sidebar h2{
	background:transparent url('images/leftbg.jpg') no-repeat; height:30px;
	font-size:18px; font-family:Tahoma;font-weight:bold; margin:0;color:#fff;padding-left:15px; padding-top:15px;
}
#sidebar ul ul li{
/*	 height:30px; */
	 width: 290px;
         border-left:1px #d4cfc5 solid;border-right:1px #d4cfc5 solid;border-bottom:1px #4a7fc2 solid; background:#2766b6; margin:0; padding:0; color:#fff; font-family:Tahoma; font-size:15px; padding-left:8px; padding-top:6px;
}

#sidebar ul, #sidebar ul ol {
	margin-right:0px 22px 0px 17px; 
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 22px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}


.advertise{
height:250px;width:300px;margin-top:15px; margin-bottom:10px;
}

#sidebar a{
	color:#fff; 
	font-size:15px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}

#sidebar a:hover{
	color:#FF8000; 
	font-size:15px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}

/* ^^^^^^^^^^^ ABOVE IS SIDE BAR ^^^^^^^^^^^^^*/


*.desbg{
position:absolute;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
.desbg{
background:transparent url('images/descbg.png') no-repeat; height:144px;width:480px;margin-top:10px;margin-left:10px;
}
.floatleft{
	float:left
}
#artspander{
	float:left;padding-left:20px; width:180px
}

.desbgp{
font-weight:bold;
font-family:Georgia;
text-decoration: none;
margin-top: 2px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 30px;
font-size: 12px;
line-height: 16px;
color:#beb013;
height:68px;
overflow:hidden;
}

.desbgh2{
font-weight:normal;
font-family:Georgia;
text-decoration: none;
margin-top: 25px;
margin-right: 0pt;
margin-left: 30px;
font-size: 20px;
line-height: 26px;
color:#2d2d2d;
}

#advertisement{
 margin-left:8px;
 margin-top:30px;
}

#advertisement_center{
 	margin-top:15px;
	margin-left:25px;
	margin-right:5px;
	padding:5px;
}

.txtsearch{
	float:left;width:217px;height:23px;border:0;margin-top:10px;
}

#imgsearch{
	margin-top:10px;margin-left:1px;margin-right:10px;
}

.btnrss{
	float:left;
	margin-top:5px;
	margin-left:11px;margin-right:10px;
}

#searchform {
	margin: 0;
	padding: 0;
	text-align: center;
}


.post-edit-link{
	
}

#respond{
	width: 680px;
}

/* calendar */
.widget_calendar{
	border-left:1px #4e5246 solid; border-top:1px #4e5246 solid; border-bottom:1px #4e5246 solid; padding-left:10px; padding-top:15px; padding-bottom:10px;
 font-size:12px;  color:#BDCBA0; background-color:#FFF; height:225px;
}
.widget_calendar caption {
	background: none;
	margin-bottom: 6px;
}
.widget_calendar th, .widget_calendar td {
	padding: 6px 10px 10px 16px;
	margin: 0;
}
.widget_calendar thead th {
	background-color: #666666;
	color: white;
	font-weight: normal;
}
.widget_calendar tbody td a {
	background-color: #EEAD24; 
	padding: 3px 2px;
	color: white;
}
	.widget_calendar tbody td a:hover {
		background-color: #666666;
	}
.widget_tag_cloud {
	line-height: 2.5em;
}

.widget_pages ul ul {
	margin-top: 6px;
}

.widget_search {

}
	.widget_search #srch-frm {
		background: none;
	}
	.widget_search .textfield {
		width: 134px;
		margin-right: 6px;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	color:#5B5B5B;
}



.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist .avatar{
	float:right;
	margin:0px 10px 5px 10px;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-top:5px;
	border:0px solid red;
	}
	
#commentform label{
	color: #777;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

#commentform label small{
	color: #777;
	line-height:6px;
}

.commentmetadata {
	font-weight: normal;
	margin:0px 0px 15px 0px;
	display: block;
	}
	
.commentsbox{
	margin-top:10px;
	width:640px;
	margin-bottom:10px;
}

.commentsbox h3{
	margin-top:0px;
	margin-bottom:20px;
}
.commentlist {
	padding: 0;
	text-align: justify;
	width:640px;
	margin:0px;
	}

.commentlist li {
	margin: 15px 0 3px 0px;
	padding: 5px 10px 3px 0px;
	list-style: none;
	font-weight: bold;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


/* End Comments */
.alt {
	background-color:#FCFCFC;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
	}


.fn  a, #commentform a{
	color:#0185B8;
	text-decoration:none;
}

.fn  a:hover, #commentform a:hover{
	color:#FF8000;
	text-decoration:none;
}

.commentmetadata a{
	color:#8e8979;
	text-decoration:none;
	margin-top:0px;
}

.commentmetadata a:hover{
	color:#2E3223;
}

.comment-author{
	margin-bottom:5px;
	border:0px solid red;
}

.comment em{
	display:block;
	color:#900;
	margin:10px 0px 10px 0px;
}

#commentform input {
	width: 250px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border:1px solid #2766B6;
	}

#commentform textarea {
	width: 97%;
	padding: 2px;
	border:1px solid #2766B6 ;
	}

#commentform #submit {
	margin: 0;
	margin-right:12px;
	cursor:pointer;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:1.3em;
	font-weight:bold;
	background-color:#2766B6 ;
	color:#FFF;
	width: 150px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	border:0px solid #00F;
	margin-left:15px;
	margin-right:5px;
	}

.navigation a{
	color:#8e8979; font-family:"Times New Roman", Times, serif; font-size:18px;
	text-decoration:none;
}

.navigation a img{
	border:none;
}

.navigation a:hover{
	color:#2E3223;
}