/*
Theme Name: Deviant
Theme URI: http://themes.hostse.com/
Description: Devaint is an advanced theme compatible with Wordpress 2.3.x and prior versions.
Version: 1.3.
Author: Umair of hostse.com
Author URI: http://www.hostse.com/
*/
		#page {
			width: 960px;
			position: relative;
			background: #000000 url('images/bg-page.jpg') 0 0 repeat-y;
			/* for Right-Nav, change to /bg-page-alt.jpg */
			margin: 0 auto;
			text-align: left;
			border: 3px solid #fff;
			}

			#page-wrap {
				}
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Calibri, "Times New Roman" ;
   	font-size: 15px;
	text-align: center;
	vertical-align: top;
	background: #4b4b4b;
	color: #E7F0EC;
}





a{
	font-weight: bold;
	color: #485956;
}

a:hover{
	text-decoration: none;
}

a img{
	border: 0;
}

address, dl, p{
	padding: 10px 0 0;
}

/* Header */

#header{
   	margin: 0px auto 0px auto;
	width: 980px;
   	height: 100px;
	vertical-align: top;
	text-align: center;
	background: #024A55;
}

#header h1{
	padding: 28px;
	font-size: 28px;
	font-weight: normal;
}

#header h1 a{
	font-weight: bold;
	text-decoration: none;
	color: #D6E4E0;
}

/* Top Menu*/

.topmenu{
	margin: 0px auto 0px auto;
	background: #01232c;
    	font-size: 17px;
	font-variant: small-caps;
	width: 980px;
	vertical-align: top;
	text-align:center;
}

.topmenu ul{
	margin: 0;
	padding: 10px;
	list-style-type: none;
}

.topmenu ul li{
	display: inline;
	margin: 0 10px 0 0;
	color: #96A19B;
}

.topmenu ul li a{
	color:  #96A19B;
	text-decoration: none;
}
.topmenu ul li a:hover{
	color: #AFC81C;
}


/* Blockquote */

* html blockquote,  * html code { 
   height: expression(this.scrollHeight > 270 ? "270px" : "auto" );
   height: expression(this.scrollHeight < 40 ? "42px" : "auto" );   
   max-height: 200px;
   font-weight:bold;
}

* html blockquote,  * html code { 
	width:expression(document.body.clientWidth > 470? "470px": "auto" );
	font-weight:bold;
}


blockquote
{
	/* background: url(images/blockquote.gif) no-repeat left top;
	color: #2692F7;
	margin: 1em;
	padding: 0 0 10px 50px;
	overflow: scroll; */
	font-weight:bold;
	display:block;
	font: 1em 'Courier New', Courier, Fixed, monospace;
	font-size : 75%;
	color: #000;
	font-weight:bold;
	background : #e5efeb;
	overflow : auto;
	text-align:left;
	border : 2px solid #0f93d7;
	/*highlight color */
	padding : 0px 20px 0 12px;
	margin:1em 0 1em 0;
	line-height:17px;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
    max-height: 200px !important;
	min-height: 50px;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 10px; }

hr{
	clear: both;
	margin: 10px 10px 5px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #9b9b9b;

}

input, textarea{
	font-size: 14px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

pre{
	width: 90%;
}

small{
	font-size: 12px;
}

#container{
	margin: 0px auto;
	width: 980px;
	text-align: left;
	background: #000000 url('images/back.png') top center repeat-x;
	color: #262626;
}

#page{
	padding: 10px;
}

/* Sidebar */

.sidebar, .rightcolumn{
	float: left;
	width: 184px;
	margin: 0 10px 0 0;
	line-height: 20px;
	background: #D3E0DC;
}

.rightcolumn{
	margin: 0;
}

.sidebar ul{
	margin: 0;
	padding: 0;
   	list-style-type: none;
}

.sidebar ul a{
	color: #fff;
							display:block;
							text-decoration: none;
							background: #0f5766;
							padding:4px 8px 3px;
							}

.sidebar ul a:hover{
  	color: #C0C0C0;
}

.sidebar ul li{
	border: 1px solid #485956;
	margin: 0 0 10px 0;
}

.sidebar #search{
	padding: 10px;
	background: #D3E0DC;

}

.sidebar #search input{
	margin: 5px;
	background: #EAF2EE;
	width: 140px;
}

.sidebar #searchsubmit input{
	text-align: center;
	
}

.sidebar ul li h2{
	padding: 5px 10px;
	font-size: 16px;
 	font-weight: bold;
	font-variant: small-caps;
	background: #024A55;
	color: #D6E4E0;
}

.sidebar ul ul{
	padding: 5px 10px 10px;
	background: #0f5766;

}

.sidebar ul ul li{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

.sidebar ul ul ul{
	padding: 0;
}

.sidebar ul ul ul li{
	padding: 0 0 0 10px;
}

#maincolumn{
	float: left;
	width: 570px;
	margin: 0 10px 0 0;
	line-height: 22px;
}

/* Post and Pages */

.post{
	border: 1px solid #C0c0c0;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.post h2{
	font-size: 20px;
	padding: 5px 10px;
	background: #024A55;
	color:#96A19B;
}

.post h2 a{
	text-decoration: none;
	color: #96A19B;
}
.post h2 a:hover{
	color: #AFC81C;
}
.entry{
	padding: 10px 10px 10px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	padding: 15px 0 0;
	font-weight: bold;
	background-color: transparent;
	color: #485956;
}

.entry h1{
	font-size: 26px;
	}

.entry h2 {
	font-size: 22px;
    }

.entry h3, h4, h5 ,h6{
	font-size: 18px;
}

.entry img{
	border: 3px solid #D6E4E0;
	padding: 4px;
	background-color: #ffffff;
}

.entry img.wp-smiley{
	border: 0;
	padding: 0;
	background-color: transparent;
}

.entry img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.entry img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.postmetadata{
	padding: 5px;
	background: #D6E4E0;
    font-size: 12px;
}

.postmetadata a{
	color: #485956;
	text-decoration: none;
}
.right{
	float: right;
}
.browse{
	padding: 0 10px 10px;
}


/* Comments */

.comments-template{
	padding: 10px;
	background: url('images/back.png') top center repeat-x;
	text-decoration: none;
}
.comments-template a{
	font-weight: bold;
	text-decoration: none;
}

ol.commentlist{
	list-style-type: decimal;
	margin: 0;
	padding: 0;
	
}

ol.commentlist li{
	margin: 0 0 10px 20px;
}

/* Tag Cloud */

/* Calendar */

table#wp-calendar{
	width: 100%;
	font-size: 14px;
	text-transform: none;
	line-height: 20px;
	background: #D3E0DC;
	padding-left: 5px;
	padding-right: 5px;
}

table#wp-calendar caption{
	padding: 5px 15px;
	font-size: 16px;
	font-weight: bold;
	background: #D3E0DC;
}

table#wp-calendar th{
	padding: 0px;
	text-align: center;
	vertical-align: top;
	background: #EAF2EE;
}

table td#today {
	background: #EEE;
	padding: 0px;
	text-align: center;
}


table#current td{
	background-color: #EAF2EE;
	padding: 0px;
	text-align: center;
}

table#wp-calendar tfoot td{
	text-align: center;
}



/* Footer */

#footer{
	clear: both;
	width: 980px;
	padding: 10px 0 10px 0px;
	line-height: 16px;
  	background: #374341;
  	color: #96A19B;
  	text-align: center;
}

#footer a{
	text-decoration: none;
	color: #96A19B;
 }
 
#footer a:hover{
	color: #AFC81C;
 }


#footer ol, #footer ul{
	margin: 0;
	padding: 0;
}

#footer ul{
	list-style-type: none;

}

#footer ul li{
	display: inline;
	margin: 0 0 10px 0;
}


/* Plugins */

#wp-admin-bar {text-align:center; margin:0; padding:5px; background:#374341;  clear:both; text-align:center; color: #EAF2EE;}
#wp-admin-bar a{color: #EAF2EE;}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;color:#485956;background-color:#D6E4E0;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{color:#AFC81C;}
.wp-pagenavi span.pages{color:#485956;background-color:#D6E4E0;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:bold;color:#485956;background-color:#D6E4E0;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{color:#485956;background-color:#D6E4E0;margin:5px;padding:5px 10px;}

#related{padding: 10px;}
#related li{ margin-left: 10px;}
.related_post ul li { margin-left: 10px;}
