/*
Theme Name: The Dollface Dames
Theme URI: http://thedollfacedames.com/
Description: Theme based on the 1st TDFD photoshoot.
Version: 1.1
Author: Derek Houck
Author URI: http://derekhouck.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

@import url('reset.css');

/* Site-wide styles */
a:link {
	color: #E83A39;
}
a:visited	{
	color: #6B191B;
}
a:active, a:focus, a:hover	{
	color: #fff;
}
blockquote	{
	background: url(images/blockquote.png) no-repeat 0 0;
	font: italic 0.8em Verdana, Arial, sans-serif;
	margin: 0.5em 0 1em;
	padding-left: 30px;
}
body	{
	background: black url(images/background.png) repeat-x 50% 0;
	color: #e6e6e6;
	font: 1em Verdana, Arial, sans-serif;
}
h2	{
	margin: 0 20px 1em;
}
h2	{
	font-size: 1.5em;
	font-weight: normal;
}
h3	{
	border-bottom: 1px solid #e83a39;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 0.2em;
	margin-bottom: 0.6em;
}
p	{
	margin-bottom: 1em;
}
#page	{
	margin: 0 auto;
	width: 996px;
}
.alignright	{
	float: right;
	margin: 0 10px 10px;
}
.clear	{
	clear: left;
}
.entry	{
	clear: right;
	margin: 0 20px 2em;
}

/* Home */
#mainheader h1	{
	background: url(images/logo.png) no-repeat 50% 0;
	height: 277px;
	text-indent: -9999px;
}
#mainheader ul	{
	background: url(images/mainmenu.jpg) no-repeat 0 0;
	height: 90px;
	margin: 0 auto 20px;
	position: relative;
	text-indent: -9999px;
	width: 995px;
}
	#mainheader ul a, #mainheader ul li	{
		display: block;
		height: 50px;
		position: absolute;
	}
	#mainheader ul a	{
		left: 0;
		top: 0;
		width: 100%;
	}
	#mainheader ul li	{
		top: 20px;
	}
	#mainheader ul #contact	{
		left: 805px;
		width: 150px;
	}
	#mainheader ul #contact a:active, #mainheader ul #contact a:focus, #mainheader ul #contact a:hover	{
		background: url(images/mainmenu.jpg) no-repeat -805px -110px;
	}
	#mainheader ul #dames	{
		left: 56px;
		width: 150px;
	}
	#mainheader ul #dames a:active, #mainheader ul #dames a:focus, #mainheader ul #dames a:hover	{
		background: url(images/mainmenu.jpg) no-repeat -56px -110px;
	}
	#mainheader ul #events	{
		left: 325px;
		width: 110px;
	}
	#mainheader ul #events a:active, #mainheader ul #events a:focus, #mainheader ul #events a:hover	{
		background: url(images/mainmenu.jpg) no-repeat -325px -110px;
	}
	#mainheader ul #media	{
		left: 580px;
		width: 105px;
	}
	#mainheader ul #media a:active, #mainheader ul #media a:focus, #mainheader ul #media a:hover	{
		background: url(images/mainmenu.jpg) no-repeat -580px -110px;
	} 
.home	{
	background: url(images/groupshot.jpg) no-repeat 100% 0;
	height: 435px;
	padding-right: 415px;
}

/* @ Secondary Pages */
embed, object	{
	display: block;
	margin: 0 auto;
}
#header	{
	background: url(images/secondarymenu.png) no-repeat 0 0;
	height: 260px;
	margin-bottom: 20px;
}
	#header h1, #header h1 a, #header ul a, #header ul li	{
		display: block;
		position: absolute;
	}
	#header h1, #header h1 a	{
		height: 124px;
	}
	#header h1, #header ul	{
		text-indent: -9999px;
	}
	#header h1	{
		left: 23px;
		top: 23px;
		width: 214px;
	}
		#header h1 a, #header ul a	{
			left: 0;
			top: 0;
			width: 100%;
		}
	#header ul	{
		height: 90px;
		margin: 0;
		position: relative;
		top: 160px;
	}
		#header ul li, #header ul a	{
			height: 68px;
		}
		#header ul li	{
			top: 15px;
		}
		#header ul #contact	{
			left: 805px;
			width: 150px;
		}
		#header ul #contact a:active, #header ul #contact a:focus, #header ul #contact a:hover	{
			background: url(images/secondarymenu.png) no-repeat -805px -305px;
		}
		#header ul #dames	{
			left: 56px;
			width: 150px;
		}
		#header ul #dames a:active, #header ul #dames a:focus, #header ul #dames a:hover	{
			background: url(images/secondarymenu.png) no-repeat -56px -305px;
		}
		#header ul #events	{
			left: 325px;
			width: 110px;
		}
		#header ul #events a:active, #header ul #events a:focus, #header ul #events a:hover	{
			background: url(images/secondarymenu.png) no-repeat -325px -305px;
		}
		#header ul #media	{
			left: 580px;
			width: 105px;
		}
		#header ul #media a:active, #header ul #media a:focus, #header ul #media a:hover	{
			background: url(images/secondarymenu.png) no-repeat -580px -305px;
		} 
.secondary	{
	background: url(images/contact.jpg) no-repeat 0 0;
	min-height: 409px;
	padding-left: 332px;
}

/* @ Sidebar */
#pastevents li	{
	padding-bottom: 1em;
}
#sidebar	{
	float: left;
	padding-top: 283px;
	width: 332px;
}
	#sidebar h2	{
		border-bottom: 1px solid #e83a39;
		font-size: 1.2em;
		margin: 0 0 0.6em;
		padding-bottom: 0.2em;
	}
	#sidebar ul	{
		margin: 0;
	}
#widgets	{
	padding: 0 20px;
}

/* @ Events */
.events	{
	background: url(images/newgroup.jpg) no-repeat 0 0;
}

/* @ The Dames */
#damemenu	{
	margin: 0 auto;
	text-align: center;
}
	#damemenu li	{
		float: left;
		padding-top: 205px;
		width: 159px;
	}
	#damemenu #amelie	{
		background: url(images/amelie.jpg) no-repeat 50% 0;
	}
	#damemenu #charlie	{
		background: url(images/charlie.jpg) no-repeat 50% 0;
	}
	#damemenu #gypsy	{
		background: url(images/gypsy.jpg) no-repeat 50% 0;
	}
	#damemenu #lil	{
		background: url(images/lil.jpg) no-repeat 50% 0;
	}
	#damemenu #lola	{
		background: url(images/lola.jpg) no-repeat 50% 0;
	}
	#damemenu #sadie	{
		background: url(images/sadie.jpg) no-repeat 50% 0;
	}
	
/* @ Media */
#media a	{
	display: block;
	margin: 0 auto 20px;
}
#media li	{
	text-align: center;
}
	#media #slideshow a	{
		background: url(images/slideshow.jpg) no-repeat 50% 0;
		padding-top: 227px;
		width: 255px;
	}
	#media #video a	{
		background: url(images/video.jpg) no-repeat 50% 0;
		padding-top: 190px;
		width: 302px;
	}