/*   
Theme Name: Shuddemup portfolios
Description: This theme is for making a portfolio with multiple categories, gallery pages and individual pages with information about each item. The plugin "Get the Image" is required to generate the gallery pages. -- WordPress v2.9.1
*/

* {color: #fff;}

#header	{
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 3em;
	margin: 65px 0 25px 20px;
	}

#header a	{
	text-decoration: none;
	color: #87413a;
	}	

body	{
	margin: 0;
	background-image: url('http://jasperfriend.com/img_1272.jpg');
background-position: center center;
	padding-bottom: 20px;
	}

#sidebar {
	position: absolute;
	float: left;
	z-index: 10;
	top: 130px;
	left: 25px;
	}

ul#nav	{
	width: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul#nav a	{
	color: #fff;
	text-decoration: none;
	font-family: helvetica, Arial, sans-serif;
	font-size: 15px;
	margin: 0;
	}

ul#nav ul {display: none;}
ul#nav li:hover ul {display: block;}

ul#nav li {
	position: relative;
	padding: 5px; margin-bottom: 2px;} 

ul#nav ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

ul#nav ul li {border-left: 1px solid #666; background-color: #333; margin: 0 0 0 2px;}
ul#nav ul li:hover {background-color: #444;}
ul#nav ul li:first-child {border-left: 1px solid #333!important; margin: 0;}

ul#nav ul li a {color: #fff;}

ul#subcategories {list-style-type:none; margin: 0 0 25px 0; padding: 0;}
ul#subcategories li {display: inline; margin: 0 15px 0 0; padding: 0;}
ul#subcategories li a {color: #000;  background-color: #fff; padding: 5px; text-align: center; font-family: Helvetica, arial, sans-serif;}

#content li a {
	text-decoration: none;
	list-style-type: none;
	display: inline;
	}

#image, #featured, #content	{
	position: absolute; 
	left: 230px;
	padding: 0 30px 50px 0;

	}

#gallery	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 510px;
	}

#gallery li	{
	float: left;
	width: 150px;
	height: 160px;
	display: inline;
	text-align: center;
	padding: 0 20px 10px 0;
	}

#gallery li a img	{
	border: 2px solid black;
	}

#image a img	{
	border: none;

	}

#info	{
	padding: 0;
	margin: 0;
clear: both;
	}

#info li	{
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .75em;
	}

#info li.picture_title {font-style: italic;}
#info li.picture_title a {color: #fff; text-decoration: none;}

#extra p	{
	font-family: Georgia;
	font-size: .9em;
	margin-top: 10px;
	}

#buttons	{
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
	float: right;
	}

#buttons li	{
	display: inline;
	margin: 0; padding: 0;
	}

#buttons a	{
	text-decoration: none;
	color: #fff;
	background: #459c7e;
	text-transform: lowercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .7em;
	padding: 5px 10px 5px 0;
	}

#wp_page_numbers {clear:both;}

#copyright	{
	position: absolute;
	bottom: 0px;
	height: 20px;
width: 100%;
}