/*
Theme Name: Runway
Theme URI: http://www.runwaygarmentcare.com/
Description: Runway Garment Care v.1 Website/Blog theme
Version: 1.0
Author: SCG
Author URI: http://www.siddharthcreativegroup.com


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

styles.css - all main styles for the site
nav.css - all navigation related CSS
ie6.css - fixes for IE6 browsers
forms.css - forms specfic css
subpage.css - layout modifications for subpages
home.css - modifications to styles required for home page.


*/

@import url(css/nav.css);


* {margin: 0;padding: 0;}
html {font-size: 100%;	list-style-type: none;}
body {font: 78%/1.3 Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* RESET */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {  font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align:center; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT  */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.right {float:right;}
.left {float:left;}
.copyright {float:right;padding-right:40px;}

body {
	background-color:#FFFFFF;
	background-image: url(img/runwaywide.jpg);
	background-repeat: repeat-y;
	background-position:center top;
}

img.left { float: left; margin: 2px 20px 16px 0; }
img.right {float: right;margin: 2px 10px 10px 20px;}
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
img.bottom {margin-top: 18px; margin-left: 20px;}

#container {width:1000px; margin: 0 auto; background-color:#FFFFFF; text-align: left;}

#site {width: 1000px;background-color:#FFFFFF;margin:0 auto;}
#content {padding-top:0px; background-color:#FFFFFF;}
#colA {width: 660px; float: left; padding-left:0px;}
#colB {width: 320px; float: right; padding-left: 10px;}
#colC {width: 1000px; float: right; padding-right:0px; padding-bottom:20px; border-bottom: 1px #999999 solid;}

#colD {width: 340px;float: left; padding-left:0px;}
#colE {width: 610px;float: right; padding-left:15px;}

#footer {text-transform:uppercase; text-align:left; margin:0 10px 10px 10px; padding-bottom:20px;}

/*Post specific layour elements */
div#content.subPage #colA {width: 680px;padding-left:20px;padding-top:20px;}
div#content.subPage #colA div.post{padding-left:68px;padding-top:20px;}
div#content.subPage #colB {float: right;width: 330px;padding-right:0px;}
div#content.subPage #colC {float: right;width: 1000px;padding-right:0px;}
div.imgGallery img{float:left;padding-top:5px;padding-bottom:10px;}
div.userBio {float:right;width:450px;margin-bottom:10px;}

div#content.blogPage {background-image:url(img/blog_top_bkgd.gif); background-repeat:repeat-x; background-position:left 0px; font-size:1.3em;}
div#content.blogPage div.entry p{font-size:1.0em;}
div#content.blogPage #colA {padding:0;margin:0;}
div#content.blogPage #colB {padding:0;margin:0;width:320px;}
div#content.blogPage #colC {padding:0;margin:0;width:1000px;}


/* GRID */
li.right {text-align:right;}
img.alignleft {display:inline;padding-right: 0;}

/* TYPE  */
.orange {color:#FF7700;font-weight:bold;}
em {font-style:italic;}
h2 {color:#999999;font-size:1.4em;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 2;text-transform:uppercase;}

div#content.subPage #colA h2{font-size:1.4em;padding-bottom:0px;}
h3 {color:#888888;font-size:1.1em;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 2;}
h4 {color:#888888;font-size:1.1em;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 1.2;}
strong {font-weight:bold;}
p {
	color:#222222;
	font: 100%/1.3  Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
}
div#content.subPage #colA ul{padding-left:40px;padding-bottom:10px;}
div#content.subPage #colA ul li{color:#333333;
	font-size:1.1em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

#colA p, #colA h2, #colA h3, #colA ul {
}

div#content.subPage #colA p {padding-bottom:10px;}
#subNav {font-size:1.1em;}
#subNav a{font-weight:normal;color:#666666;text-decoration:none;}
#subNav a:hover{font-weight:normal;color:#666666;text-decoration:underline;}

div.smCalloutBox p {width:180px;margin-left:20px;margin-top:10px;}
div.medCalloutBox p {width:330px;margin-left:20px;margin-top:10px;}

#loginbar label {color: #FFFFFF;}
#loginbar a {color: #FFFFFF;}


#colA label {display: inline;font-weight: bold;font-size: 1.1em;color: #666666;}
#colB label {display: inline;font-weight: normal;font-size: 1.1em;color: #FFFFFF;}
#colC label {display: inline;font-weight: normal;font-size: 1.1em;color: #FFFFFF;}

#colB h3 {background-color:#CCCCCC;color:#FF7700;text-transform:uppercase;width:100%;}
div#calendar_wrap {color:#FFFFFF;text-align:center;padding-top:10px;padding-left:30px;padding-bottom:30px;}
div#calendar_wrap caption{color:#FFFFFF;text-align:center;font-weight:bold;font-size:1.2em;}
li#calendar h2.widgettitle {display:none;}
.homeDate {font-size: 0.9em;}

/* TABLES */
table.homeTable {margin-top:5px;}
table.homeTable td{vertical-align:top;background-color:#ffffff;border-top:0px solid #ffffff;border-left:0px solid #ffffff;}
/* TABLES 
table.homeTable2 {margin-top:10px;}
table.homeTable2 td{vertical-align:top;background-color:#ffffff;border-top:10px solid #FFFFFF;border-left:10px solid #FFFFFF;background-repeat:repeat-x;background-position:left bottom;}
*/

table#wp-calendar {width:90%;}
table#wp-calendar tr,table#wp-calendar td {}
table#wp-calendar th{
	font-size:1.0em;
	font-weight:bold;
	color:#999999;
	text-align:center;
}
table#wp-calendar tr,table#wp-calendar td {font-size:1.0em;font-weight:bold;color:#FFFFFF;text-align:center;}
table#wp-calendar tbody td{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #8B8B8B;
}
table#wp-calendar tbody td a{color:#993300;text-decoration:none;}


/* SUBNAV Special Layout  */
div.subNav li.page_item a{}
div.subNav li.current_page_item a{color:#00CC00; font-weight:bold; font-size: 2em; background-color:#999999; padding: 10px;width: 20px; height: 20px; display:block;}

/* FORMS */
ul.subscribeForm {padding-bottom:15px;}
ul.subscribeForm li {float:left;display:inline;padding-right:5px;}
ul.subscribeForm label {display:block;}

/* ENTRY SPECIFIC STYLING  */
#colB div.post {padding-bottom:10px;padding-top:5px;}
#colB div.post:hover{color:#FF7700;}
#colB div.entry a.entryLink{text-decoration:none;line-height:1.5;}

#colC div.post {padding-bottom:10px;padding-top:5px;}
#colC div.post:hover{background-color:#E4E4E4;color:#FF7700;}
#colC div.entry a.entryLink{text-decoration:none;line-height:1.5;}

div#content.blogPage div.dateTab {
	float: left;
	height: 30px;
	width: 30px;
	border-left: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	border-bottom: thin solid #CCCCCC;
	text-align: center;
}

div#content.blogPage p.theMonth {font-weight:bold;line-height:1;font-size:1em;padding-top:0px;padding-bottom:0;}
div#content.blogPage p.theDay {font-weight:bold;line-height:1;font-size:1.3em;}
div#content.blogPage div.post {
	margin-left:70px;
	margin-top: 20px;
	border-top: thin solid #CCCCCC;
	width:600px;
}

div#content.blogPage div.entry {
	padding-left:50px;
}

/* ADJUSTMENTS for special features  */
div.twitter {padding:10px;}
div.twitter ul li {padding:5px 0 5px 0;font-size:1.2em;}
div.twitter ul li span.rss-date {padding-left:5px;font-size:.9em;color:#999999;}


#title {
	position: relative;
	top: 110px;
	left: 10px;

}

#text {
	position: relative;
	top: 30px;
	left: 10px;

}


div.subimg
{
  height: auto;
  width: auto;
  float: left;	
  background-image: url(img/runwaysubnav.jpg);
  background-repeat: no-repeat;
  text-align: left;
}	

div.subimg img
{
  display: inline;
  margin: 0px;
}

div.subdesc
{
  padding-left:10px;
  line-height:1.8;
  text-decoration:none;
  color:#ffffff; 
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
    
}

table.titlefrm tr.titletr td.titletd h1{ color:#FF7700; font-size:1.4em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 2; text-transform:uppercase; }

/* PRINT  */
/************************************************

*	Content 					     		    * 

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

.left {

	float:left;
	
	padding:0 20px 0; 
	
	width:240px;
	
	margin:0 auto;
	
	font-size:14px;
	
	}
	
.paddingLeft {
	
	margin:0 0 0 20px;
	
	}
	

#contentLeft {

	float: left;

	width: 260px;

	margin: 0 0 0 0;

	padding: 20px 0px 20px 20px;
	
	font-size:14px;
	
	font-family:Arial, Helvetica, sans-serif;
	
	line-height:14px;

	}

	

#contentRight {

	float: right;

	width: 660px;

	margin: 0 0 0 0;

	padding: 20px 0px 20px 20px;

	}


.splash { width:760px; padding:30px 30px 0; }

#content {

	padding: 10px 20px;
	
	margin: 0;
	
	/*min-height:600px;*/
	
	

	}
	
#content a {
	text-decoration:none;
	color:#999;
	}
	
#content a:hover {
	color:#666;
	}
	
#contentContainer {

	width: 980px;

	margin: 0px auto 0px;

	padding: 0px;

	line-height: 20px;
	/*
	min-height:500px;*/

	}

	

#contentleft {

	border-left:1px solid #ddd;

	float: right;

	width: 700px;

	margin: 10px 10px 0px 0px;

	padding: 20px 0px 20px 30px;

	}



#contentleft h1 {
	color:#999999;
	
	font-size:1.4em;
	
	font-weight:bold;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	line-height: 2;
	
	text-transform:uppercase;
	
	}


	

#contentleft h1 a {

	color:#f36f21;

	font-size: 18px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	}



#contentleft h1 a:hover {

	color: #666;

	font-size: 18px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	}

	

#contentleft h2 {

	color:#666;

	font-size: 16px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

	border-bottom: 1px solid #DDDDDD;

	}

	

#contentleft h3 {

	color:#666;

	font-size: 14px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

	border-bottom: 1px solid #DDDDDD;

	}

	

#contentleft h4 {

	color: #666;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

	border-bottom: 1px solid #DDDDDD;

	}

	

#contentleft h5 {

	color: #999;

	font-size: 10px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

	border-bottom: 1px solid #DDDDDD;

	}

	

#contentleft h6 {

	color: #999;

	font-size: 8px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

	border-bottom: 1px solid #DDDDDD;

	}	

	

#contentleft img.wp-smiley {

	float: none;

	border: none;

	padding: 0px;

	margin: 0px;

	}



#contentleft img.wp-wink {

	float: none;

	border: none;

	padding: 0px;

	margin: 0px;

	}

	

.sticky {

	background: #F7F7F7;

	margin: 0px;

	padding: 10px;

	border: 1px solid #E6E6E6;

	}

	

.post {

	margin: 0px 0px 50px 0px;

	}

	

.postarea {

	margin: 0px;

	padding: 0px;

	}



.postarea p {

	padding: 0px 0px 10px 0px;

	margin: 0px;

	}

	

.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited {

	color: #999;

	text-decoration: none;

	}

	

.postarea a:hover, .postcomments a:hover {

	color: #999;

	text-decoration: none;

	}

	

.postarea ol {

	margin: 0px 0px 0px 20px;

	padding: 0px 0px 10px 0px;

	}

	

.postarea ol li {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 5px 0px;

	}

	

.postarea ul {

	list-style-type: none;

	margin: 0px 0px 0px 5px;

	padding: 0px 0px 10px 0px;

	}

	

.postarea ul ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	}

	

.postarea ul li {

	background: url(images/arrow-content.gif) no-repeat top left;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 15px;

	}

	

.postarea ul ul li {

	background: url(images/arrow-content.gif) no-repeat top left;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 15px;

	}

	

blockquote {

	background: #F7F7F7;

	margin: 0px 25px 15px 25px;

	padding: 0px 25px 0px 10px;

	border: 1px solid #E6E6E6;

	}

	

#content blockquote p {

	margin: 0px;

	padding: 10px 0px 10px 0px;

	}

	

.postauthor {

	margin: 0px 0px 10px 0px;

	padding: 0px;

	}

	

.postmeta {

	background: #F7F7F7;

	font-size: 11px;

	text-transform: uppercase;

	margin: 0px;

	padding: 5px 10px 5px 10px;

	border: 1px solid #E6E6E6;

	}

	

.postmeta p {

	margin: 0px;

	padding: 0px;

	}



.singlepostmeta {

	background: #F7F7F7;

	font-size: 11px;

	text-transform: uppercase;

	margin: 0px 0px 50px 0px;

	padding: 5px 10px 5px 10px;

	border: 1px solid #E6E6E6;

	}



.singlepostmeta p {

	margin: 0px;

	padding: 0px;

	}

	

code {

	background: #F7F7F7;

	margin: 0px 25px 15px 25px;

	padding: 10px;

	display: block;

	font-family: Verdana, Tahoma, Verdana;

	border: 1px solid #E6E6E6;

	}

	

.archive {

	float: left;

	width: 320px;

	margin: 0px;

	padding: 0px 25px 20px 0px;

	}

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

*	Images  					     		    * 

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



img.centered  {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	padding: 0px;

	}

	

img.alignnone {

	padding: 0px;

	margin: 0px 0px 10px 0px;

	display: inline;

	}



img.alignright {

	padding: 0px;

	margin: 0px 0px 10px 10px;

	display: inline;

	}



img.alignleft {

	padding: 0px;

	margin: 0px 10px 10px 0px;

	display: inline;

	}

	

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	}



.alignright {

	float: right;

	margin: 0px 0px 10px 10px;

	}



.alignleft {

	float: left;

	margin: 0px 10px 10px 0px;

	}

	

.wp-caption {

	border: 1px solid #E6E6E6;

	text-align: center;

	background-color: #F7F7F7;

	padding: 4px 0px 5px 0px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	}



.wp-caption img {

	margin: 0px 0px 5px 0px;

	padding: 0px;

	border: 0px;

	}



.wp-caption p.wp-caption-text {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	font-size: 11px;

	font-weight: normal;

	line-height: 12px;

	}

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

*	Sidebar 	        			     	    * 

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

	

#sidebar {


	width: 180px;
	
	min-height:100%;

	margin: 20px 10px 20px 20px;

	padding: 10px 30px 10px 0;

	line-height: 20px;


	}

	

#sidebar a, #sidebar a:visited  {

	color:#333;

	text-decoration: none;

	}

	

#sidebar a:hover {

	color: #999;

	text-decoration: underline;

	}

	

#sidebar h2 {

	color:#999;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px 0px 5px 0px;

	padding: 0px;
	}

	

#sidebar h3 {

	color:#666;

	font-size: 14px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 5px 0px;

	padding: 0px;

	}



#sidebar p {

	margin: 0px;

	padding: 0px;

	line-height: 20px;

	}

	

#sidebar .widget  {

	background:none;

	margin: 0px 0px 10px 0px;

	padding: 5px;

	}

	

#sidebar ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;
	
	color:#333;

	}

	

#sidebar ul li.linkcat {

	list-style-type: none;

	margin: 0px 0px 20px 0px!important;

	padding: 0px;

	}

	

#sidebar ul li.cat-item {

	list-style-type: none;

	color:#999;

	margin: 0 0 0 20px!important;

	padding: 0;

	}


	

#sidebar ul ul li a, #sidebar ul ul li a:visited {

	color:#999;

	text-decoration: none;

	}

	

#sidebar ul ul li a:hover {

	color:#333;

	text-decoration: none;

	}



#sidebar ul ul {

	list-style-type: none;

	margin: 0px 0px 0px 5px;

	padding: 0px;

	}

	

#sidebar ul ul ul {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}

	

#sidebar ul li li {

	/*background: url(images/arrow.gif) no-repeat top left;*/

	padding: 0px 0px 0px 15px;

	margin: 0px 0px 0px 0px;

	}

	

#sidebar ul li ul li {

	/*background: url(images/arrow.gif) no-repeat top left;*/

	padding: 0px 0px 0px 15px;

	margin: 0px 0px 0px 0px;

	}



#sidebar .textwidget {

	margin: 0px;

	padding: 0px;

	}



#cat {

	background:none;

	font-family: Arial, Tahoma, Verdana;

	font-size: 12px;

	width: 230px;

	color: #222222;

	margin: 5px 0px 0px 0px;

	padding: 1px;

	display: inline;

	border: 1px solid #DDDDDD;

	}



.widget_tag_cloud {

	margin: 0px;

	padding: 0px 0px 0px 10px;

	}

* html #sidebar {

	list-style-type: none;

	float: left;
	
	clear:right;

	width: 170px;
	
	min-height:100%;

	margin: 20px 0 20px 0;

	padding: 0 0 0 0;

	line-height: 20px;

	border-right:1px solid #ddd;

	}

	

* html #sidebar h4 {

	color: #666;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

	}
	#globalNav ul a:hover{
	background-color:#;;
	}