/*
Theme Name: Sneakerfiles Pro
Theme URI: http://www.sneakerfiles.com/
Description: Customzied wordpress theme for sneakerfiles. 
Version: 1.0
Author: Rahul Bansal
Author URI: http://rtcamp.com
Tags: Snekerfiles
*/

/*	IMPORTANT
==================
Dependencies ::
	1. Breadcrumb NavXT Plugin - http://wordpress.org/extend/plugins/breadcrumb-navxt/
	2. Paged Navigation - http://wordpress.org/extend/plugins/wp-pagenavi/
	3. Clean Gallery Wordpress Plugin - http://justintadlock.com/archives/2008/04/13/cleaner-wordpress-gallery-plugin

Other Supported Plugins ::
	1. Subscribe to comments - http://wordpress.org/extend/plugins/subscribe-to-comments/

Wordpress Settings::
	1. Dashboard >> Settings >> Media >> Large Size >> Max Width = 600px
	
Color Palette:
	Link colors: #00A8E7;
	gray-shade-light: #EAEAEA;
	gray-medium-dark: #999999;
*/

/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* BASICS */
/* ----------------------------------------- */
body{
	background: #DEECEC url(images/bg.jpg) repeat-x scroll left top;
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
	margin: 10px auto;
	padding: 0px;
	overflow-x: hidden;
}

/* BASICS & TYPOGRAPHY */
/* ----------------------------------------- */
a{ color: #00A8E7; text-decoration: none;}
	a:hover{text-decoration: underline;}

/* headings	 */
h1{font-size: 180%;}
h2{font-size: 160%;}	
h3{font-size: 140%;}
	
p, ul, ol, em, strong{line-height: 160%;}
input{padding: 2px 5px;}

.clear{clear: both;}
.alignleft,
.left{float:left;}
.alignright,
.right{float:right;}

/* LAYOUT */
/* ----------------------------------------- */
#outline{width: 996px;background: #fff;margin: 0px auto;}
	#wrapper{clear: both;padding: 0;}
		#content{width: 600px;float: left; padding: 10px;}
		#sidebar{float: left; width: 345px; padding: 10px;}
		
/* HEADER, Breadcumb & Navbar */
/* ----------------------------------------- */
#header{background: #000;float: left;}
	#logo{float: left; width: 258px;  height: 90px; padding: 5px;}
	#banner{float: right;width: 728px; height: 90px}
	#breadcumb{clear: both;padding: 5px 20px; font-size: 110%; color: #fff;}

#navbar{background: url(images/menubg.gif) repeat-x; width: 996px; clear: both; font-size: 110%; font-weight: bold; height:38px;}
	#navbar ul {float: left;}
		#navbar ul li {	float: left; margin:2px 0; border-right:1px solid #666666; height: 34px;}
			#navbar ul li a { color:#89B0FF; line-height: 34px; padding: 10px 20px; text-decoration: none;}
			#navbar ul li.current_page_item,
			#navbar ul li a:hover {	background: #000;}

/* POST */
/* ----------------------------------------- */
.post{clear: both; margin-bottom: 20px; border-bottom: 1px solid #ccc}
	/* headings */

	.post h1{margin: 0 0 10px 0; font-weight: bold; border-bottom:1px dotted #00A8E7;}
		.post h1 a{}
		.post h1 a:hover{color: #00A8E7; text-decoration: none;}

	/* 	rating		 */
	.post .rating-div{padding-bottom: 10px; float: left; margin-right: 20px}
	.post .post-text {clear: both}
	
	/* images */
	.post img{ padding: 0 5px;} 
	/* formatting */
	.post h2{font-size: 150%;font-weight: bold;}
	.post h3{font-size: 135%;font-weight: bold;}
	.post ul li{list-style-type: disc;}
	.post ol li{list-style-type: decimal;}
	.post ul,
	.post ol{padding-left: 40px;}
	.post p, .post ul, .post ol, .post em, .post strong, .post h2, .post h3, .post h1, .post li{line-height: 160%;}

	.post blockquote{display: block;}

	/* post meta */
	.post-meta{ clear: both; margin:20px 0; border-top:1px dotted #00A8E7; padding: 5px; height: 20px;}
		.post-date{background: url(images/date_small.jpg) no-repeat; padding: 0 0 5px 20px}
		.post-comments{background: url(images/comment.png) no-repeat; padding: 0 0 5px 20px}
		.post-tags{background: url(images/tag_blue.png) no-repeat; padding: 0 0 5px 20px}

	/* post meta big box for ebay an related posts*/
	.post-meta-big{clear: both; overflow: hidden; margin: 10px 0}
	.post-meta-box{padding:5px; background:url(images/sidebar_boxes_bg.jpg) repeat-x; border:1px solid #ccc; text-align: left;}
	.post-meta-box h2{margin-bottom: 5px;  color:#848585}
	.post-meta-box ol {list-style-type: none; padding: 0px;}
	.post-meta-box ol li a{padding:2px 2px 4px 4px; text-decoration:none; color:#0B5B7E; display: block}
	.post-meta-box ol li a:hover{color:#333; background:#CFC}
/* 	.post-meta-big ul li a{padding:2px 2px 4px 4px; text-decoration:none; color:#0B5B7E; background:url(images/dotted_bg.jpg) repeat-x bottom left; display: block} */
	
	/* 	page navigation on single post & pages */
	.page-navigation{margin:20px 0px 10px 0px;}
	.page-navigation .alignleft{float:left;}
	.page-navigation .alignright{float:right;}
	.page-navigation .alignleft a,
	.page-navigation .alignright a{ padding:5px;  background:#d8e6e6; color:#000; border:1px #999 solid; display:block}
	.page-navigation .alignleft a:hover, 
	.page-navigation .alignright a:hover{background:#000; color:#FFF; text-decoration:underline}
	
	/* post ads */
	.post-ads{padding-bottom: 10px;}

/* COMMENT */
/* ----------------------------------------- */
.comments-div{clear: both;padding: 0 8px;}

.commentlist{ padding: 10px 0px;}
	.comment{padding:10px; margin:10px 0px; background:url(images/sidebar_boxes_bg.jpg) repeat-x; border:1px solid #ccc; min-height: 68px}
		.comment .vcard img{padding-right:10px; float: left;}
		.comment .vcard cite{font-weight: bold;	float: left;padding-right: 10px;}
		.comment .vcard span{float: left;}
		.comment .comment-meta{	float: right;font-size: 86%;}
		.comment p{	padding: 20px 10px 5px 80px;}
		.comment .reply{clear: both;float: right;}
	
/* 	Comment Form */
.postcomment {padding: 10px;}
	.postcomment input#author,
	.postcomment input#email,
	.postcomment input#url {width: 250px;height: 18px;margin: 2px; border: 1px solid #00A8E7}
	.postcomment textarea#comment {	width: 550px;height: 100px; border: 1px solid #00A8E7}

/* Gallery */
/* ----------------------------------------- */
p.attachment{text-align:center;border-bottom: 1px solid #eaeaea;padding: 0 0 12px 0;}

div.navigation{ width:600px; height: 170px;}
	div.navigation img{border:2px solid #fff;}
	div.navigation a:hover img{opacity:0.9;}
	div.navigation a{display:block;}
	div.navigation .alignleft{float:left;text-align:left;}
	div.navigation .alignright{float:right;text-align:right;}
	div.navigation .alignright a{background:transparent url(images/gallery-arrow-next.jpg) no-repeat scroll right center;padding-right:36px;}
	div.navigation .alignleft a{background:transparent url(images/gallery-arrow-prev.jpg) no-repeat scroll left center;padding-left:36px;}

/* SIDEBAR */
/* ----------------------------------------- */
#sidebar {text-align: left !important}

.sidebar-widget-plain{padding:10px 5px; text-align: left;}

.sidebar-widget{padding:10px; margin:10px 0px; background:url(images/sidebar_boxes_bg.jpg) repeat-x; border:1px solid #ccc; text-align: left;}
	.sidebar-widget h2{margin-bottom: 5px;  color:#848585}
	.sidebar-widget ul{}
	.sidebar-widget ul li{}
	.sidebar-widget ul li a{padding:2px 2px 4px 4px; text-decoration:none; color:#0B5B7E; background:url(images/dotted_bg.jpg) repeat-x bottom left; display: block}
	.sidebar-widget ul li a:hover{color:#333; background:#CFC}


/* SEARCH FORM */
/* ----------------------------------------- */
.search-box{margin-left: 20px;  display: block; height: 28px}
	.search-box-left{float:left; width:18px; height:32px; background:url(images/search_box_left.jpg);}
	.search-box-middle{float:left; width:214px; height:32px; background:url(images/search_box_middle.jpg) repeat-x; padding-top: 4px;}
	.search-box-right{float:left; width:53px; height:32px; background:url(images/search_box_right.jpg);}
	.search-box input{border: none; background: #fff !important; margin-top: 3px}

/* FOOTER */
/* ----------------------------------------- */
#footer{border-top:1px solid #CCCCCC; clear:both;padding:10px;width:976px; margin: 10px 0;}

#footer-links p{padding:4px; text-align:center; width:900px; line-height:150%;}
	#footer-links p a{margin:0px 10px; text-decoration:none;}
	#footer-links p a:hover{color:#000000}
	
/* Subheader - home page only */
/*-----------------------------------*/
#subheader{width:956px; height: 320px; background: #000; padding: 5px 20px; overflow: hidden}
	#subheader-ads{float: right;}
	/* Slide Show */
	#slide-show {position: relative; width:620px;height: 250px;overflow: hidden; text-align: center;}
	.slide{text-align: center; position:relative !important;}
		.slide .slider-title-bg{position:absolute;z-index:900; width: 620px; height:30px; opacity: 0.5; background: #222; top: 220px; left: 0}		
		.slide h1{position:absolute;z-index:990; width: 610px; height:30px; padding: 0px 5px; top: 220px; left: 0}
		.slide h1 a{font-size: 90%;color: #ddd;text-decoration: none;}
	
	#controls {position:absolute;z-index:999;margin:-160px 0 0 0; width: 615px; height: 44px;}
		#controls a#prev1 {width:44px;height:44px;float:left; margin-left: 5px; background-image:url(images/left-arrow.jpg); opacity: 0.3;}
		#controls a#next1 {width:44px;height:44px;float:right;margin-left:520px;background-image:url(images/right-arrow.jpg); opacity: 0.3;}
		#controls a#prev1:hover,
		#controls a#next1:hover {opacity: 1.0;}
	
	#newsletter{clear: both; float:left; background: url(images/subscribe-bg.jpg) repeat-x; width: 620px; margin: 5px 0; height: 50px; -moz-border-radius: 10px}
	/* 	fix for newsletetr box in post */
	div.post-text div#newsletter{width: 600px;}
	

		#newsletter p{color: #ccc; text-align: center; float: left; font-size: 110%; font-weight: bold; padding-top: 5px; margin-left: 10px}

		.newsletter-form{float:left; height:39px; padding: 8px}
		.newsletter-textbox-left{float:left; width:4px; height:39px; background:url(images/news_letter_left_bg.jpg) no-repeat}
		.newsletter-textbox-middle{float:left;  width:220px; height:39px; background:url(images/news_letter_middle_bg.jpg) repeat-x;}
		.newsletter-textbox-right{float:left; width:4px; height:39px; background:url(images/news_letter_right.jpg) no-repeat;}
		.newssubmit{float:left; width:49px; height:39px; margin-top: -2px}
		#newsletterinput{border:0px; width:190px; background:#fff !important; font-weight:bold; margin:5px 10px; padding:5px;}
		
	#feedbox{float:right; margin: 5px 0; background: url(images/subscribe-bg.jpg) repeat-x; width: 280px; height: 50px; -moz-border-radius: 10px; font-size: 160%; font-weight: bold; color: #fff; padding: 10px;}
		#feedbox img{padding: 0 5px; vertical-align: middle;}


/* extras      */
/*-------------*/
.related-posts{clear: both; margin-left: 5px;}
.rt_custom_thumbie_hover{display: block;}
.rt_custom_thumbie_hover:hover{color:#000;background:#DDDDEE;text-decoration: none;}
#wp_thumbie_thumb {border:1px solid #D3D3D3;padding:3px!important;}
#wp_thumbie_thumb, description {margin-left:0px!important;}
#wp_thumbie_title{padding-left: 3px;text-align:left;padding:8px;}
#wp_thumbie_thumb{margin-left: 1px!important}