/* 
Theme Name:Tricks-Theme-2
Theme URI:http://tricks-collection.com/
Description:Tricks Themes 2 is two columns version of this theme. The theme also Adsense Ready and SEO friendly
Version:1
*/

/* Begin Typography & Colors */
*{margin:0;padding:0;}
body{background:#282828;margin:10px auto;font:normal 12px "Verdana", sans-serif;color:#000000;}
input, button, textarea, select{ font:normal 12px/12px "Verdana", sans-serif;color:#535353;vertical-align:middle;}
legend{display:none;}
fieldset{border:none;}
blockquote{margin:1em;padding:0 25px;background:url(images/quote.gif) no-repeat left top;font:italic 1em/1.5 Georgia, Times, serif;}
a{color:#333;text-decoration:none;}
a:hover, a:active{color:#174271;text-decoration:underline;}

h1, h2, h3, h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h4{margin:20px 0 10px 0}
img{border:0;}

/* wrapper */
#wrapper{width:920px;padding:10px 0 0 0;margin:0 auto;overflow:hidden;background:#fff;} 

/* Top Menu */
.menu{width:880px;margin:0 20px;border:0 solid #403f3f ;background:#403f3f;overflow:hidden;}
/**/ * html .menu{height:1%;} /* */ 
.menu ul{float:left;padding:3px;}
.menu li{display:inline;font-weight:bold;float:left;}
.menu li ul{display:none;}
.menu li a{color:#fff;padding:4px 10px 5px 10px;display:block;padding-left:10px;margin-right:2px;float:left;}
.menu li a:hover{background:#666;color:#fff;text-decoration:none;}
.topadsense{width:860px;margin:0 20px;background:#666;border-top:1px solid #FF6600;padding:4px 10px 5px 10px;color:#fff;}

/* Header */
.header{width:900px;padding:0 10px 10px 10px;position:relative;}
.logo{margin:0;padding:0;width:470px;font-size:300%;top:0;}
.logo a{width:470px;display:block;background:url(images/logo.png) no-repeat;text-transform:uppercase;text-indent:-5000px;height:76px;}

/* Search */
.search{width:250px;position:absolute;right:0;bottom:30px;padding:11px 20px 0 0;}
.search form{float:right;margin-right:0;}
.search input{float:left;background:url(images/search-input.png) no-repeat;border:none;padding:8px 0 7px 18px;width:182px;color:#000066;font-weight:bold;}
.search button{float:left;background:url(images/search-button.png) no-repeat;width:44px;height:29px;border:none;cursor:pointer;color:#fff;vertical-align:middle;padding:2px 5px 5px 0;font:bold 12px/12px "Verdana", sans-serif;}

/* layout */
#main{background:url(images/bg-content.gif) repeat-y;margin:10px 0;}
#content{margin:0;width:550px;float:left;margin:0;padding:0 15px 0 20px;}
#content p a {color: #174271 !important;text-decoration: underline !important;}
.post{padding:0;}
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}

/* CONTENT */
#content h2{ color:#333;font:normal 23px/23px Arial, sans-serif;letter-spacing:-1px;border-bottom:solid 1px #d7d7d7;padding:10px 0 10px 0;margin-bottom:10px;}
#content h2 a{color:#333;text-decoration:none;}
#content h2 a:hover{color:#333;text-decoration:none;}

#content h3{ color:#333;font:normal 18px/18px Arial, sans-serif;letter-spacing:-1px;border-bottom:solid 1px #d7d7d7;padding:20px 0 10px 0;margin-bottom:10px;}
#content h3 a{color:#333;text-decoration:none;}
#content h3 a:hover{color:#333;text-decoration:none;}

.under, .info{	margin-top:5px; font-size:11px;height:18px;line-height:18px;}
.tags{background:url(images/tag.gif) 0 center no-repeat;padding:0 0 0 20px;float:left;margin-left:15px;}
.categories{background:url(images/archives.gif) 0 center no-repeat;padding:0 0 0 20px;float:left;}
.more{padding:0 0 0 20px;float:right;font-weight:bold;font-size:12px;}
.more a{text-decoration: underline;}
.date{background:url(images/date.gif) 0 center no-repeat;padding:0 15px 0 20px;float:left;}
.author{background:url(images/author.gif) 0 center no-repeat;padding:0 15px 0 20px;float:left;}
.editpost{background:url(images/edit.gif) 0 center no-repeat;padding:0 0 0 20px;margin-left:15px;float:right;}
.comments{background:url(images/comment.gif) 0 center no-repeat;padding:0 0 0 20px;float:right;}

#content .under a, #content .info a{color:#555;text-decoration:none;}

/* table setting for content only*/
#content table{background:#FFF;border:1px solid #CCC;border-collapse:collapse;margin:5px 0 10px;}
#content th, #content td{border:1px solid #CCC;padding:5px 10px;text-align:left;vertical-align:top;}
#content tr.even td{background:#F7F7F7;}
#content th{background:#EDEFF0;}
.post p{padding:5px 0;margin:5px 0;line-height:150%;}

.post{padding-bottom:20px;}
.post ul{list-style:none;line-height:150%;}
.post ul li{padding-left:33px;position:relative;background:url(images/p-con-li.png) no-repeat 15px 3px;}
.post ol li{margin-left:35px;position:relative;line-height:150%;}

/* COMMENT START */
#commentlist{margin:0;padding:0;border-bottom:1px solid #ccc;clear:both;}
#commentlist ol{margin-bottom:10px;}
#commentlist li{margin:10px 3px;	padding:10px;list-style:none;}
#commentlist li li{margin:0 -10px -10px -10px;}
#commentlist li li{margin:0 -10px -20px -10px;border-top:10px solid #fff;}

/* comment content style */
.avatar{border:1px solid #bbb;float:right;}
.odd, .even, .byuser{margin:5px;}
.even{background:#fafafa;border:1px solid #f0f0f0;}
.odd{background:#EDEFF0;border:1px solid #f0f0f0;}
.byuser{background:#E7F7D3;border:1px solid #DBF7B9;}
.comment-author{font-weight:bold;}
.comment-meta{font-size:10px;}

#commentnavi{background:#EDEFF0;padding:10px 5px;margin:0 3px;}
.textfield{padding:3px;width:200px;border-top:1px solid #999999;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;border-left:1px solid #999999;}
.text_input{width:545px;border-top:1px solid #999999;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;border-left:1px solid #999999;}
#submitbox a.feed{background:url(images/rss-comment.png) 0 center no-repeat;padding-left:22px;height:16px;line-height:16px;display:block;float:left;}
#submitbox #submit{padding:3px 6px;background:#B4D666;border-top:1px solid #B4D666;border-right:1px solid #81B840;border-bottom:1px solid #81B840;border-left:1px solid #B4D666;color:#074A7E;font-size:11px;cursor:pointer;}
#submitbox #submit:hover{background:#98C64C;border-top:1px solid #76B33A;border-right:1px solid #98C64C;border-bottom:1px solid #98C64C;border-left:1px solid #76B33A;color:#074A7E;}
#submitbox .submitbutton{float:right;}

/* PAGE NAVIGATION LINK */
#pagenavi, #postnavi{border-top:1px solid #CCC;margin:10px 0px 0;padding:10px 0;}
.older a, .prev a{background:transparent url(images/icons-prev.gif) 0 0 no-repeat;padding-left:18px;float:left;line-height:16px;}
.newer a, .next a{background:url(images/icons-next.gif) 100% 0 no-repeat;padding-right:18px;float:right;line-height:16px;}

/* next n prev navigasi*/
.next{float:right;text-align:right;width:49%;} 
.prev{float:left;text-align:left;width:49%;} 

/* emboh */
.alignright{float:right;text-align:right;margin:5px 0 0 5px;} 
.alignleft{float:left;text-align:left;margin:5px 5px 0 0;} 

/* SIDEBAR */
.module, .subscribe{margin-bottom:5px;padding:0 0 5px 0;}
.module h3{color:#333;font:bold 15px/15px Arial, sans-serif;padding:5px 0 6px 20px;margin-bottom:10px;border-bottom:1px solid #ddd; background:url(images/h3.png) 0 3px no-repeat;}

.subscribe{border-bottom:1px solid #DACFA9;}
/* Subscribe */
.subscribe{}
.subscribe h4{font:bold 20px/20px Arial, sans-serif;text-align:left;background:#fff url(images/news.png) 0 0 no-repeat;padding-top:15px;padding-bottom:15px;color:#000000;}
.subscribe div.box{background:url(images/mail.png) no-repeat;padding:0;padding-left:50px;}
.box p{line-height:1.3em;margin:0 0 5px 0;}
.subscribe{width:100%;}
.subscribe fieldset{display:inline;margin-bottom:10px;border:0;}
.feedlink{background:url(images/rss.gif) no-repeat left;padding-bottom:2px;padding-left:20px;font-weight:bold;font-size:11px;margin-right:10px;}
.feedburnerlink{background:url(images/feedburner.gif) no-repeat left;padding-bottom:2px;padding-left:20px;font-weight:bold;font-size:11px;margin-right:10px;}

/* FORM */
.inputbox{padding:1px;font-family:Tahoma, Arial, sans-serif;font-size:100%;}
.inputbox{background:#FFFFFF;color:#000;}
.button{padding:2px 5px;border:1px solid #333;color:#000;background:url(images/but-bg.png) repeat-x center ;}
.inputbox{margin-bottom:1px;padding:3px 2px;}
.inputbox{	border-top:1px solid #333;border-right:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #333;}

/* Sponsor */
.sponsor{padding:3px 0;margin:0;text-align:center;border:#ccc 1px solid;}
.sponsor img{padding:5px;margin:3px;border:#ddd 1px solid;background:#fefefe;}

.clr{clear:both;}

.module ul{list-style-type:none;margin:0;padding:0;}
.module ul li{list-style:none;padding:3px 0 3px 20px;line-height:15px;background:transparent url(images/archives.gif) 1px 4px no-repeat;}
.module a{color:#000000;}

/* Categories */
ul .cat-item {padding:0;margin:0;}
#sidebarwrap .cat-item {list-style:none;padding:3px 0 3px 20px;line-height:15px;background:transparent url(images/archives.gif) 1px 4px no-repeat;}
#sidebarwrap .children li {list-style:none;padding:3px 0 3px 16px;line-height:15px;background:transparent url(images/subcat.gif) 1px 5px no-repeat;margin-left:-16px;}
.cat-item a{color:#000;} 

/* Blogroll */
ul.blogroll {padding:0;margin-bottom:5px;}
 ul.blogroll li{list-style:none;padding:3px 0 3px 19px;line-height:15px;background:transparent url(images/blogroll.gif) 0 3px no-repeat;border-bottom:dashed 1px #f5f5f5;}


#recentcomments li{list-style:none;padding:3px 0 3px 19px;line-height:15px;background:transparent url(images/comment.gif) 0 3px no-repeat;border-bottom:dashed 1px #f5f5f5;}
#recentcomments .url {font-weight:bold;}

/* Calender
--------------------------------------------------------- */
 #calendar_wrap table {border:0px solid #CCC;margin:5px 0 10px; width:100%;}
#wp-calendar caption {font:bold 15px/15px Arial, sans-serif;}
#wp-calendar th {background:#EDEFF0;text-align:center;border:1px solid #CCC;padding:3px 5px;vertical-align:top;}
#wp-calendar td {background:#fff;text-align:center;border:1px solid #CCC;padding:3px 5px;vertical-align:top;}
#wp-calendar #prev {text-align:left;}
#wp-calendar #next {text-align:right;}
#wp-calendar a {color:#0055cc;}
#wp-calendar #today {background:#ccc; font-weight:bold;}

/* Footer */
.footer{background:#fff;width:880px;padding:0 20px 20px 20px;overflow:hidden;margin:0 auto;}
.footer hr{border-left:none;border-right:none;border-top:1px solid #ccc;border-bottom:none;height :1px;display:block;margin-bottom:10px;}
.footer p{padding:1px 0;color:#666;font-size:11px;}
.footer p a, .footer p a:visited, .footer p a:hover{color:#333;font-weight:normal;text-decoration:none;}

/* cicklet */
.cicklet{margin:0;float:right;width:255px;}
.cicklet img{padding:0;margin:1px;background:#fefefe;}

/* Clear fix */
.clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidden;}
.clearfix{display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* article separator */
.article_seperator{display:block;background:url(images/seperator.gif) repeat-x center;height:10px;clear:both;}

/* Bookmark */
.bookmark{padding:10px;border:1px solid #f0f0f0;background:#f5f5f5;}
.bookmark h4{color:#666;font:bold 19px/19px Arial, sans-serif;border-bottom:solid 1px #eee;padding:0;margin-bottom:10px;}
.bookmark img{}
.book{float:left;margin:0 11px 0 0;padding:1px;border:1px solid #eee;background:#ffffff;}
.booklast{float:left;margin:0;padding:1px;border:1px solid #eee;background:#ffffff;}

/* Related Post */
#related_posts{padding:10px;border:1px solid #B7E8FF;background:#E0F5FF;} 
#related_posts h4{color:#666;font:bold 19px/19px Arial, sans-serif;border-bottom:solid 1px #fafafa;padding:0 0 10px 0;margin-bottom:0;}
#related_posts a{color:#000;} 
#related_posts ul{padding:0;}
#related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(images/star.gif) no-repeat 0 7px;}

/* Navigation - PlugIn */
.Nav {margin:10px 0;}
.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 12px;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; color:#000;}

h1 .heading {color:#333};