/*
Theme Name: Sierra Window Coverings Theme
Theme URI: http://www.treelineinteractive.com
Description: Custom theme.
Author: Treeline Interactive
Author URI: http://www.treelineinteractive.com
version: 1.0
*/




/* basics */

*{margin:0; padding:0;}

body {
	background: #617066 url(images/background-gradient.png) repeat-x 0px 0px;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	margin:20px;
	}

	
h1 {font-size: 18pt; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #404D44;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#000;
	text-decoration:none;
	outline: none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	width: 1000px;
	margin: 0 auto;
	padding:0;
	color:#333;
	overflow: hidden;
	}
	
/* header */

#header {
	background: url(images/rounded-bg-top.png) no-repeat 0px 0px;
  	width: 1000px; 
  	height: 76px;
	color: #fff; 
	}

#header h1{
	font:normal 20pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font:normal 10pt georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}

/* main menu */

#logo{height:40px;
padding-left:30px;
padding-top:20px;
width:400px;
float: left;}

#search-box{float: right; color: #929492;padding-right:30px;
padding-top:25px; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}
#search-box p{margin-bottom: 10px; font-size: 14px;}


#menu {
	background: url(images/menu.png) no-repeat;
	font-family: verdana, arial, times, serif;
	font-size: 8pt;
	width:1000px; 
	height: 47px;
	overflow:hidden;
}


#menu ul {
margin:0 auto;
padding:7px 50px;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}


#slider-placeholder{
background:transparent url(images/bg-body.png) repeat-y scroll 0 0;
height:295px;
padding:0 5px;
}

.scrollable {
height:295px;
overflow:hidden;
position:relative;
width:930px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
background-color:#FFFFFF;
cursor:pointer;
float:left;
height:287px;
margin:5px 5px 0 0;
width:306px;
}

/* active item */
.scrollable .active {

}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
background:transparent url(images/slider/arrows.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:130px 0;
width:30px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* content */

#main-home{background: url(images/bg-body.png) repeat-y 0px 0px;}

#under-slider{border-bottom:1px solid black;
margin-left:34px;
overflow:hidden;
width:930px;}
#under-slider #quote{
background:transparent url(images/sierra-quote.jpg) no-repeat scroll 40px 0;
border-right:5px double black;
color:#929492;
float:left;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:14px;
height:60px;
margin-bottom:5px;
margin-top:4px;
padding-left:19px;
padding-right:20px;
padding-top:10px;
width:579px;}
#under-slider #quote span{color: #95a298; font-weight: bold;}
#under-slider #sub-nav{float: right; width:295px;margin-top:5px;}
#under-slider #sub-nav a#ratings-link{background:transparent url(images/right-arrow.png) no-repeat scroll 250px 5px;
border-bottom:1px dotted black;
color:#404D44;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:18px;
font-weight:bold;
line-height:40px;
padding-bottom:5px;
padding-right:118px;}
#under-slider #sub-nav a#contact-us-link{background:transparent url(images/right-arrow.png) no-repeat scroll 250px 5px;
color:#404D44;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:18px;
font-weight:bold;
line-height:35px;
padding-bottom:5px;
padding-right:185px;}

#sub-wrap{
background:transparent url(images/bg-body.png) repeat-y scroll 0 0;
overflow:hidden;
clear: both;
}

#sub-content{
float:left;
padding:10px 25px 15px 50px;
width:645px;
}

.sub-post{
color:#505250;
font-family:tahoma;
font-size:14px;
line-height:22px;
}

.sub-post h1{
color:#404D44;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:29px;
font-weight:bold;
margin-bottom:15px;
text-shadow:1px 1px #E1E1E1;
}

.sub-post h2{
color:#404D44;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:22px;
font-weight:bold;
margin-bottom:6px;
margin-top:15px;
text-shadow:1px 1px #E1E1E1;
}

.sub-post p{
margin-bottom:15px;
}

.sub-post img.alignleft{
border:5px solid #CDBB9D;
margin:5px 15px 5px 0;
padding:0;
}

.sub-post img.alignright{
border:5px solid #CDBB9D;
margin:5px 15px;
padding:0;
}

.sub-post ul{
list-style-position:inside;
margin-bottom:15px;
margin-left:20px;
}

.sub-post ul li{

}

.sub-post .wp-caption {
float:left;
margin:8px 2px;
text-align:center;
}

.sub-post .wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.sub-post .wp-caption p.wp-caption-text {
background:transparent url(images/subpage-image-bg.jpg) repeat-x scroll 0 0;
color:white;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:14px;
font-weight:bold;
line-height:17px;
margin:0 5px;
padding:2px 4px 5px;
text-shadow:1px 1px #343F2E;
}

#content {
	padding:10px 35px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	font:normal 15pt georgia, times;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}


/* home page styling */
.case-studies-grid{
float:left;
width:300px;
}

.case-studies-grid a img{
outline: none;
border:1px solid white;
}

.case-studies-grid a:hover img{
border:1px solid #686E6E;
}

.home-content{
border-left:1px dotted #E5E5E5;
float:left;
margin-left:15px;
overflow:hidden;
padding-left:10px;
width:600px;
}

.home-content h1{
margin-bottom:8px;
}

.home-content h2{
color:#595959;
margin:5px;
}

.home-content p{
margin:5px;
}

#home-page-tabs{
clear:both;
padding-top:30px;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
background:transparent url(images/tabs/green.png) no-repeat scroll -420px 0;
color:white;
display:block;
font-size:13px;
font-weight:bold;
height:30px;
line-height:30px;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0;
position:relative;
text-align:center;
text-decoration:none;
text-shadow:1px 1px #595959;
top:1px;
width:134px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position:-420px -62px;
color:#404D44 !important;
cursor:default !important;
text-shadow:1px 1px #B9B8B8;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

.panes{
background:white url(images/tabs/repeated-pane.png) repeat-x scroll 0 0;
border-color:#42563B;
border-style:solid;
border-width:0 1px 1px;
height:170px;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/* tab pane styling */
div.panes div {
background:transparent none repeat scroll 0 0;
display:none;
font-size:13px;
height:140px;
line-height:20px;
padding:15px 10px;
width:910px;
}

div.panes div img{
padding: 2px;
border: 1px solid #42563B;
} 

/* sidebar */

#sidebar {
float:left;
font-family:verdana,arial,tahoma;
font-size:8pt;
margin:0;
padding-left:5px;
width:250px;
border-left:1px dotted #929492;
}

#sidebar h2{
color:#8F7C5E;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:0;
text-shadow:1px 1px 2px #E1E1E1;
}

#sidebar label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {
margin:0;
padding:0 6px 0 2px;
}

#sidebar img {
border:3px solid #CDBB9D;
margin:0;
padding:0;
}

#sidebar ul {
	margin:12px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
font-size:14px;
margin:0 0 5px 10px;
padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

#sidebar .widget_ad_rotator{
margin-bottom:5px;
}

#sidebar a{
padding-left: 10px;
}

#sidebar a:hover{
background: url(images/link-arrow.png) no-repeat 0px 5px;

}

#sidebar .phone{
display:inline;
font-size:14px;
}


/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */

#searchform{
margin:5px 0;
padding:0;
	}

#searchform input#s{
border:1px solid #000000;
float:left;
margin:5px 5px 0 0;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}

.search-result{
border-bottom:1px dotted #929492;
clear:both;
margin-bottom:12px;
margin-left:15px;
padding-bottom:25px;
}

.search-result h2{
color:#404D44;
font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
font-size:22px;
font-weight:bold;
margin-bottom:6px;
margin-top:10px;
text-shadow:1px 1px #E1E1E1;
}

.search-result a{
float:right;
font-weight:bold;
padding:5px;
color: #8F7C5E;
}
.search-result a.thumb{
float:left;
padding:0;
}

.search-result img{
border:3px solid #CDBB9D;
float:left;
margin:6px 10px 0 0;
}

	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* footer */

#footer {
background:transparent url(images/rounded-bg-bottom.png) no-repeat scroll 0 0;
clear:both;
height:90px;
padding-top:10px;
width:1000px;
}
	
#footer p{
color:#404D44;
font-weight:bold;
text-align:center;
}

#footer p.middle{
margin-bottom:3px;
margin-top:-13px;
}
	
#footer-links {
border-top:1px dotted #C5C5C5;
margin:0 39px 0 35px;
padding-top:10px;
}

#footer-links ul{
list-style-type:none;
margin:0 25px;
}

#footer-links li{
color:#686E6E;
float:left;
font-weight:bold;
margin:0 15px;
}

#footer-links li a{
color:#686E6E;
}

#footer-links li a:hover{color: #5D5D5D;text-decoration: underline;}

#footer-links img.catt-footer{

}

#footer p a{
color:#686E6E;
}

/* forms */
input {
background:white url(images/form-background.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#414141;
font-size:13px;
margin:0 0 0;
padding:3px 7px;

}

select {
background:transparent url(images/form-background.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#414141;
font-size:13px;
margin:0 0 0;
padding:3px;
}

select option{
background: white;
}

textarea {
background:white url(images/form-background.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#414141;
font-size:13px;
margin:0 0 0;
padding:3px 12px;
}

input.form-submit{
background:transparent url(images/form-submit.jpg) no-repeat scroll 0 0;
border:medium none;
color:#3F4444;
cursor:pointer;
float:left;
font-weight:bold;
height:33px;
padding:3px 0 5px;
text-align:center;
text-shadow:0 1px #F1E6D4;
width:139px;
}

input:focus, textarea:focus{
	border:1px solid #888888;
}

input.form-submit:focus{
	border:none;
}

label{
clear:both;
float:left;
font-size:15px;
font-weight:bold;
padding:9px 10px 0 0;
text-align:right;
text-shadow:0 1px white;
width:100px;
}

form p{margin-bottom: 0px; line-height: 22px;}

#sidebar form p{
line-height:13px;
}

#sidebar input{
background:white url(images/form-background.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#414141;
font-size:11px;
margin:0 0 0;
padding:1px 7px;
}

#sidebar textarea{
background:white url(images/form-background.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#414141;
font-size:11px;
margin:0;
padding:1px 11px;
}

#sidebar select{
background:transparent url(images/form-background.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#414141;
font-size:11px;
margin:0;
padding:1px;
}

#sidebar .form-submit{
background:transparent url(images/right-arrow.jpg) no-repeat scroll right center;
border:medium none;
color:black;
float:right;
font-size:14px;
height:18px;
margin-right:25px;
padding:0 13px 0 0;
width:auto;
}