/*
Theme Name: Romanii
Description: A custom grunge style wordpress theme.
Version: 1.0
Author: Muthuswamy K
Author URI: http://www.muthuswamy.in/
*/

/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{line-height:1.4; background:url(images/back.png); font-family: Arial, Helvetica, sans-serif; font-size:13px;}
a{text-decoration:none; color:#4580a2;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{background:url(images/container.png) repeat-x top;}
#holder{width:892px; margin: 0px auto;}
#header{height:186px; overflow:hidden;}
#nav-main{background:url(images/nav.png) no-repeat center top; height:45px; padding:0 10px;}
#content-box{}
#banner{height:147px; position:relative; z-index:100; background:url(images/banner.jpg) no-repeat center top;}
#full-panel{background:#fff; padding:20px 35px 40px 35px; outline:#eaeaea solid; outline-width:2px; border:#dbdbdb solid; border-width:0 1px 1px 1px;}
#main-panel{float:left; width:608px; margin-right:24px; padding-top:20px;}
#sidebar{float:left; width:260px; padding-top:25px;}
#footer{color:#5f5f5f; padding:15px 0; text-align:center;}

/* HEADER */
#logo{float:left;}
#sub-logo{display:none;}

	/* SEARCH */
	#searchform{padding-top:136px;}
	#searchform fieldset{background:url(images/search_box.png) no-repeat; width:213px; height:29px; float:right;}
	#s{background:none; height:22px; padding:3px 4px 0 8px; position:relative; top:-2px; width:160px; color:#545454; font-size:14px; border:0;}
	#searchsubmit{background:url(images/search.gif) no-repeat; width:25px; height:22px; border:0; cursor:pointer; margin-top:4px;}

/* NAVIGATION */
#nav-main li{float:left; line-height:45px; font-family: Georgia, serif; font-size:14px; padding:0 7px 0 5px; background:url(images/nav_sep.png) no-repeat right top;}
#nav-main li:last-child{background:none;}
#nav-main li a{float:left; color:#f4f4f4;}
#nav-main li a span{float:left; padding:0 10px;}
#nav-main li a:hover, #nav-main li.current_page_item a, #nav-main li.current_page_parent a{background:url(images/nav_hov_r.png) no-repeat right 50%; text-decoration:none;}
#nav-main li a:hover span, #nav-main li.current_page_item a span, #nav-main li.current_page_parent a span{background:url(images/nav_hov_l.png) no-repeat left 50%;}

/* CONTENT */
.pagetitle{text-align:center; color:#666; margin-bottom:5px;}

	/* SIDEBAR */
	.box{margin-bottom:30px;}
	.box h3{background:#4580a2; font-size:15px; color:#fff; padding:0 15px; line-height:28px; text-transform:uppercase;}
	.box-content{color:#5d5d5d;}
	.box-content{background:url(images/box.png) no-repeat center top; padding-top:12px;}
	.box-content ul li{background:url(images/box_list.gif) no-repeat center bottom; padding:6px 4px;}
	.box-content ul li li{margin-left:10px;}
	.box-content ul li a{color:#585858;}
	.box-content p{padding:5px 0 7px 0;}
	.box-content b, .box-content strong{font-weight:bold;}
	.box-content i, .box-content em{font-style:italic;}
	
		/* FEED */
		.feed-box{width:205px; height:64px; background:url(images/feed.png) no-repeat center top; margin-bottom:20px; color:#4e7496; padding-left:55px;}
		.feed-box .feed-txt{width:184px; padding:1px 3px 0 3px; border:0; background:none; margin:5px 0 3px 0;}
		.feed-box .feed-btn{background:none; border:0; float:right; color:#fff; cursor:pointer;}

	/* POST */
	.post{background:url(images/post.png) repeat-y center; margin-bottom:35px;}
	.post .post-top{background:url(images/post.png) no-repeat left top;}
	.post .post-bot{background:url(images/post.png) no-repeat right bottom;}
	.post-hold{margin-left:46px;padding:20px;}
	
	.post-meta{background:url(images/post_meta.png) no-repeat; width:46px; height:96px; float:left; margin-top:20px;}
	.post-meta .post-date{color:#fff;font-size:12px; text-align:center; text-transform:uppercase; height:60px; overflow:hidden; text-shadow: #333 2px 2px 2px;}
	.post-meta .post-date strong{font-size:30px; display:block; line-height:1.3;}
	.post-meta .post-comment{margin-top:12px; line-height:24px;}
	.post-meta .post-comment a{color:#fff;display:block; padding:0 4px 0 21px; text-align:center;}
	.post-meta .post-comment a:hover{text-decoration:none; color:#333;}
	
	.post-title{margin-bottom:5px; color:#3d7290; font-family: Georgia, serif; font-size:25px; font-weight:normal!important;}
	.post-title a{color:#3d7290;}
	.post .post-title, .post .post-title a{color:#15445f; line-height:1;}
	.post-author, .post-author a{line-height:1; color:#8fa8b6; font-size:12px;}
	
	.post-content{padding:15px 0;}
	.post-content p{padding:0 0 10px 0;}
	.post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	.post-content blockquote p{padding:0;}
	.post-content h1{font-size:17px; font-weight:bold;}
	.post-content h2{font-size:15px; font-weight:bold;}
	.post-content h3{font-size:13px; font-weight:bold;}
	.post-content b, .post-content strong{font-weight:bold;}
	.post-content i, .post-content em{font-style:italic;}
	
	.navigation{height:20px; padding:4px 10px;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}
	
		/* Wordpress Classes */
		img.alignleft, img.alignright{border:#e0e0e0 3px solid;}
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
		.alignleft{float: left; margin:3px 15px 5px 0;}
		.alignright{float: right; margin:3px 0 5px 15px;}
		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
		
	/* COMMENT */
	#comment-area{padding:0 15px;}
	#comments, #respond{color:#168eb0; font-size:18px;}
	#commentform{font-size:12px;}
	#commentform p{padding:8px 0; clear:left;}
	#commentform label{width:100px; color:#666; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}
	#commentform .req{color:#f00;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px; border:#d9d9d9 1px solid;}
	#comment{width:400px; border:#d9d9d9 1px solid;}
	#submit{background:url(images/comment_btn.png) no-repeat left top; border:0; color:#fff; height:25px; width:155px; margin-left:110px; padding-bottom:2px; cursor:pointer;}
	
	ol.commentlist{padding:0;}
	ol.commentlist li{padding:10px; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f0eee9;}
	ol.commentlist .comment-author{}
	ol.commentlist .avatar{display:none;}
	ol.commentlist .says{display:none;}
	ol.commentlist .url, ol.commentlist .fn{color:#000; font-size:15px; font-weight:bold;}
	ol.commentlist .comment-meta{font-size:11px; margin-bottom:5px;}

/* FOOTER */

/* OTHER */
.clear{clear:both;}
.al-right{text-align:right;}