/*********************************************************************************************

Theme Name: The Rocket
Theme URI: http://www.therocket.com.my
Description: Theme by <a href="http://www.therocket.com.my">therocket</a>
Version: 1.0
Author: The Rocket
Author URI: http://www.therocket.com.my

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Top Navigation
5.  Main Navigation  -------------------  header.php
6.  Featured Slider  -------------------  therocket_featured.php
7.  Featured Tags
8.  Posts Styling ----------------------  index.php, single.php
9.  Comments  --------------------------  comments.php
10.  Sidebar & Widgets ------------------  sidebar.php
11.  Footer  ----------------------------  footer.php

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style-type: none; list-style-position: inside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* 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 */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th { background: #BBCCDD; color: #333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }

@font-face {
    font-family: 'DINAlternateRegular';
    src: url('fonts/ff_din_medium_alternate-webfont.eot');
    src: url('fonts/ff_din_medium_alternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ff_din_medium_alternate-webfont.woff') format('woff'),
         url('fonts/ff_din_medium_alternate-webfont.ttf') format('truetype'),
         url('fonts/ff_din_medium_alternate-webfont.svg#DINAlternateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   
 
a { color: #d61919; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }

.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
 	
.navigation { color: #fff; float: left; width: 98%; margin-left:10px; }
.navigation .alignleft  ,   .navigation .alignright   {margin:15px 15px 15px 0;}
.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
.navigation a { color: #fff; background: #88939D; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }	
#comments .navigation a {color:#fff;}
.navigation .alignleft { float: left; }
.navigation a:hover { color: #fff; text-decoration: none; background: #3e6e8d; }
.navigation .alignright { float: right; }

.pagenav .floatleft a, .pagenav .floatright a {
font-style:italic;
font-size:26px;
}
	
 	.nextpage {
	font-weight:bold;
	text-align:center;
	margin:10px 0;
	}
	
	.nextpage a {
	border:1px solid #BFBFBF;
	margin:2px;
	padding:3px 5px;
	text-decoration:none;
	}
	
h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }

p { margin-bottom:15px; line-height:1.5;}
 
input { padding:5px; }

#searchsubmit { padding:4px;}

#ad468 { width:468px; float:right; text-align:right; margin: 0 0 15px 10px; overflow:hidden;}
#ad980 { text-align:center; margin: 0 0 20px 0; overflow:hidden;}

/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/   


body { 
font-family: Arial;
font-size:12px;
color:#242323;
}
 
 
#page-wrap {
	width: 980px;
	margin: 0 auto;
}

#main-wrap {
 	width:980px;
	float:left;
 	}
	
	#content-wrap {
	width:660px;
	float:left;
	}
	
	#content-wrap.fullwidth { width:980px;} 
		
/********************************************************************************************* 

3. Header & Panels  -------------------------  header.php

*********************************************************************************************/  
 
#header-wrap {
/* border-top:20px solid #2e2b2b; */  
}

#header {
width: 980px;
margin: 0 auto;
text-align:center;
padding:10px 0 25px 0;
}

#top_panel {
width:100%;
height:27px;
margin: 0 0 20px 0;
padding:0;
border-bottom:1px solid #e5e5e5;
}

#date {
width:20%;
height:27px;
float:left;
line-height:27px;
margin-left:-20px;
}

#logo_panel {
width:100%;
}

#logo {
width:47%;
float:left;
}

#logo a {
font-size:48px;
text-transform:uppercase;
color:#2e2b2b;
float:left;
}

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

#logo img {
vertical-align:middle;
}

#rocketbm {
width:75px;
height:15px;
display:inline-block;
background:url("images/bt_rocketbm.png") no-repeat;
margin:12px 25px 0px 0px;
opacity:0.8;
filter:alpha(opacity=80);
}

#rocketen {
width:100px;
height:15px;
display:inline-block;
background:url("images/bt_rocketen.png") no-repeat;
margin:12px 25px 0px 0px;
opacity:0.8;
filter:alpha(opacity=80);
}

#rocketcn {
width:75px;
height:15px;
display:inline-block;
background:url("images/bt_rocketcn.png") no-repeat;
margin:12px 25px 0px 0px;
opacity:0.8;
filter:alpha(opacity=80);
}

#roketkini {
width:133px;
height:20px;
display:inline-block;
background:url("images/bt_roketkini.png") no-repeat;
margin:10px 0px 0px 0px;
opacity:0.8;
filter:alpha(opacity=80);
}

#rocketbm:hover, #rocketen:hover, #rocketcn:hover, #roketkini:hover {
opacity:1.0;
filter:alpha(opacity=100);
}

#top_right {
width:53%;
float:right;
}

#top_right #search_social {
width:468px;
float:right;
text-align:right;
}

#top_right .form_container {
width: 169px;
height: 23px;
float:right;
}

#top_right #searchform {
width: 169px;
height: 23px;
border:1px solid #C4C4C4;
font-size:12px;
}

#top_right #searchform #s  {
width: 136px;
border: none;
padding:1px 6px;
color:#4F4747;
display:inline;
float:left;
font-size:12px;
height:19px;
}
    
#top_right #searchform:hover{
border:1px solid #333;
}
    
#top_right #searchform #searchsubmit  {
text-indent:-9999em;
background:url("images/search.png") no-repeat;
cursor:pointer;
border:0 none;
width:17px;
margin-top:4px;
}

#search_social .social_buttons {
width:auto;
float:right;
margin-left:15px;
}

#search_social #facebook {
width:20px;
height:20px;
display:inline-block;
background:url("images/icons/facebook_sm.png") no-repeat;
opacity:0.7;
filter:alpha(opacity=70);
}

#search_social #twitter {
width:20px;
height:20px;
display:inline-block;
background:url("images/icons/twitter_sm.png") no-repeat;
margin-left:5px;
opacity:0.7;
filter:alpha(opacity=70);
}

#search_social #youtube {
width:20px;
height:20px;
display:inline-block;
background:url("images/icons/youtube_sm.png") no-repeat;
margin-left:5px;
opacity:0.7;
filter:alpha(opacity=70);
}

#search_social #rss {
width:20px;
height:20px;
display:inline-block;
background:url("images/icons/rss_sm.png") no-repeat;
margin-left:5px;
opacity:0.7;
filter:alpha(opacity=70);
}

#search_social #facebook:hover, #search_social #twitter:hover, #search_social #youtube:hover, #search_social #rss:hover {
opacity:1.0;
filter:alpha(opacity=100);
}

.home-top-left {
width:335px; 
float:left;
}

.home-top-right {
width:335px; 
float:right;
}

/********************************************************************************************* 

4. Top Navigation  -------------------------  header.php


*********************************************************************************************/   
#navigation {
width:80%;
height:27px;
float:right;
text-align:right;
margin-right:-20px;
}

#navigation a {
display: inline-block;
height: 27px;
font-weight: bold;
line-height: 27px;
padding: 0 10px;
text-decoration: none;
}
		
#navigation ul li a {
border-right:0;
color: #333;
text-transform:uppercase;
text-shadow:0 1px 0 #cecece;
}

#navigation ul li a:hover, #navigation ul li a.active,  #navigation ul li:hover a {
color:#fff;
text-shadow:none;
border-right:0;
background:#ed1e26;
text-decoration:none;
}

#navigation ul li ul {
 background:#ed1e26;
 }

#navigation ul li ul li a {
width: 130px; /*width of sub menus*/
border-bottom: 1px solid #e5e5e5;
}
 
 
#navigation ul li ul li a:hover { /*sub menus hover style*/
 background:#303537;
 border-right:0;
}

#navigation ul li.current_page_item a, #navigation ul li.current-cat a {
color:#fff;
text-shadow:none;
border-right:0;
background:#ed1e26;
}
 
/********************************************************************************************* 

5. Main Navigation  -------------------------  header.php
   
   Dropdown menu can be styled from /css/ folder -> dropdown.css file

*********************************************************************************************/   
 
#menu {
background:#323030 url(images/menu.png) repeat-x;
border-bottom:4px solid #0a0a0a;
margin:20px 0 20px 0;
font-size:18px;
float:left;
position:relative;
z-index:100;
text-align:left;
}

	.downarrowclass {
	display:none;
	background:url(images/down.png) no-repeat center;
	padding:6px 11px;
	}
	
	.rightarrowclass {
	background:url(images/right.png) no-repeat center right;
	padding:10px;
	position:absolute;
	right:10px;
	}

#menu {
margin-left:0;
}

#menu a {
font-family:"DINAlternateRegular";
font-size:15px;
}

#menu li.current-menu-item a {
color:#ffffff;
background:#ed1e26;
text-shadow:none;
}

#menu ul li ul {
background:#ed1e26;
}

#menu ul li ul li a {
width: 200px; /*width of sub menus*/
border-bottom: 1px solid #e5e5e5;
color:#fff;
text-shadow:none;
border-right:0;
text-decoration:none;
font-size:12px;
font-family:Arial;
line-height:1.2;
}

#menu ul li ul li a:hover {
color:#fff;
background:#ed1e26;
}
 
 
#menu ul li ul li a:hover { /*sub menus hover style*/
 background:#303537;
 border-right:0;
}
 			
 			
/********************************************************************************************* 

6. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   
		
#featured {
background:#0a0a0a;
/*float:left;*/
position:relative;
clear:both;
/*width:660px;*/   
width:335px;
margin-bottom:20px;
}

.container {width: 335px; overflow: hidden; position: relative; }

.slides { position: absolute; top: 0; left: 0; }
.slides div { color: #fff; position: absolute; top: 0; width: 305px; display: none; padding: 15px 15px 10px; line-height: 1.2; font-size: 14px; z-index: 98; }
.slides div h2, .slide div h3 { display: block; padding: 8px 0; line-height: 1.0;}
.slides div h2 a { color: #fff; font-weight: normal; font-size: 28px; }
.slides div h3 a { color: #fff; font-weight: bold; font-size: 20px; font-family:Georgia, Times New Roman; }
/*.slides div img { max-width: 630px; width: 630px; font-size: 0;}*/
.slides div img { max-width: 305px; width: 305px; font-size: 0; margin-bottom:7px;}

ul.pagination { display: none; }

/*a.previous { position: absolute; top: 150px; left: 32px; }*/
a.previous { position: absolute; top: 80px; left: 32px; }
a.next { position: absolute; top: 80px; right: 32px; }
a.browse { position: absolute; width: 39px; height: 39px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; }

a.previous { background-position: 0 -46px; right: 15px; }
a.previous:hover { background-position: 0 0; }

a.next { background-position: -44px -46px; }
a.next:hover { background-position: -44px 0; }

.slides div a.more_link { display: none; }

/********************************************************************************************* 

7. Featured Tags  -------------------------  therocket_featured-tags.php

*********************************************************************************************/   
#primaryBottomTabs {width:335px;overflow:hidden;display:block;margin-bottom:10px;}
#primaryBottomTabs_title{width:100%;overflow:hidden;background:url(images/bg_tabs_title.gif) repeat-x bottom;}
#primaryBottomTabs_title li{float:left;font-size:12px;color:#000;text-transform:uppercase;padding:0 1px 0 0;}
#primaryBottomTabs_title li.last{padding:0;}
#primaryBottomTabs_title li a{float:left;color:#000;background:url(images/bg_tabs_title_a.gif) repeat-x;height:24px;padding:8px 10px 0 10px;}
#primaryBottomTabs_title li.last a{width:70px;white-space:nowrap;}
#primaryBottomTabs_title li a.selected{color:#29568F;background:#fff;height:24px;padding:7px 7px 0 7px;border:1px solid #bcbcbc;border-bottom:0;text-decoration:none;}
.primaryBottomTabs_body{width:313px;background:#fff;border:1px solid #bcbcbc;border-top:0;padding:9px 10px 6px 10px;}
.primaryBottomTabs_body .text {width:320px;}
.primaryBottomTabs_body .text p{padding:5px 0;}
.primaryBottomTabs_body ul{color:#999999;margin:0 0 0 20px;}
.primaryBottomTabs_body ul li{list-style:decimal;font-size:12px;line-height:1.5em;padding:3px 0 3px 0;}
.primaryBottomTabs_body h3 {font-family:Georgia, Times New Roman; line-height:1.0; margin-bottom:10px;}

/********************************************************************************************* 

8. Posts Styling  -------------------------  index.php, archive.php, single.php, page.php

*********************************************************************************************/   

.post {
margin-bottom:25px;
overflow:hidden;
}

	.post .date {
	width:70%;
	float:left;
	color:#1b3e71;
	text-transform:uppercase;
	}
	
	.post h3, .post h2, .post h1 {
	line-height:1.0;
	}
	
	.post h3 a, .post h2 a, .post h1 a {
	/*color:#0a0a0a;*/
	color:#305fa5;
	font-family: Georgia, Times New Roman;
	}
	
 	.post .meta {
	float:left;
	width:100%;
	background:url(images/line.png) repeat-x top;
	/*border-bottom:2px solid #f5f5f5;*/
	margin:10px 0;
	/* padding:15px 0 13px 0;  */ 
	padding:10px 0 0 0;
	font-size:14px;
	font-style:italic;
 	}

	.post .meta hr {
	margin-top:8px;
	}
 	
 	.post .meta .comments a,  .post .meta .comments span{
	width:30%;
	float:right;
	color:#1b3e71;
  	}
  	
  	.sticky h2 a {
 	background:url(images/sticky.png) no-repeat 0 5px;
 	padding-left:20px;
  	}
	
	.post .entry {
 	line-height:1.5;
 	}
 
 	.post .entry .thumb img, #primaryBottomTabs .entry .thumb img {
 	float:left;
 	margin:3px 10px 5px 0;
 	font-size:0;
	padding:6px;
 	}
 	
 	.post .entry ul {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ul li {
	list-style-type:square;
	}

	.post .entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ol li {
	list-style-type:decimal;
	}
  
 	.post blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
	}

	blockquote, q {
	quotes:none;
	}

	.post .alignleft {
	float:left;
	margin:10px 15px 10px 0;
	}
	 
	.post .alignright {
	float:right;
	margin:10px 0px 10px 15px;
	}
	
	.post .entry h2 {
 	float:none;
 	width:auto;
 	}
 	
 	.post .entry img {
 	max-width:660px;
 	}
	
	
	/************************************************************************************
	
  	8.1 Featured Posts 
  	
  	*************************************************************************************/   
 
 	.full { 
	float:left;
	width:100%;
	}
	
	.full .date {
 	float:left;
	font-size:14px;
 	margin-right:10px;
	display:block;
	width:13%;
	line-height:1.2;
	text-transform:uppercase;
 	}
	
	.full .date span {
	font-size:35px;
	float:left;
	line-height:0.7;
	margin-right:7px;
	}
	
	.full h2 {
	float:left;
	width:85%;
	}
	
	.full h2 a {
	font-size:30px;
	}
	
	.full .meta {
	font-size:16px;
 	}
 	
 	.full .entry {
 	font-size:14px;
 	line-height:1.7;
  	}
 	
	/************************************************************************************
	
  	8.2 Posts in two-columns
  	
  	*************************************************************************************/   
 
	.half {
	display:inline;
	float:left;
 	width:47%;
 	border-right:1px solid #e5e5e5;
 	padding-right:21px;
   	}
 	
	.half .entry p {
 	line-height:1.9;
 	}

 	.left_col {
	float:left;
	border-right:none;
	padding-right:0;
	padding-left:0;
	}
 	
 	.right_col {
	float:right;
	border-right:none;
	padding-right:0;
	}
 	
 	.fix { 
	padding:0;
	margin:0 0 24px;
	border-bottom:1px solid #e5e5e5;
	clear:both;
	}
 	
 	
	/************************************************************************************
	
  	8.3 Posts in Featured Categoires (in the footer)
  	
  	*************************************************************************************/   
	#feat-cat-hd {
	width:100%;
	margin:10px 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#ababab;
	text-transform:uppercase;
	font-family:Georgia, Times New Roman;
	}

	#feat-cat {
	background:url(images/line.png) repeat-x top;
	margin:5px 0 0 0;
	padding:10px 0 0 0;	
	width:980px;
	}

 	.feat:last-child  {
	margin-right:0;
   	}
	
	.feat {
	float:left;
 	width:230px;
	border:none;
	padding:0;
	margin-right:20px;
	}
	
	.feat .meta {
 	font-size:12px;
 	}
 	
 	.post .home_category {
 	background:#e9e9e9;
	width:auto;
 	margin:5px 0 10px 0;
	float:left;
	padding:5px;
	width:78%;
 	}

 	.feat .category, .post .category {
 	background:#e9e9e9;
	width:auto;
 	margin:5px 0 10px 0;
	float:left;
	padding:5px;
	width:100%;
 	}
  	
 	.feat .category a, .post .category a, .post .home_category a {
 	color:#d61919;
 	padding:7px;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
 	}

	 .feat .category_more, .post .category_more {
	width:15%;
 	margin:5px 0 10px 0;
	float:left;
	text-align:right;
 	background:#e9e9e9;
	padding:8px 5px 7px 5px;
	}
	
	/************************************************************************************
	
  	8.4 Single Posts Styling -------------------------- single.php
  	
  	*************************************************************************************/ 
	
	.single .entry {
 	background:url(images/line.png) repeat-x bottom;
 	padding-bottom:15px;
 	margin-bottom:5px;
 	}
 
 	.single h1 a {
 	font-size:34px;
 	font-weight:normal;
 	}
 	
 	.single .date {
 	float:left;
 	width:auto;
 	font-style:normal;
 	text-transform:none;
 	}

	.single .single_top_buttons {
	width:auto;
	float:right;
	}

	.single .single_bottom_buttons {
	width:auto;
	}

	.single .print_top {
	float:left;
	width:128px;
	margin: 0 2px 0 0;
	}

	.single .print_link {
	width:61px;
	height:22px;
	line-height:22px;
	font-style:normal;
 	background:url(images/icons/print.png) no-repeat;
	display:inline-block;
	font-size:10px;
	text-transform:uppercase;
	overflow:hidden;
	color:#000000;
	}

	.single .print_link span {
	margin-left:25px;
	}

	.single .pdf_it {
	width:61px;
	height:22px;
	line-height:22px;
	font-style:normal;
 	background:url(images/icons/pdf.png) no-repeat;
	display:inline-block;
	font-size:10px;
	text-transform:uppercase;
	overflow:hidden;
	color:#000000;
	}

	.single .pdf_it span{
	margin-left:30px;
	}

	.single .pdf_it:hover {
	text-decoration:none;
	color:#dc0e13;
	}

	.single .print_link:hover {
	text-decoration:none;
	color:#83b3da;
	}

	.single .sharethis_top {
	float:left;
	width:auto;
	}

	.single .sharethis_top span {
	margin-top:0;
	vertical-align:top;
	}

	.single .sharethis_top .st_fblike_buttons iframe {
	margin-top:-7px;
	}
  	
 	.single .tag-links {
 	/*text-align:center;*/
 	display:block;
 	margin-top:5px;
 	}
 	
 	.single .tag-links a {
 	background:#d61919;
 	color:#fff;
 	font-size:11px;
 	padding:2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	border:none;
	margin-right:3px;
  	}
 	
 	.single .tag-links a:hover {
 	text-decoration:none;
 	color:#000;
 	background:#494747;
	text-shadow:0 1px 0 #5d5959;
 	}
 	
	.afterpost a.post-edit-link {
 	color:#d61919;
 	font-weight:bold;
 	}
 	
	.gallery .gallery-item { float: left; margin: 0 1em 1em 0 }
 
	.gallery { margin: auto; clear:both; }
	 
	.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%; 
	}
	 
	.gallery img { }
	 
	.gallery-caption { margin-left: 0; }
	 
	.attachment { margin: 1em 0 }

 	.wp-caption-text, .gallery-caption {
 	font-style:italic;
 	color:#999;
 	text-align:center;
 	font-family:Arial, sans-serif;
 	font-size:11px;
 	}
 	
 	.afterpost img {
 	float:left;
 	}
 	
 	.afterpost {
 	color:#999999;
 	font-family:Arial, sans-serif;
 	font-size:11px;
 	/*text-align:center;*/
 	line-height:1.8;
 	background:url(images/dot.png) repeat-x bottom;
 	padding:0 15px 10px 15px;
 	}
 	
 	.afterpost a {
 	color:#999;
 	border-bottom:1px solid #e5e5e5;
 	}
 	
 	.afterpost a:hover {
 	color:#000;
 	text-decoration:none;
 	}
 	
 	h3.catname {
 	text-align:center;
 	font-weight:normal;
 	color:#1b3e71;
 	font-style:italic;
 	background:url(images/dot.png) repeat-x bottom;
 	padding-bottom:10px;
 	margin-bottom:15px;
 	clear:both;
 	}
 	
 	h3.catname img {
 	float:right;
 	clear:both;
 	}
 	
  	
 	/************************************************************************************
	
  	8.5 Single Pages Styling -------------------------- page.php
  	
  	*************************************************************************************/ 
  	
  	.page .meta {border-bottom:none; padding:5px 0;}
   
	.page .nocomments { display:none; }

.wpf_wrapper {
clear:both;
}
	
	
 
/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments { float: left; width: 100%; background: #E3E8EE; }
	#comments h3 { text-align: center; color: #fff; font-weight: normal; background: #88939d; border-bottom: 4px solid #354554; padding: 15px 0; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; }
	.comment-list li { list-style: none; }
		.comment-list li .commbody { border-bottom: 1px solid #fff; padding: 16px 0; }
	.comment-list ul { margin-bottom: 0; }
		.comment-list ul.children .commbody { padding: 15px 0 10px 15px; }
.comment-author img { float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn a { font-size: 17px; color: #484040; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { float: left; margin-top: 4px; }
.commleft { float: left; width: 215px; padding-left: 15px; }
.commentmetadata a { color: #8b8b8b; text-transform: uppercase; font-size: 10px; }
	.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.comment-list ul.children, #comments #respond ul { border-left: 1px solid #fff; margin: 0 0 10px 47px; }
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li { background: url('images/dotw.png') no-repeat left 20px; margin: 0; }
.comment-body { padding: 8px 12px 0; margin: 0; position: relative; }
.comment-list li div p { margin-bottom: 0.8em; padding-right: 15px; color: #4F5051; font-size: 12px; margin-left: 229px; }
.comment .post-date { margin-top: 0; }
	.comment .post-date .right a { color: #BBB; }
		.comment .post-date .right a:hover { color: #234; }
.reply { float: right; clear: both; margin-right: 15px; }
.cancel-comment-reply { margin: 15px 0 0 40px; }
.reply a, .cancel-comment-reply a { background: #d61919; color: #fff; font-size: 11px; padding: 2px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; margin-right: 3px; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; color: #000; background: #494747; text-shadow: 0 1px 0 #5d5959; }
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#respond #commentform { padding: 15px; }
#comments #respond { padding: 0; float: left; width: 100%; }
	#comments #respond .legend { margin-bottom: 0; border-bottom: 0; }
	#comments #respond ul { padding: 10px 0 0 15px; background: url('images/dotw.png') no-repeat left top; }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { width: 100%; float: none; }
#respond input { margin-right: 10px; }
#respond #formContent input { margin: 7px 0; }
#respond #formContent textarea { width: 80%; }
.comment-list li #respond p { margin-left: 0; }
.comment-list li #respond h3 { padding: 8px 0; }
.comment-list li #commentform { margin-left: 25px }
#trackbacks { float: left; width: 100%; }
	#trackbacks ol { padding: 10px 0; }
	#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


/********************************************************************************************* 

10. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
  	
#sidebar {
float:right;
width:300px;
}		

.widget { float: left; clear: both; line-height: 1.7; margin-bottom: 15px; width: 100%; }
.widget h3 { font-family:"DINAlternateRegular"; color: #ffffff; font-size:18px; background: url(images/line.png) repeat-x bottom; padding-left:10px; padding-bottom: 2px; margin-bottom: 10px;}
.widget a { color: #d61919; }
.widget ul { clear: both; margin: 5px 0; line-height: 1.4; }
.widget ul li { list-style-type: square; padding-left: 10px;}
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget #cat, .widget select { width: 268px; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; font-family: Georgia, serif; }

.rsswidget img {display:none}

ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float: left; }
ul.gallery img:hover { border: 2px solid #0C2B41; }
ul.gallery a { border: none; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; }
ul.gallery { display: block; list-style-type: none; margin: 5px 0 5px; }
.widget ul.gallery li { border: none; padding: 0 11px 11px 0; float: left; list-style-type: none; list-style-position: outside; }

.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; }
/* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; }
/* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */
.widget_tag_cloud div a { font-family: Georgia; font-weight: normal; }


#sidebar .widget .social li { display: inline; width: 47%; float: left; background: url(images/dot.png) repeat-x bottom; padding: 10px 0; margin-right: 7px; line-height: 1.2; }
#sidebar .widget .social li a { color: #1d4479; font-size: 16px; }
#sidebar .widget .social li a span { color: #242323; font-size: 12px; display: block; font-style: italic; }
#sidebar .widget .social img { float: left; margin-right: 7px; }


#sidebar #tabs { background: #f5e5e5; padding: 0; float: left; clear: both; width: 300px; margin-bottom: 10px; }
#sidebar ul.tabs_menu { margin: 0; padding: 7px 0 0 6px; float: left; list-style: none; height: 31px; width: 100%; /*--Set height of tabs--*/ }
#sidebar ul.tabs_menu li { list-style-type: none; float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; /*--Subtract 1px from the height of the unordered list--*/ border-left: none; /*--Vertically aligns the text within the tab--*/ margin-bottom: -1px; overflow: hidden; /*--Pull the list item down 1px--*/ position: relative; }
ul.tabs_menu li a { text-decoration: none; color: #5b5f64; display: block; font-size: 11px; text-transform: uppercase; font-weight: normal; padding: 0 7px; outline: none; cursor: pointer; }
#sidebar ul.tabs_menu li a:hover { background: #fd0013; color:#ffffff;}
html ul.tabs_menu li.active, html ul.tabs_menu li.active a,  html ul.tabs_menu li.active a:hover { background: #d61919; color: #fff; /*--Makes sure that the active tab does not listen to the hover properties--*/ }
#sidebar .tab_container { overflow: hidden; clear: both; float: left; background: #d61919; padding: 6px; margin: 0 0 6px 6px; width: 275px; }
#sidebar .tab_container_b { border: 1px solid #8695a4; }
#sidebar .tab_content { padding: 10px 0; font-size: 12px; background: #efefef; border: 1px solid #fff; }
#sidebar .tab_container .tab_content ul { color: #a3a0a0; font-size: 11px; margin: 0; padding: 0; line-height: 1.5; }
#sidebar .tab_container .tab_content ul img { background-color: #FFFFFF; border: 1px solid #d2d4d4; float: left; margin: 0 8px 0 0; padding: 3px; }
#sidebar .tab_container .tab_content ul li { border-bottom: 1px solid #d2d4d4; border-top: 1px solid #fff; padding: 8px 10px; clear: both; list-style-type: none; }
#sidebar .tab_container .tab_content ul li a { display: block; }
#sidebar .tab_container .tab_content ul li div { line-height: 1.5; padding: 0; }
#sidebar .tab_container #tab4 { padding: 5px 10px; font-family: Georgia; line-height: 1.7; }
#sidebar .tab_container #tab4  a { font-weight: normal; }
#sidebar .tab_container .tab_content ul li:first-child { border-top: none; }
#sidebar .tab_container .tab_content ul li:last-child { border-bottom: none; }
#sidebar .tab_content a { font-weight: bold; color: #fd0013; font-size: 12px; }

.therocket_media .open .description {
margin: 10px 0 5px;
font-size: 12px;
line-height: 16px;
}

.therocket_media .hidden {
display: none;
}

 .therocket_media li {
background: url("images/video.gif") no-repeat 0 50%;
border-bottom: 1px solid #ddd;
list-style-type: none;
font-size: 14px;
padding: 8px 0;
line-height: 20px;
padding-left: 20px;
}
	
 .therocket_media li a.active {
font-weight:bold;
}

.latest_buynow {
width:250px;
height:30px;
line-height:30px;
text-align:center;
font-family:"DINAlternateRegular";
font-size:13px;
font-weight:bold;
color:#ffffff;
text-transform: uppercase; 
text-shadow:0 1px 0 #747474;
margin:auto;
}

.latest_buynow a {
color:#ffffff;
text-transform: uppercase; 
text-shadow:0 1px 0 #747474;
font-weight:bold;
}

.latest_buynow .d1 {
width:50%;
height:30px;
float:left;
background:orange;
}

.latest_buynow .d2 {
width:50%;
height:30px;
float:left;
background:gray url("images/bg_latest_d2.gif") no-repeat;
}

.widget_recent_entries ul, .popular-posts ul, .widget_rss ul, .widget_tag_cloud .tagcloud {
margin-top:-14px;
padding:10px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

.widget_recent_entries ul {
background:#feecda;
}

.popular-posts ul {
background:#fbe3e3;
}

.widget_rss ul {
background:#fefae9;
}

.widget_tag_cloud .tagcloud {
background:#f4d5ee;
}

.widget_tag_cloud .tagcloud a{
color:#000000;
}

.widget_recent_entries ul li, .popular-posts ul li, .widget_rss ul li {
padding-left: 5px; 
list-style-position: outside; 
margin-left:20px;
}

.widget_recent_entries h3 {
background:#ed5a24;
}

.therocket_media h3 {
background:#89c23f;
}

.popular-posts h3 {
background:red;
}

#text-4 h3 {
background:#2aa7df;
}

.widget_rss h3{
background:#f8ac3c;
}

.widget_rss h3 .rsswidget {
color:#ffffff;
}

.widget_tag_cloud h3 {
background:#e92a7a;
}

/********************************************************************************************* 

11. Footer  -------------------------  footer.php

*********************************************************************************************/   
  
  
#footer-wrap {
background:#242323;
clear:both;
float:left;
padding:0 0 30px 0;
width:100%;
margin-top:20px;
}

	#footer {
	width:980px;
	margin:0 auto;
	color:#fff;
	padding:15px 0 30px 0;
	font-size:12px;
	font-weight:normal;
	background:#242323;
  	}
	
		#footer #left {
		float:left;
		width:250px;
		font-size:16px;
		padding:40px 20px 40px 0;
		font-style:italic;
		}

		#footer #left1 {
		float:left;
		width:120px;
		font-size:16px;
		padding:40px 20px 40px 0;
		}
		
		#footer #left1 a{
		color:#ffffff;
		}
		
		#footer #left h2 {
		font-weight:normal;
  		font-size:26px;
  		text-transform:uppercase;
  		margin-bottom:5px;
  		font-style:normal;
		}
		
		
		#footer #search {
		background:#1b1a1a;
		width:630px;
		margin:10px 0 20px 0;
		height:73px;
		float:left;
		font-style:italic;
		color:#fff;
		padding:15px 15px 0px 15px;
		clear:both;
		}
		
		#footer #searchform {
		margin-top:5px;
		}
		
		#footer #search #s {
		border:1px solid #000;
		background:url(images/s.jpg) repeat-x;
		height:22px;
		float:left;
		width:566px;
		}
		
		#footer #search input#s:focus{
		border:1px solid #D61919;
		background:#fff;
		}
		
		
		#footer #search #searchsubmit {
		border:1px solid #000;
		background:url(images/sb.jpg) repeat-x;
		height:34px;
		color:#fff;
		font-family:Georgia;
		float:right;
		padding:0 10px;
		text-transform:uppercase;
		}
		
		
		#footer #right {
		float:right;
		width:660px;
		text-align:left;
		padding:0;
		}
		
		#footer #right ul {
		margin:0 0 25px 0;
		float:left;
		clear:both;
		}
		
		#footer #right ul li { 
		display:inline;
		padding-right:15px;
		}
		
		
		#footer #right ul li a {
		color:#fff;
		text-transform:uppercase;
		}
		
		
		#footer .copyright { float:left; width:65%; }
		
		#footer .copyright a { color:#D22C2C; }
		
		#footer .copyright a:hover { color:#fff;  text-decoration:none; }
		
		#footer .designed {float:right; text-align:right; width:25%; font-style:italic;}
		
		#footer .designed img {
		vertical-align:middle;
		padding:5px 0 5px 2px;
		}


#footer a.footer_title {
color:#ffffff;
}