/*  
Theme Name: suhails mono
Theme URI: http://www.suhails.com/suhails-mono
Description: A free wordpress theme
Version: 1.0
Author: suhails
Author URI: http://www.suhails.com/

*/

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
text-align: left;
vertical-align: top;
background: #ffffff;
color: #000000;
}

img {
border: 0px;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

h1{
font-family: arial, helvetica, Sans-serif;
font-size: 32px;
padding: 0 0 10px 0;
text-shadow: #d4d4d4 1px 1px 0px;
}

.post{
padding: 10px 10px 10px 0;
width: 390px;
height: 270px;
float: left;
overflow:hidden;
background-color: #ffoooo;
}

.post-page{
padding: 10px 10px 10px 0;
width: 790px;
float: left;
}

.post-single{
padding: 10px 10px 10px 0;
width: 790px;
float: left;
overflow:hidden;
}

.post h2{
font-family: arial, helvetica, Sans-serif;
font-size: 18px;
text-shadow: #d4d4d4 1px 1px 0px;
margin-bottom: 5px;
width: 380px;
}

.post-page h2{
font-family: arial, helvetica, Sans-serif;
font-size: 18px;
text-shadow: #d4d4d4 1px 1px 0px;
}


.post-single h2{
font-family: arial, helvetica, Sans-serif;
font-size: 18px;
text-shadow: #d4d4d4 1px 1px 0px;
}

.entry{
line-height: 20px;
}

p{
padding: 10px 0 0 0;
color: #5a5a5a;
}

p.postmetadata{
margin: 0 0 0 0;
font-size: 12px;
}

blockquote {
margin: 10px 0 0 10px;
border-left:2px solid #cacaca;
padding: 0 0 10px 10px;
width: 750px;
}

.navigation{
width:790px;
float:left;
background: #fff;
padding: 10px 0 3px 5px;
}

#navigation_single{
position:fixed;
margin-left: -60px;
margin-top: 13px;
font-size: 10px;
line-height: 12px;
background: #f8f8f8;
padding: 11px 10px 11px 10px;
border: 1px solid #bfbfbf;
}

a:link, a:visited{
text-decoration: none;
color: #656565;
}

a:hover{
text-decoration: none;
color: #ff4f4f;
}

#top-panel ul{
list-style-type: none;
margin: 0;
padding: 0;
display: table;
}

.rightbar ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#top-panel ul li, .rightbar  ul li{
float: left;
width: 170px;
padding: 10px 10px 10px 10px;
}

#top-panel ul li h2, .rightbar ul li h2{
font-family: arial, helvetica, Sans-serif;
font-size: 14px;
line-height: 30px;
border-bottom: 1px solid #C0BFBF;
text-shadow: #e0e0e0 1px 1px 2px;
}

#top-panel ul ul li, .rightbar ul ul li{
padding: 0;
line-height: 24px;
}

table#wp-calendar{
width: 100%;
}

#gallery{
padding: 10px 10px 10px 0;
width: 390px;
float: left;
}

#wrapper{
margin: 20px auto 0 auto;
width: 800px;
text-align: left;
float: left;
}

#big_wrapper{
margin: 20px auto 0 auto;
width: 1000px;
text-align: left;
}

#header{
float: left;
width: 800px;
}

#container{
float: left;
width: 800px;
}

#footer{
clear: both;
float: left;
font-size: 10px;
width: 790px;
padding: 0 0 0 5px;
}

#searchform{
margin-right:10px;
margin-top:-18px;
float: right;
}

#topnav{
margin-right:20px;
float: right;
font-size: 12px;
}

#topnav ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#topnav li {
	display: block;
	float: left;
	padding-left: 10px;
}

.sidebar{
float: left;
width: 800px;
margin: 0 0 0 0;
display: inline;
}

.rightbar {
float:left;
width: 178px;
height: 300px;
margin: 15px 0 0 0;
padding: 0;
}

.flighter {
width: 800px;
}

.comments-template{
padding: 10px 10px 10px 0;
width: 390px;
float: left;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: arial, helvetica, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/* Photo Slider */
.container, #loopedSlider,#newsSlider, div.slides div,ul.slides li { width:380px; }
.container { height:375px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; float:left; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; display:none; padding:0; margin:0; }
#loopedSlider,#newsSlider { margin:0 0 20px; position:relative; clear:both; }
.thumbs { width: 380px; }
ul.pagination { list-style:none; padding:0; margin:10px 0 0; }
ul.pagination li { float:left; }
ul.pagination li a { padding:2px 4px 2px 0; opacity:0.7;}
ul.pagination li a:hover { opacity:1;}
ul.pagination li.active a { opacity:1;}
#loopedSlider a.next { position:absolute; top:200px; right:30px; opacity:0.5;}
#loopedSlider a.previous { position:absolute; top:200px; left:30px; opacity:0.5;}
#loopedSlider a.next:hover, #loopedSlider a.previous:hover { opacity:1; }
#loopedSlider .photo-caption { position:absolute; bottom:15px; right:20px; background:#222; color:#fff; padding:5px 10px;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; opacity:0.7; }

/*MooTools*/

#top-panel{
	width: 800px;
	text-align:left;
}
#sub-panel{
	width: 76px;
	margin-left: 5px;
	padding: 3px 5px 2px 5px;
	font-size: 12px;
	background: #eee;
	border: 1px solid #bfbfbf;
}