/*
Theme Name:     Uplift Consulting
Description:    A custom theme made for Uplift Consulting, child themed from the Twenty Ten theme 
Author:         Avery Swartz
Author URI:     http://www.averyswartz.com
Template:       twentyten
Version:        0.1.0
*/

@import url("../twentyten/style.css");

body {
	background-image: url('http://upliftconsulting.com/wp-content/uploads/2012/11/sitebg.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #a0b1b7;
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
}


#post-4 h2.entry-title {display: none;}

hr {
	background-color: #c89b61;
	color:#c89b61;
width: 25%;
}

/*
#statement, #home-statement {
	background-image: url('http://upliftconsulting.com/wp-content/uploads/2012/11/1000blue.jpg');
	background-repeat: no-repeat;
}
*/



/*-------Structure-------*/

#wrapper {
	background:none;
	width:90%;
	max-width: 1000px;
	padding:0px;
}

#header {
	padding:0px;

}

#main {
	width:100%;
	padding:0px;
}

#container {
margin:0px;	
}

.entry-content {
	padding:0px;
	
}
#branding {
	width: 100%;
}

#branding img {
border-top: 0;
border-bottom: 0;
display: block;
float: none;
}



.one-column #content {
	width:100%;
}


#content {
	width: 70%;
	margin:0px;
	float:right;
}

#footer {
	background:none;
	width:90%;
	max-width: 1000px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#colophon {
color: #a0b1b7;
font-family: "myriad-pro",sans-serif;
font-size: 0.625em;
font-style: italic;
font-weight: 400;
width: 100%;
border-top: 0px;
margin-top: 0px;
overflow: hidden;
padding: 0px;
}

#site-info {
float:left;
width: 40%;
}

#site-generator {
	float:right;
	width:40%;
}


#social {
	float:right;
	margin-top:-140px;
	text-align: right;
}

#social img {
	display: inline;
}



/*-------Navigation-------*/

#access {
	background:none;
	padding-left:57%;
	width:43%;
	margin-top: -90px;
	position: relative;
	z-index: 2;
}

#access a:link, #access a:visited {
	color: #ffffff;
font-family: "myriad-pro",sans-serif;
	font-size:1.4em;
	padding-left: 10px;
	padding-right:10px;
	line-height: 2.0em;

}

#access a:hover, #access a:active {
	color: #666666;
font-family: "myriad-pro",sans-serif;
	font-size:1.4em;
	padding-left: 10px;
	padding-right:10px;
	line-height: 2.0em;

}

#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 36px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}


#access li:hover > a,
#access ul ul :hover > a, #access li:hover > a, #access ul ul :hover > a {
	background: #a0b1b7;
	color: #666666;
	font-family: "myriad-pro",sans-serif;
	font-size:1.4em;

}

#access ul ul a {
	background: #a0b1b7;
	color: #c89b61;
	padding: 0px;
	font-family: "myriad-pro",sans-serif;
	font-size:1.4em;

}



#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #666666;
}

#access .menu-header {
	width:98%;
	padding-right:2%;
}






/*--------Typography-------*/


#home-statement h1 {
	background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 2em;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	margin-bottom:5px;
	width:70%;
}

#statement h1 {
		background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 2em;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	padding-top:25px;
	width:90%;	
}


#content h1 {
	background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 2em;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	width:90%;
}


#content h2 {
	background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: 300;
	margin-bottom:0px;
	line-height: 1.5em;
}

#content h1.entry-title, #content h1.entry-title a:link, #content h1.entry-title a:visited {
	background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 1.6em;
	font-style: normal;
	font-weight: 300;
	margin-bottom:0px;
	line-height: 1.5em;
	text-align: left;
	width:100%;
}

#content h2.entry-title {
	background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 1.6em;
	font-style: normal;
	font-weight: 300;
	margin-bottom:0px;
	line-height: 1.5em;
}

#content h2.entry-title a:link, #content h2.entry-title a:visited {
	background-color: #ffffff;
	color:#c89b61;
	font-family: "museo",serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 300;
	margin-bottom:0px;
	line-height: 1.5em;
	text-decoration: none;
}

#content h3 {
	color: #89969b;
	font-family: "museo",serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em;
}

p, ul li, ol li {
	color: #666666;
	font-size: 1em;
}

ul {
	list-style: disc;
}

#content a:link, #content a:visited {
		color:#666666;
		text-decoration: underline;
}

#content a:hover, #content a:active {
		color: #c89b61;
		text-decoration: underline;
}


blockquote  {
	color:#c89b61;
	font-family: "museo",serif;
	font-style: italic;
	font-weight: 300;
	text-align: center;
}

blockquote p {
	color:#c89b61;
}


#site-info, #site-info a  {
	color: #a0b1b7;
font-family: "myriad-pro",sans-serif;
font-size: 1em;
font-style: italic;
font-weight: 400;
}

#site-generator, #site-generator a {
	background: none;
	text-align: right;
	color: #a0b1b7;
display: inline-block;
padding-left: 0px;
text-decoration: none;
	
}

/*---------IMAGES ---------------------------*/
img.alignleft {
	margin-right:5px;
	padding:0;
}

.wpcol-one-third img {
	padding-top:25px;
}


/*---------WooSlider on Homepage -----------*/
.wooslider {
margin: 0 0 0px !important; 
background: #fff; 
border: 0px !important; 
position: relative; 
-webkit-border-radius: 0px !important; 
-moz-border-radius: 0px !important; 
-o-border-radius: 0px !important; 
border-radius: 0px !important; 
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0) !important; 
-moz-box-shadow: 0 0px 0px rgba(0,0,0,0) !important; 
-o-box-shadow:0 0px 0px rgba(0,0,0,0) !important;   
box-shadow: 0 0px 0px rgba(0,0,0,0) !important; 
zoom: 1;
}

body .wooslider .slide-content {
margin: 0px !important;
}

#content ul.slides {
	margin-bottom:0px !important;
}

ul.wooslider-direction-nav {display: none;}


/*-------Three Columns on Homepage ---------*/


div.wpcol-one-third.homepage {
	background-color: #f6f3eb;
	height: 300px;
}

div.wpcol-one-third h3, div.wpcol-one-third p {
padding-left: 3%;
padding-right: 3%;
}


/*-------Blog-------*/


div#primary.widget-area {
	width:30%;
	float:left;
	padding-top:45px;
}

h3.widget-title {
	color: #666666;
	font-family: "museo",serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em;
}

#primary ul li a:link, #primary ul li a:visited {
	color: #666666;
	font-size: 0.75em;
	font-family: "museo",serif;
	font-style: normal;
	font-weight: 300;
	text-decoration: none;
}

#primary ul li a:hover, #primary ul li a:active {
		color: #c89b61;
		text-decoration: none;
}





/* #Media Queries
================================================== */
	/* Full desktop version of the site, from 1051 to 1000px */
	@media only screen and (min-width: 1051px) and (max-width: 1200px) {
	
	}
	
		/*  901 to 1050  */
	@media only screen and (min-width: 901px) and (max-width: 1050px) {
	
	div.wpcol-one-third.homepage {
		background-color: #F6F3EB;
		height: 340px;
		}
	
	#access {
	background:none;
	padding-left:50%;
	width:50%;
	margin-top: -90px;
}
	}
	

	/*  821 to 900  */
	@media only screen and (min-width: 821px) and (max-width: 900px) {
	
	div.wpcol-one-third.homepage {
		background-color: #F6F3EB;
		height: 340px;
		}
	
	#access {
	background:none;
	padding-left:40%;
	width:60%;
	margin-top: -90px;
}
	}
	
	
		/* 781 to 820 */
	@media only screen and (min-width: 701px) and (max-width: 820px) {
	
	div.wpcol-one-third.homepage {
		background-color: #F6F3EB;
		height:100%;
		width:100%;
		}
	
	#access {
	background:none;
	padding-left:35%;
	width:65%;
	margin-top: -90px;
}

#content {
width: 99%;
margin: 0px;
float: right;
}
	
	}
	
	
			/* 491 to 660 */
	@media only screen and (min-width: 491px) and (max-width: 700px) {
	
	body {
		background-image: none;
		background-color: white;
	}
	
	#branding img {
		border-top: 0;
		border-bottom: 0;
		display: block;
		margin-left:auto;
		margin-right:auto;
		}
		
	#access {
		background: #a0b1b7;
		width: 99%;
		padding-left: 0%;
		margin-top: 10px;
		}		

	#social {
		display:none;
	}

	
	div.wpcol-one-third {
		display: none;
	}
	
		div.wpcol-one-third.homepage {
		background-color: #F6F3EB;
		height:100%;
		width:100%;
		}
	
	div.wpcol-two-third {
		width:100%;
	}
	
	#content {
width: 99%;
margin: 0px;
float: right;
}


#site-info {
float:left;
width: 65%;
}

#site-generator {
float:right;
width: 34%;
}
	
	}
	
	
					/* 200 to 490 */
	@media only screen and (min-width: 200px) and (max-width: 490px) {
	
	body {
		background-image: none;
		background-color: white;
	}
	
#branding img {
		border-top: 0;
		border-bottom: 0;
		display: block;
		margin-left:auto;
		margin-right:auto;
		}
		
	#access {
		background: white;
			width: 99%;
			padding-left:0%;
		margin-top: 10px;
		}		

	
	div.wpcol-one-third.homepage {
		background-color: #F6F3EB;
		height:100%;
		width:100%;
		}
	
	div.wpcol-one-third {
		display: none;
	}
	
	div.wpcol-two-third {
		width:100%;
	}
	
	#content {
width: 99%;
margin: 0px;
float: right;
}

#site-info {
float:left;
width: 65%;
}

#site-generator {
float:right;
width: 34%;
}

	#social {
		display:none;
	}
	
	}