/*  
Theme Name: Reese Studios
Theme URI: http://www.reesestudios.com/
Description: WordPress theme
Version: 1.0
Author: Reese Studios
Author URI: http://www.reesestudios.com/
*/


/*	BASIC
-------------------------------------------------*/
body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.72em;
	color:#333333;
	line-height:120%;
	text-align:center;
	background: #a49d8e url(./images/bg.jpg);
	border-top: #3f2626 3px solid;
}

#page {
	width:908px;
	margin: 0 auto;
	padding:0;
}

img { border: none; }

a:link		{ color: #7c6d67; text-decoration:none; }
a:visited	{ color: #7c6d67; text-decoration:none; }
a:hover		{ color: #3f2626; text-decoration:none; }
a:active	{ color: #3f2626; text-decoration:none; }

#clearfloats {
	clear: both;
}

/*	FONTS
-------------------------------------------------*/

h1, h2, h3 {
	font-weight:normal;
	line-height: 0%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0;
}

/*	HEADER
-------------------------------------------------*/

#header {
	margin: 0 auto;
	width: 908px;
	height: 130px;
	text-align:center;
}


/* logo */

#logo {
	padding: 24px 0 0 0;
	}
	
#logo span, #logo a {
	margin: 0 auto;
	display: block;
	width: 352px;
	height: 94px;
	padding: 0;
	border-style: none;
	background: url(./images/logo.gif) no-repeat center;
}

/* nav 
-------------------------------------------------*/

#nav {
    height: 35px;
    width: 908px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 80%;
    text-align: left;
}

#nav ul#menu    {
    position: relative;
    width: 908px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul#menu li {
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}   

ul#menu li, ul#menu a {
    height: 35px;
    /*\*/overflow: hidden;/**/
    display: block;
}   
#nav ul#menu li a {
    text-indent: -9999px;
    text-decoration: none;
}

#homemenu    {left: 0px; width: 181px; height: 35px; background: transparent url(./images/nav/home_off.gif) top left no-repeat;}
#servicesmenu    {left: 181px; width: 182px; height: 35px; background: transparent url(./images/nav/services_off.gif) top left no-repeat;}
#workmenu    {left: 363px; width: 182px; height: 35px; background: transparent url(images/nav/work_off.gif) top left no-repeat;}
#aboutmenu    {left: 545px; width: 182px; height: 35px; background: transparent url(images/nav/about_off.gif) top left no-repeat;}
#contactmenu    {left: 727px; width: 181px; height: 35px; background: transparent url(images/nav/contact_off.gif) top left no-repeat;}

#homemenu a:hover {left: 0px; width: 181px; height: 35px; background: transparent url(./images/nav/home_on.gif) top left no-repeat;}
#servicesmenu a:hover    {left: 181px; width: 182px; height: 35px; background: transparent url(./images/nav/services_on.gif) top left no-repeat;}
#workmenu a:hover    {left: 363px; width: 182px; background: transparent url(images/nav/work_on.gif) top left no-repeat;}
#aboutmenu   a:hover  {left: 545px; width: 182px; background: transparent url(images/nav/about_on.gif) top left no-repeat;}
#contactmenu  a:hover   {left: 727px; width: 181px; background: transparent url(images/nav/contact_on.gif) top left no-repeat;}





/*	HOME
-------------------------------------------------*/

#home_image {
	width: 518px;
	height: 371px;
	background: url(./images/home_image.gif) no-repeat top;
	text-align:left;
}


/*	What's New
-------------------------------------------------*/

#main {
	width: 908px;
	text-align:left;
	background-image: url(./images/main_ba.jpg);
	background-color: #c2beb2;
	padding: 0;
	margin: 0;
	}

#title {
	margin: 0 0 0 -100px;
	padding: 0 0 10px 0;
}

#main-content {
	float: left;
	width: 518px;
	display:inline;
	margin: 50px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.news {
	margin: 0;
}

.news h2 {
	margin: 0;
	font-size: 1.1em;
	line-height: 100%;
	color: #7c6d67;
}

.news h1 {
	margin: 0;
	font-size: 1em;
	line-height: 100%;
	color: #3f2626;
	padding-top:20px;
}

.news h2 a:link { color: #ffffff; text-decoration: none; }
.news h2 a:visited { color: #ffffff; text-decoration: none; }
.news h2 a:hover { color: #3f2626; text-decoration: none; }
.news h2 a:active { color: #3f2626; text-decoration: none; }

.entry {
	margin: 0;
	
}

.entry * {
	color: #333333;
	line-height: 140%;
}

/*	SINGLE CONTENT
-------------------------------------------------*/

#main {
	width: 908px;
	text-align:left;
	background-image: url(./images/main_bg.jpg);
	background-color: #c2beb2;
	padding: 0;
	margin: 0;
	}

#title {
	margin: 0 0 0 -100px;
	padding: 0 0 10px 0;
}

#main-content {
	float: left;
	width: 518px;
	display:inline;
	margin: 50px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.post {
	margin: 0;
}

.post h2 {
	margin: 0;
	font-size: 1.4em;
	line-height: 100%;
	color: #7c6d67;
}

.post h1 {
	margin: 0;
	font-size: 1em;
	line-height: 100%;
	color: #3f2626;
	margin: 0;
}

.post img {
	margin-top: 16px;
}

.post h2 a:link { color: #ffffff; text-decoration: none; }
.post h2 a:visited { color: #ffffff; text-decoration: none; }
.post h2 a:hover { color: #7c6d67; text-decoration: none; }
.post h2 a:active { color: #7c6d67; text-decoration: none; }

.entry {
	margin: 0;
	
}

.entry * {
	color: #333333;
	line-height: 140%;
}



/*	SIDEBAR ON HOMEPAGE
-------------------------------------------------*/

#sidebar {
	width: 240px;
	padding: 0;
	background: transparent url(./images/sidebar.gif) no-repeat top;
	float:right;
	display:inline;
	margin: 50px 50px 0 0;
}

#side_title {
	text-align:center;
	margin: 0;
	height: 34px;
	background: transparent url(./images/sidebar.gif) no-repeat top;
	font-size:1.3em;
	color: #3f2626;
}

.side-content {
	margin: 26px 0 10px 0;
	padding: 2px 18px;
	line-height: 140%;
}

.side_bottom {
	margin: 0;
	height: 10px;
	background: transparent url(./images/sidebar.gif) no-repeat bottom;
}

#more_sidebar {
	font-size: 1em;
}

#more_sidebar a {
	color: #7c6d67;
	text-decoration:none;
	border-bottom: dotted 1px #7c6d67;
	line-height: 120%;
}

#more_sidebar a:hover {
	color: #3f2626;
	text-decoration:none;
	border-bottom: dotted 1px #3f2626;
	line-height: 120%;
}


/*	SIDE NAVIGATION ON WORK PAGE
-------------------------------------------------*/

#sidenav {
	width: 240px;
	padding: 0;
	float: left;
	display: inline;
	margin: 50px 0 0 50px ;
}

#sidenav  ul {
	width: 210px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 110%;
}

#sidenav  li a {
	background: url(./images/dingbat.gif) no-repeat 0 50%;
	display: block;
	height: 30px;
	color: #7c6d67;
	padding-left: 30px;
	height: 30px;
}

#sidenav li a:link, #sidenav li a:visited {
	background: url(./images/dingbat.gif) no-repeat 0 50%;
	color: #7c6d67;
	text-decoration: none;
	border: none;
	padding-left: 30px;
	line-height: 30px;
}

#sidenav li a:hover {
	background: url(./images/dingbat.gif) no-repeat 0 50%;
	color: #ffffff;
	text-decoration: none;
	padding-left: 30px;
	line-height: 30px;
}


/* Archive */

#work_title {
	background: url(./images/work.gif) no-repeat top;
	width: 190px;
	line-height: 30px;
	padding-bottom: 50px;
}

#whatsnew_title {
	background: url(./images/whatsnew.gif) no-repeat top;
	width: 211px;
	height: 30px;
	padding-bottom: 20px;
}


/* page */

#page-content {
	width: 808px;
	float: left;
	display:inline;
	margin: 50px;
}


.page {
	margin: 0;
}

.page h2 {
	margin: 0;
	font-size: 1.2em;
	line-height: 100%;
	color: #7c6d67;
	padding-top:10px;
}

.page h1 {
	margin: 0;
	font-size: 1.4em;
	line-height: 100%;
	color: #7c6d67;
	padding-top:10px;
}


.page h2 a:link { color: #ffffff; text-decoration: none; }
.page h2 a:visited { color: #ffffff; text-decoration: none; }
.page h2 a:hover { color: #7c6d67; text-decoration: none; }
.page h2 a:active { color: #7c6d67; text-decoration: none; }

.page_entry {
	margin: 0;
	margin-left: 200px;
}

.page_entry * {
	color: #333;
	line-height: 140%;
}
	

/*	FOOTER
-------------------------------------------------*/

#footer {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	clear: both;
}
	
#footer-content {
	width: 908px;
	margin: 20px auto;
	padding: 10px 0;
	text-align:center;
}
	
#footer a:link		{ color: #666; text-decoration:none; border: none;}
#footer a:visited	{ color: #666; text-decoration:none; border: none;}
#footer a:hover		{ color: #333; text-decoration:none; border: none;}
#footer a:active	{ color: #333; text-decoration:none; border: none;}