/*   
Theme Name: Theme for Liza Phillips Website, based on Gravy
Theme URI: 
Description: Liza Phillips Website
Author: Daniel Wiener
Author URI: http://danielwiener.com/
Template: gravy
Version: 1.0
Tags: Gravy
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

@import url('css/reset.css');
@import url('css/nav.css');
@import url('css/posts.css');
/* @import url('css/nggallery.css'); */
/* @import url('../gravy/style.css'); */

/* ---------- @ HTML Tags -----------*/

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#616161;
	color: #111;
	padding:20px 0;
	}

body, select, input, textarea {
	font: 100% Helvitica, Arial, Verdana, Sans-Serif /*Global font-size reset*/;
	color: #666;
	}
	
p {	
	margin: 15px 0;
	line-height:160%;
	}
	
strong {
font-weight: bold;
}

a, a:visited {
	color: #83a7ba;
	text-decoration: none;
	}

a:hover, a:active {
	color:#4d778d;
	}
	
hr {
	display: block;
	height:1px;
	background:#CCC;
	border:0;
	color:#CCC;
	}
	
img {
	border: none;
	}
/* ---------- @ Structure -----------*/


#wrapper {
	font-size:.8em /*Global content font-size*/;
	width:960px;
	margin:0 auto;
	background:#FFF;
/* 	border: 1px solid #000; */
	margin-bottom: 20px;
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
 	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
 	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	}
	
#main {
	overflow:hidden;
	padding:30px 10px 30px 10px;
}

#header {
	/* background:#ffffff; */
	padding:28px 28px 24px;
	overflow:hidden;
	}


#logo {
	background: #ffffff url(/work/assets/logo_01.gif) no-repeat  top left;
	font: bold 2.7em Helvetica, Arial, Verdana, Sans-Serif;
	width: 575px;
	height: 58px;
	float: left;
	}
	
#logo span{
	visibility: hidden;
	}

#description {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color:#939393;
	margin:0;
	float: right;
	text-align: right;
	color: #ff6633;
	}
	
#tabs img {
	padding: 0 20px 0 0;
	float: left;
	}
	
#sidebar_left {
	width: 130px;
	float:left;
	background:#f2f2f2;
	/* padding:0 20px 20px; */
	/* border: 1px solid maroon; */
	}
	
#sidebar_left ul {
	padding: 20px 0 20px 20px;
	}

#sidebar_left ul li {
	font-size: 14px;
	padding: 0 0 7px 0;
	}

#sidebar_left h3 {
	padding: 10px 0 0 10px;
	/* color: #25275E; */
	color: #41414a;
	font: normal 15px Helvetica, Arial, Verdana, Sans-Serif;

	/* font-weight: bold; */
}

#section {
	width:450px;
	float:left;
	/* border: 1px solid lime; */
	padding: 0px 20px 20px 20px;
	}
	
#section div .entry {
	padding: 0;
	margin: 0;
	/* border: 1px solid black; */
	}
	
#section h2 { /* maybe also include .posttitle */
	font: bold 24px Helvetica, Arial, Verdana, Sans-Serif;
	color: #666666;
	letter-spacing: .15em;
}

#section h3 { /* maybe also include .posttitle */
	font: bold 14px Helvetica, Arial, Verdana, Sans-Serif;
	color: #666666;
	padding: 9px 0 0 0;
}

#section .category-rugs img { /* category-rugs is temporary. have to figure out if images will be different in different categories and use WPs automatic class creation */
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

#section span {
visibility: visible;
}

#thumbnail_grid {
width: 660px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

#alto_steps {
width: 460px;
/*
margin-left: auto;
margin-right: auto;
*/
padding: 0 0 0 10px;
float: right;
}

#frontpage {
width: 650px;
margin-left: auto;
margin-right: auto;
}
	
#sidebar_right {
	width: 300px;
	float:left;
	background:#f2f2f2;
	/* padding:0 20px 20px; */
	/* border: 1px solid maroon; */
	}
	
#sidebar_alto_steps {
	width: 440px;
	float:left;
	background:#f2f2f2;
	/* padding:0 20px 20px; */
	/* border: 1px solid maroon; */
	}
	
#sidebar_right p {
	padding: 0 0 0 20px;
	}

#sidebar_right ul {
	padding: 20px 0 20px 20px;
}

#sidebar_right li {
	padding: 0 10px 0 0;
}

#sidebar_right h1 { /* maybe also include .posttitle */
	padding: 10px 0 0 20px;
	font: bold 24px Helvetica, Arial, Verdana, Sans-Serif;
	color: #83a7ba;
	letter-spacing: .07em;
}
	

#sidebar_right h2 {
	padding: 20px 0 0 20px;
	font: bold 18px Helvetica, Arial, Verdana, Sans-Serif;
	color: #41414a;
	letter-spacing: .12em;
}

#sidebar_right h3 {
	padding: 20px 0 0 20px;
	font: bold 16px Helvetica, Arial, Verdana, Sans-Serif;
	color: #41414a;
	
}


#sidebar_right img { /* this may have to change. I might use a gallery. And will have to deal with the classes created by WP */
	padding: 0 10px 8px 0;
	}
	
#sidebar_alto_steps p {
	padding: 0 0 0 20px;
	}

#sidebar_alto_steps ul {
	padding: 20px 0 20px 20px;
}

#sidebar_alto_steps li {
	padding: 0 10px 0 0;
}

#sidebar_alto_steps h1 { /* maybe also include .posttitle */
	padding: 10px 0 0 20px;
	font: bold 24px Helvetica, Arial, Verdana, Sans-Serif;
	color: #83a7ba;;
	letter-spacing: .07em;
}
	

#sidebar_alto_steps h2 {
	padding: 20px 0 0 20px;
	font: bold 18px Helvetica, Arial, Verdana, Sans-Serif;
	color: #41414a;
	letter-spacing: .12em;
}

#sidebar_alto_steps img { /* this may have to change. I might use a gallery. And will have to deal with the classes created by WP */
	padding: 0 10px 8px 0;
	}

.left {
	float:left
	}

.right {
	float:right
	}


/* ---------- @ SubFooter figuring out images later, using wp classes, if necessary -----------*/

#subfooter {
	width: 960px;
	 
	margin:0 auto;
	background-color: #DFDFC9;
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
 	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
 	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

#subfooter .aside {
	/* background-color: #ccc; */
	float: left;
	width: 320px;
	font-size: 13px;
}

#subfooter .aside h3 {
	padding: 20px 20px 0 20px;
	font: bold 1.5em Helvetica, Arial, Verdana, Sans-Serif;
}

#subfooter .aside p {
	padding: 0 20px 0 20px;
	
}

#subfooter .aside img {
float: left;
padding: 0 10px 0 0;
}

/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url, #searchfield {
	/* background:#FFF !important; */
	padding:5px;
	border-width:1px;
	border-style:solid;
	/* border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d; */
	 border-color: #000000 #bfbfbf #bfbfbf #000000;
	}

#author, #email, #url {
	width:220px;
	}
		
.button {
	padding: 8px 14px;
	background:#424242;
	color:#FFF !important;
	border:none;
	font-size:1.2em;
	}

.button:hover {
	background:#272727;
	}

.button:active {
	background:#000;
	}

#commentform textarea {
	width: 98%;
	height:250px;
	}

		
	



/* ---------- @ Footer -----------*/

#footer {
	font-size:11px;
	font-style: italic;
	overflow:hidden;
	width:920px;
	margin:0 auto;
	color:#dadada;
	padding:10px 0 0 20px;
	/* background: black; */
	}

#footer a:hover, #footer a:active {
	color:#FFF;
	}

#footer .left {
	float:left;
	width:50%;
	}

#footer.right {
	float:right;
	width:50%;
	text-align: right
	}
	
#footer #icon-rss {
	vertical-align: middle;
	margin-right:5px;
	}	

/* ---------- @ Contact Form 7 - fixes. I may have to change these / fix these -----------*/
	
.wpcf7 {


display: block;
}


.wpcf7 input {
padding:5px;
	border-width:1px;
	border-style:solid;
	/* border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d; */
	 border-color: #000000 #bfbfbf #bfbfbf #000000;

}


.wpcf7 input[type="submit"] {
		padding: 8px 14px;
	background:#424242;
	color:#FFF !important;
	border:none;
	font-size:1.2em;
}