/*
	Theme Name: Denver Band Photography
	Theme URI:
	Description:
	Author: 3 Roads Media
	Version: 1.0

	MASTER STYLESHEET
	Denver Band Photography v 1.0
	
	This file created: 20 May 2011
	Last modified on: 16 June 2011 by Brennan
*/

/*** Globals ***/

hgroup, article, section, header, footer, nav, aside { display:block; }

a {
	color:#a27ba3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover { background-color:#a27ba3; color:#FFF; text-decoration:none; }
a img 	{ border:none; }

aside {
	background:url(images/dbp_pick.png) center bottom no-repeat;
	float:left;
	margin:0 80px 30px 0;
	padding-bottom:80px;
	width:220px;
}

body {
	color:#360f3f;
	font:normal 12px/14px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

h1 {
	color:#F38737;
	font-size:24px;
	line-height:28px;
	text-transform:uppercase;
}
h2 { font-size:18px; line-height:22px; }

mark, #contact em { background:none; color:#ff3904; }

ul { list-style:none; }


/*** Structure ***/

article {
	height:300px;
	width:480px;
	margin-bottom:50px;
	position:relative;
	-moz-box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* Firefox */
	-webkit-box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* Safari, Chrome */
	box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* CSS3 */
}
article a {
    display: table;
    height: 190px;
    padding: 55px 100px;
    text-decoration: none;
    text-transform: uppercase;
}
article a:hover { background:none; }
article a div {
	display:table-cell;
	height:160px;
	padding:20px;
	vertical-align:middle;
	text-align:center;
	width:280px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
article a:hover div {
	background:#a27ba3;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.5s; 
	-webkit-animation-iteration-count: 1;
	-moz-box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* Firefox */
	-webkit-box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* Safari, Chrome */
	box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* CSS3 */
}
article a div h2 { color:#FFF; font-size:16px; line-height:20px; }
article img {
	left:0;
	position:absolute;
	top:0;
	z-index:-1;
}

#content 		{ float:left; width:480px; }
#content ul 	{ margin:0; padding:0; width:480px; }
#content ul li 	{ float:left; margin-bottom:25px; opacity:.95; }
#content ul li:hover { opacity:1.0; }
#content ul li.two { float:right; }

footer {
	background:url(images/footer.png) 0 0 no-repeat;
	clear:both;
	height:48px;
	margin:15px 0 30px;
	padding:40px 0 0;
	text-align:right;
}
footer p { color:#acacac; margin:0; padding:12px 0; }

li img {
	-moz-box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* Firefox */
	-webkit-box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* Safari, Chrome */
	box-shadow: 6px 6px 0px rgba(11, 12, 12, 0.2); /* CSS3 */
}
li a:hover { background:none; }

nav ul { margin:20px 0 0; padding-left:60px; }
nav ul li a {
	background-image:-moz-linear-gradient(0% 100% 0deg,#360F3F, #541505);
	background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#360F3F), to(#541505));
	background-color:#360F3F;
	color:#FFF;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	padding:5px 10px;
	text-decoration:none;
	text-transform:uppercase;
	width:76px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
nav ul li + li a 		{ width:58px; }
nav ul li + li + li a 	{ width:80px; }
nav ul li a:hover 		{ background:#a27ba3; width:140px; }

#about nav ul li .about,
#home nav ul li .gallery,
#contact nav ul li .contact { background:#f38737; width:140px; }

#wrapper { margin:0 auto; padding:36px 20px 0; width:780px; }

/*** Forms ****/

#content form ul li 		{ float:none; opacity:1; padding-bottom:20px; }
#content form ul li:hover 	{ opacity:1; }
#content #contactform ul li { padding:0; }
#contactform { margin:25px 0; }

input, textarea {
	background:#ebebeb;
	border-bottom:none;
	border-left:2px solid #999;
	border-right:none;
	border-top:2px solid #999;
	width:260px;
}
input { height:20px; padding:0 3px; }
textarea {
	font:normal 12px/14px Helvetica, Arial, sans-serif;
	height:100px;
	max-height:400px;
	max-width:310px;
	min-height:100px;
	min-width:260px;
	padding:5px 3px;
}

label {
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:160px;
}

#pooh { display:none; }

#submit {
	background-image:-moz-linear-gradient(0% 100% 0deg,#360F3F, #541505);
	background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#360F3F), to(#541505));
	background-color:#360F3F;
	border:none;
	color:#FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:26px;
	margin-left:160px;
	padding:0 10px;
	text-align:right;
	text-transform:uppercase;
	width:100px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#submit:hover { background:#a27ba3; cursor:pointer; width:140px; }


/*** Misc ***/

.facebook, .twitter {
	background:url(images/facebook.png) no-repeat 0 0;
	display:inline-block;
	height:0;
	overflow:hidden;
	margin-left:60px;
	padding-top:29px;
	width:25px;
}
.facebook:hover, .twitter:hover { background-position:0 -29px; }
.twitter { background-image:url(images/twitter.png); margin-left:10px; }

p.error { color:#ff3904; display:none; font-style:italic; margin-left:160px; }


/*** IE Conditionals ***/

.ie8 article, .ie7 article,
.ie8 li img, .ie7 li img	{ border-bottom:5px solid #CCC; border-right:5px solid #CCC; }
.ie8 li a:hover img,
.ie7 li a:hover img  		{ border-color: #999; }

.ie7 article a 		{ display:block; height:200px; margin:0 auto; }
.ie7 article a div 	{ display:block; height:auto; width:auto; }
.ie7 article a h2 	{ padding:30px 10px; }