/*
Theme Name: Topplista
Description: Fully Customizable 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; font-size:12px; background:url(images/body.png); font-family: Arial, Helvetica, sans-serif; font-size:12px;}
a{text-decoration:none; color:#930;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
html, body, #wrap, #container {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#container{background:url(images/container.png) repeat-x top;}
#main {padding-bottom: 120px;}
#header{background:url(images/header.jpg) no-repeat center top; height:119px; color:#fff;}
#nav-main{height:43px; line-height:43px; margin-bottom:30px;}
#content-box{}
#left-panel{float:left; width:180px; margin-right:20px;}
#main-panel{float:left; width:500px; margin-right:20px;}
#right-panel{float:left; width:280px;}
#footer {background:url(images/footer.jpg) repeat-x top; position: relative; margin-top: -120px; height: 90px; clear:both; text-align:center; padding-top:30px; color:#dde2ea;}
.holder{width:1000px; margin: 0px auto;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
	
/* HEADER */
#logo{padding-top:27px;}
#dagens-box{background:url(images/header_split.jpg) no-repeat left top; float:right; height:94px; width:465px; padding:15px 10px 10px 25px;}
#dagens-box h3{font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:20px; line-height:1;}
#dagens-box p{padding-top:8px;}
.btn-red-small{background:url(images/btn_red_small.png) no-repeat left top; width:76px; height:26px; display:inline-block; overflow:hidden; color:#fff; font-weight:bold; text-align:center; font-size:16px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
.btn-red-small:hover{text-decoration:none;}

/* NAVIGATION */
#nav-main ul li{float:left; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; background:url(images/nav_sep.png) no-repeat right top;}
#nav-main ul li:last-child{background:none;}
#nav-main ul li a{float:left; font-weight:bold; color:#fff; padding:0 20px;}
#nav-main ul li a:hover{color:#ccc; text-decoration:none;}
#nav-main ul li.current_page_item a{color:#00b4ff;}

/* CONTENT */

	/* SIDEBAR */
	.box{background:url(images/box_small.png) repeat-y center; margin-bottom:20px;}
	.box .box-bot{background:url(images/box_small.png) no-repeat right bottom;}
	.box .box-top{background:url(images/box_small.png) no-repeat left top;}	
	.box-mid {background:url(images/box_medium.png) repeat-y center; margin-bottom:20px;}
	.box-mid .box-bot{background:url(images/box_medium.png) no-repeat right bottom;}
	.box-mid .box-top{background:url(images/box_medium.png) no-repeat left top;}		
	.box h3{font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#494a4a; line-height:45px; padding-left:10px;}
		h3.ico-loud{background:url(images/ico_loud.png) no-repeat 5px 4px; padding-left:55px;}
		h3.ico-twit{background:url(images/ico_twit.png) no-repeat 5px 4px; padding-left:55px;}
	.box .box-content{padding:10px;}
	.box ul li{border-bottom:#f1f3f4 1px solid; padding:6px 6px 6px 13px; background:url(images/bullet.gif) no-repeat left 12px;}
	.box ul li:last-child{border:0;}
	.box a{color:#333;}
	.box p{padding-bottom:5px;}
	.box b, .box strong{font-weight:bold;}
	.box i, .box em{font-style:italic;}
		ol.adbox{padding:10px 0 10px 10px; float:left;}
		ol.adbox li{float:left; margin:0 7px 7px 0;}
		ul.twitbox li{padding:6px; background:none;}
		ul.twitbox li a{color:#930;}
		.btn-red{background:url(images/btn_red.png) no-repeat left top; width:186px; height:36px; display:inline-block; overflow:hidden; color:#fff!important; font-weight:bold; text-align:center; font-size:22px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom:10px;}
		.btn-red:hover{text-decoration:none;}
	
	/* POST */
	.post{background:url(images/post.png) repeat-y center; margin-bottom:20px;}
	.post .post-bot{background:url(images/post.png) no-repeat right bottom;}
	.post .post-top{background:url(images/post.png) no-repeat left top;}
	.post-title{padding:0 15px;}
	.post-title, .post-title a{line-height:45px; color:#494a4a; font-size:20px; font-weight:bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
	.post-title a:hover{text-decoration:none; color:#426795;}
	.post-content{padding:15px;}
	.post-content a{color:#044899;}
	.post-content img{border:#d9e1e8 1px solid; padding:2px;}
	.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; color:#000;}
	.post-content h2{font-size:15px; font-weight:bold; color:#000;}
	.post-content h3{font-size:13px; font-weight:bold; color:#000;}
	.post-content b, .post-content strong{font-weight:bold; color:#000;}
	.post-content i, .post-content em{font-style:italic;}
	.post-extra{background:#fafafa; border:#b2b2b2 1px dashed; padding:15px; margin:5px 0;}
	.post-extra h3{color:#930; font-size:20px; font-weight:bold; border-bottom:#e5e5e4 1px solid; margin-bottom:5px;}
	.post-ad{background:#f0f0f0 url(images/post_ad.gif) no-repeat left top; width:600px;}
	.post-ad-hold{background:url(images/post_ad.gif) no-repeat right bottom; text-align:center; padding:10px;}
	
	.top-list{padding:0 1px 10px 1px;}
	.top-list th, .top-list td{padding:5px; vertical-align:middle;}
	.top-list a, b{color:#900; font-weight:bold;}
	.top-list thead th{background:#036; color:#fff; font-weight:bold; line-height:30px;}
	.top-list .red-btn{background:url(images/btn_red_small2.png) no-repeat;width:58px; height:22px; display:inline-block; text-align:center; color:#fff; font-weight:bold; font-size:14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
	.top-list .grey-btn{background:url(images/btn_grey_small2.png) no-repeat;width:58px; height:22px; display:inline-block; text-align:center; color:#fff; font-weight:bold; font-size:14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
	.top-list .red-btn:hover, .top-list .grey-btn:hover{text-decoration:none;}
		.top-list .tl-col1 img{width:100px;}
		.top-list .tl-col4{width:50px;}
		.top-list .tl-col5{width:130px;}
	
	.navigation .alignleft{float:left; line-height:20px;}
	.navigation .alignright{float:right; line-height:20px;}
	
		/* Wordpress Classes */
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
		.alignleft{float: left; margin:0 10px 10px 0;}
		.alignright{float: right; margin:0 0 10px 10px;}
		.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 */
	#comments, #respond{font-size:18px; color:#333;margin-bottom:15px; clear:both;}
	#commentform p{padding:8px 0; font-size:12px;}
	#commentform label{width:100px; 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;}
	#comment{width:380px;}
	#submit{background:#0c5d81; border:#377a97 1px solid; color:#fff; height:30px; margin-left:110px; cursor:pointer;}
	#submit:hover{background:#377a97;}
	
	ol.commentlist{}
	ol.commentlist li{padding:15px; background:#fff; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f5f5f5;}
	ol.commentlist .comment-content{padding:10px 0;}
	ol.commentlist .comment-content a{color:#39c;}
	ol.commentlist small{font-size:11px;}
	ol.commentlist .avatar{display:none;}
	ol.commentlist .comment-meta{margin-bottom:5px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}

/* FOOTER */
#footer .holder{width:950px;}
#footer a{color:#fff;}
#footer li{display:inline;}
#footer li a{padding:0 4px;}
#footer p{padding-top:5px;}
#footer p small{font-size:11px;}

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