/*
------------------------------------------------------------------------
Theme Name: 	WP Remix
Author URI:		http://www.premiumthemes.net/
Description:   	The WordPress Master Theme. One Theme, Many Possiblities
Version:       	2.3
Author:        	R.Bhavesh
Author URI:    	http://cssace.com/
------------------------------------------------------------------------

Support:       WP Remix, http://wpremix.com/support
Updated:       July 15, 2008
Copyright:     (c) 2008 WP Remix, an endeavour by R.Bhavesh

All rights reserved.
*/

@import url("css/misc.css");		/* css reset - do not edit this */
@import url("css/blog-common.css");		/* styling blog */
@import url("css/blog.css");		/* styling blog */


body {
text-align:center;
font: 12px Arial, Helvetica, sans-serif;
}
/* Links -----------------------------------------------------------------------*/
a {
outline:none;
}
ul {
list-style:none;
}
.clear {
clear:both;
}
.bold {
font-weight:bold;
}
p.aright {
text-align:right;
}
.italic {
font-style:italic;
}
/* section alignment --------- */

.alignleft {
float:left;
}
.alignright {
float:right;
}
/* image alignment left, right & center --------- */

.left {
float:left;
margin:0 12px 12px 0;
padding:3px;
}
.right {
float:right;
margin:0 0 12px 12px;
padding:3px;
}
.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}
.img_center {
margin:10px 0;
padding:5px;
}
code {
font-size:12px;
}
/* blog & content css common ---------------------------------------------------- */

h1 {
font-size:28px;
font-weight:400;
margin:0 0 12px;
padding:0 0 5px;
}
h2 {
font-size:22px;
font-weight:400;
margin:0 0 8px;
padding:0;
}

h3 {
font-size:18px;
font-weight:400;
margin:0 0 10px;
padding:0;
}
h4 {
font-size:16px;
font-weight:700;
margin:15px 0 5px;
padding:0 0 5px;
}
h5 {
font-size:14px;
font-weight:700;
margin:0 0 10px;
padding:0;
}
h6 {
font-size:12px;
font-weight:700;
margin:5px 0;
padding:0 0 5px;
}
p {
font-size:12px;
line-height:18px;
margin:0 0 12px;
}


ul {
font:12px Arial, Helvetica, sans-serif;
margin:0 0 15px 6px;
padding:0;
}
ul li ul {
margin:8px 0 5px;
padding:0;
}
ol {
line-height:18px;
font-size:12px;
background:none;
margin:0 0 0 5px;
padding:0 0 10px 20px;
}
ol li {
background:none;
list-style-type:decimal;
margin:0 0 5px;
padding:0;
}
ol li ol {
margin:8px 0 5px 24px;
padding:0;
}
blockquote {
	background:url(images/quote2.png) no-repeat;
	background-position:5px 8px;
	margin-bottom:10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:5px 0px 5px 30px;
	margin-bottom:10px;
}
blockquote p { font:bold 12px Arial, Helvetica, sans-serif;  }
.clientname {
	font-size:11px; font-weight:normal; color:#666;
	margin-bottom:12px;
}

li,ul li ul li {
line-height:18px;
margin:0 0 5px;
padding:0 0 0 12px;
}
/* instruction elements -------------------------------------- */
address {
font-style:italic;
}
p.alert,p.download,p.info,p.note {
margin:10px 0 0;
padding:10px 10px 10px 36px;
}
p.alert {
padding:10px 10px 10px 36px;
}

/* STRUCTURE ----------------------------------*/
#content-wrap {
overflow:hidden;
height:100%;
}
#wrapper {
text-align:left;
width:840px;
margin:0 auto;
padding:0 10px;
overflow:hidden;
height:100%;
}
#main {
overflow:hidden;
clear:both;
}
#main .subcolumns {
width:400px;
}
#content {
width:580px;
padding-bottom:10px;
}
#content2 {
width:560px;
}
#content, #content2 { 
float:left;
}
#sidebar {
width:240px;
margin-bottom:15px;
}
#sidebar2 {
width:260px;
margin-bottom:15px;
}
#sidebar, #sidebar2 {
float:right;
}



#footer {
clear:both;
overflow:hidden;
text-align:left;
height:100%;
width:840px;
margin:0 auto;
padding:5px 10px;
}
#sidebar span {
font-size:12px;
}
#content .subcolumns,#sidebar .subcolumns {
width:280px;
}
/* Header Section  ----------------------------------*/
#header1 .logo {
font:19px "Arial Black", Arial, Helvetica, sans-serif;
color:#fff;
margin-top:20px;
text-transform:uppercase;
float:left;
}
#header1 .description {
font:15px Arial, Helvetica, sans-serif;
clear:both;
margin-top:5px;
}
#header1 {
height:130px;
}
#header1 .h_left {
float:left;
width:350px;
margin-top:14px;
}
#header1 .h_left img {
margin-bottom:3px
}
#header1 .h_right {
float:right;
margin-top:9px
}
/* ------------------------------  footer ---------------------------------------  */

#footer p {
font-size:12px;
line-height:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0;
}
#footer span {
margin-top:-8px;
font-size:11px;
padding-left:1px;
}
#footer span a {
text-decoration:none;
}
#footer span a:hover {
text-decoration:none;
}
#flinks {
list-style:none;
float:right;
}
#flinks li {
display:inline;
line-height:26px;
text-align:right;
padding:0 5px;
}
#flinks li a {
font-size:11px;
text-decoration:none;
}
#flinks li a:hover {
display:inline;
}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
#search {
float:right;
margin-top:20px;
width:205px;
height:21px;
padding:2px 0 0 15px;
}
* html #search {
width:208px;
overflow:hidden;
}
#search .s {
font:12px Arial, Helvetica, sans-serif;
width:170px;
float:left;
margin-right:5px;
padding:2px;
}
#searchform .sgo {
width:26px;
height:23px;
margin:-2px 0 0;
}
/* Root = Horizontal, Secondary = Vertical ------------------------------------------------ */

#nav {
width:840px;
height:28px;
position:relative;
margin:0 auto 5px;
}
#nav .rss {
font:bold 12px Arial, Helvetica, sans-serif;
padding-left:18px;
position:absolute;
top:7px;
right:8px;
}

/* breadcrumb start -----------------------------------------------------------------------*/
 
#content-wrap .breadcrumb{
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
clear:both;
line-height:25px;
padding-left:5px;
margin-bottom:10px;
}
a.button {
margin-bottom:8px;
font-weight:700;
font-size:12px;
padding:3px 15px 3px 10px;
}

.submit {
margin-bottom:8px;
font-weight:700;
font-size:12px;
cursor:pointer;
padding:3px 15px 3px 10px;
}
.postads {
text-align:center;
overflow:hidden;
height:100%;
margin-bottom:25px;
}
.small { font-size:11px; color:#666; }
.small a { color:#666; }
.small a:hover { color:#000; }

/* NEW 2.7 */
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}
.commentlist li ul li {
	font-size: 1em;
}
#commentform {
	margin: 5px 10px 0 0;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.children { padding: 0; }

/*  
VERTICAL and HORIZONTAL dropmenu settings
*/
ul#navmenu-h, ul#navmenu-h li, ul#navmenu-h ul{ margin: 0; padding: 0; border: 0 none;list-style: none;}
ul#navmenu-h ul ul { margin-top:-1px;}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/ {
	clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }

ul#navmenu-h {
	height: 28px;
}
ul#navmenu-h li {
	height:25px;
	float: left;
	display: inline;
	position: relative;
}
ul#navmenu-h ul {
	width: 160px;
	top: 28px;
	left: 0;
	display: none;
	position: absolute;
}
ul#navmenu-h ul li {
	width: 160px;
	float: left;
	display: block !important;
	display: inline;
}
/* Root Menu */
ul#navmenu-h li a, ul#navmenu-v li a {
	border-left: none;
	padding: 0 10px;
	float: none !important;
	float: left;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	line-height:26px;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-v li:hover li a,
ul#navmenu-h li.iehover li a, ul#navmenu-v li.iehover li a { 
	float: none;
	_border-top:none;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h ul ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}

/* NO EDIT PAST THIS LINE - Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul, ul#navmenu-v li:hover ul ul,
ul#navmenu-h li:hover ul ul ul, ul#navmenu-v li:hover ul ul ul,
ul#navmenu-h li:hover ul ul ul ul, ul#navmenu-v li:hover ul ul ul ul,
ul#navmenu-h li.iehover ul ul, ul#navmenu-v li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul, ul#navmenu-v li.iehover ul ul ul,
ul#navmenu-h li.iehover ul ul ul ul, ul#navmenu-v li.iehover ul ul ul ul {
	display: none;
}
ul#navmenu-h li:hover ul, ul#navmenu-v li:hover ul,
ul#navmenu-h ul li:hover ul, ul#navmenu-v ul li:hover ul,
ul#navmenu-h ul ul li:hover ul, ul#navmenu-v ul ul li:hover ul,
ul#navmenu-h ul ul ul li:hover ul, ul#navmenu-v ul ul ul li:hover ul,
ul#navmenu-h li.iehover ul, ul#navmenu-v li.iehover ul,
ul#navmenu-h ul li.iehover ul, ul#navmenu-v ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul,
ul#navmenu-h ul ul ul li.iehover ul, ul#navmenu-v ul ul ul li.iehover ul {
	display: block;
}
/* #end -------------- */

/*  
VERTICAL and HORIZONTAL dropmenu settings
*/
 
ul#navmenu-v, #sidebar ul#navmenu-v,
ul#navmenu-v li, #sidebar ul#navmenu-v li,
ul#navmenu-v ul, #sidebar ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px; /*For KHTML*/
  list-style: none;
}
ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}
ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  right:180px;	
 /*If you wish to use vertical dropmenu on left sidebar, simply change the value right to left here. e.g. = left:180px;*/
}
#r_sidebar h3.vmenuspcaer { padding-top:18px;  }

/* inner pages sidebar vmenu css -------------------------------- */

#sidebar ul#navmenu-v li  
#sidebar ul#navmenu-v,
#sidebar ul#navmenu-v li,
#sidebar ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 240px; /*For KHTML*/
  list-style: none;
}
#sidebar ul#navmenu-v ul,
#sidebar ul#navmenu-v ul ul,
#sidebar ul#navmenu-v ul ul ul {
  right:240px;	/*If you wish to use vertical dropmenu on left sidebar, simply change the value right to left here. e.g. = left:240px;*/
}
#sidebar ul#navmenu-v li a:hover { text-decoration:none; }

* html #sidebar ul#navmenu-v li a{ 
  width: 220px;
  padding:0 10px;
}
