/*
Theme Name: Holly Genevieve
Author: Julie Wills | Thread Studio Design
Author url: http://www.threadstudiodesign.com
Version: 1.0
Description: A custom wordpress theme built for Holly Genevieve by Julie Wills | <a href="http://threadstudiodesign.com" target="_blank">Thread Studio Web Design</a>.
*/



/*---------------------------------Global Styles-----------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}

p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}

a {outline: none;}
a img {border: none;}

a {
	color: #666;
	text-decoration: underline;
}

a:hover, a:active {color: #369;}

ul, li {list-style-type: none;}

.hide {display: none;}

/*---------------------------------General Site Layout-----------------------------------*/


#outer {
	width: 900px;
	margin: 40px auto;
	position: relative;
}

#main {
	width: 900px;
	height: 650px;
	float: left;
}

#name {
	position: absolute;
	top: 0;
	left: 0;
	width: 447px;
	height: 47px;
	background-image: url(images/graphic_elements/name.gif);
}

#name a {
	display: block;
	height: 48px;
	width: 447px;
}

#text {
	width: 600px;
	margin-left: 200px;
	margin-top: 80px;
}

#credit {
	width: 900px;
	font-size: 9px;
	color: #CCC;
}

#credit a {
	color: #CCC;
	text-decoration: underline;
}

#credit a:hover, #credit a:active {color: #333;}

img.main {float: right; margin-top: 55px;}

ul#linkslist a {text-decoration: none; text-transform: lowercase;}

ul#linkslist li {
	font-size: 14px;
	margin-bottom: 10px;
	
}



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

ul#nav {
	position: absolute;	
	top: 75px;
	left: 0;
	margin-left: 1px;
}

ul#nav li {
	width: auto;
	height: auto;
}

ul#nav li a {
	display: block;
	height: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#nav li a:hover, ul#nav li a:active, ul#nav li.current_page_item a {background-position: 0 -24px;}

li#works a {width: 75px; background-image: url(images/graphic_elements/works.gif);}
li#info a {width: 75px; background-image: url(images/graphic_elements/info.gif);}
li#contact a {width: 75px; background-image: url(images/graphic_elements/contact.gif);}
li#links a {width: 75px; background-image: url(images/graphic_elements/links.gif);}

ul#nav li ul li, ul#nav li ul li a {height: auto; width: 250px; background-image: none;}

ul#nav li ul {
	margin-top: 5px;
	margin-bottom: 8px;
	margin-left: 25px;
	display: none;
}

ul#nav li ul li a {
	font-size: 13px;
	text-decoration: none;
	color: #999;
	text-transform: lowercase;
}

ul#nav li ul li a:hover, ul#nav li ul li.current_page_item a {color: #000;}

ul#nav li ul.activenav {display: block;}


/*---------------------------------Works Menus-----------------------------------*/

#worksmenu {
	width: 550px;
	position: absolute;
	top: 80px;
	right: 0;
}

#worksmenu ul#thumbs {
	width: 550px;
}

#worksmenu ul#thumbs li {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}