/* @override http://dev.gabriellalane.com/includes/css/homepage.css */

@charset "utf-8";

/* ---------------------------------------------------------------
	Homepage Stylesheet       
	GabriellaLane.com © 2011 
	
	Updated 7.05.11 - new layout & re-factoring
	Mutant Labs Ltd
	www.mutantlabs.com
	
-----------------------------------------------------------------*/

/* BACKGROUND */

div#bodyContent.homeBackground {
	background: transparent url(../../images/homepage/homepage-sketch-bg.jpg) top center no-repeat;
}


/* WELCOME TEXT BLURB */

div.welcome-blurb {
	height: 258px;
	background: transparent url(../../images/homepage/welcome-blurb-mark-bg.png) center 175px no-repeat;
	font: 24px Georgia, serif;
}
div.welcome-blurb p {color: #a8a8a8;
	line-height: 1.50em;
}
div.welcome-blurb span.impact {color: #727272;}


/* COLLECTIONS GALLERY IMAGE NAV */

div.third-collections-nav ul {
	list-style-type: none;
}
div.third-collections-nav ul li {
	width: 86px;
	float: left;
	display: block;
	margin:0 10px 15px 0;
	text-align: center;
}
div.third-collections-nav ul li a{
	color:#b3b3b3;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

div.third-collections-nav ul li a img {
	border: 1px solid #cccccc;
    padding:3px;
    -moz-border-radius:4px;
	border-radius:4px;
	background-color: white;
	margin: 0 0 5px 0;
}
div.third-collections-nav ul li a:hover img {
	padding: 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 4px solid rgb(193, 193, 193); /* Fallback to solid grey */
	border: 4px solid rgba(193, 193, 193, 0.8);
}
div.third-collections-nav ul li a:hover{
	color: #727272;
}



/* FEATURED PROJECT AREA */

div.featured-item a{
	width: 240px; height: 218px;
	display: block;
	background-color: #f1f1f1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding: 20px;
	text-align: center;
	text-decoration: none;
}
div.featured-item a:hover{background-color: #e4e4e4;}

div.featured-item a h4.section-header {
	margin: 0 0 5px 0;
}

div.featured-item a h2 {
	color: #2e2e2e;
	margin: 0 0 5px 0;
	text-decoration: none;
}
div.featured-item a p.link-text {
	color: #2e2e2e;
	font-size: 18px;
	margin: 3px 0 0 0;
}
div.featured-item a:hover p.link-text {
	text-decoration: underline;
}


/* Next Event Styles */

#bodyContent div.content-880 div.next-event-item {
	margin-top: 40px;
	overflow: hidden;
	float: left;
	width: 700px;
}

div.next-event-label {
	width: 95px;
	float: left;
	height: 50px;
	margin-top: 4px;
	padding: 10px;
	background-color: #f1f1f1;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	
}

div.next-event-label h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #949494;
}

#bodyContent div.content-880 div.next-event-item ul.gl-event-listing li {
	width: 564px;
	overflow: hidden;
	margin: 0 0 10px 0;padding: 0;
}

a.view-all-events-btn {
	overflow: hidden;
	background: #f4f4f4 url(../../images/structure/buttons-icons-sprite.png) -5px -418px no-repeat;
	padding: 10px 0 0 75px;
	color: #2e2e2e;
	font-size: 1.1em;
	font-weight: normal;
	width: 100px;
	height: 61px;
	margin-top: 43px;
	float: left;
	border: none;
}

a.view-all-events-btn:hover {
	overflow: hidden;
	background: #e8e8e8 url(../../images/structure/buttons-icons-sprite.png) -5px -418px no-repeat;
	text-decoration: underline;
	border: none;
	/*border: 1px solid #c1c1c1;*/
}


/* BOTTOM LINKS */



div.gallery-text-links {
	width: 100%; float: left;
	text-align: center;
	margin: 100px auto 30px auto;
	font-size: 0.9em;
}
div.gallery-text-links p, div.gallery-text-links a{
	color: #b3b3b3;
}
div.gallery-text-links p a:hover{
	color: #727272;
}


#main div.content p.homepage-text {
	width: 850px;
	margin: 30px auto 50px auto;
	color: #c6c8c8;
	font-size: 1.8em;
}

#main div.content p.homepage-text a {
	color: #a5a6a9;
	font-weight: bold;
	text-decoration: none;
	padding: 0 3px;
}
#main div.content p.homepage-text a:hover {
	background-color: #9a9ca5;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	color: #FFF;
}


div#main div.content div#blurb{
width:860px;
margin-top:35px;
padding-bottom:75px;
margin-left:auto;
margin-right:auto;
padding-top:345px;
position:relative;
float:left;
background:url(../../images/homepageringbg.jpg) top center no-repeat;
}

div#main div.content div#blurb h2{
margin-top:20px;
font-size:36px;
}
div#main div.content div#blurb div#left{
float:left;
width:430px;
padding-left:95px;
}
div#main div.content div#blurb div#right{
float:left;
width:210px;
padding-left:50px;
}
div#main div.content div#blurb div#right h3{
}
div#main div.content div#blurb div#right div.column h4{
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
color:#1B9996;
}
div#main div.content div#blurb div#right div.column{
padding-top:10px;
width:90px;
float:left;
font-size:12px;
}
div#main div.content div#blurb div#right div.column ul{
padding-top:5px;
padding-left:15px;
list-style-image:url(../../images/homepagebullet.jpg);
}