/*
Theme Name: SW33T 2009
Description: A custom theme designed especially for ME!
Version: 1.0
Author: Sarah
	
*/

/* .light yellow {
	color: #ffe4a5; }

.medium {
	color: #f5cd79; }
	
.dark {
	color: #e9be5f; }

.light brown {
	color: #79491c; }

.dark brown {
	color: #36240e; } */

/* @group GLOBALS */

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 76%;
	color: #402b10;
	background: #ffe4a5 url(images/bg.png) repeat-x; }
	
.content, .main, .footer, .content_bottom { 
	position: relative;
	width: 800px; }
	
.content {
	margin: 0 auto 0 auto;
	padding: 0; }
	
.content_bottom {
	background: url(images/footer.png) no-repeat center bottom;
	clear: both;
	height: 128px; 	}

.content_bottom p {
	font-size: .9em;
	padding: 2px 0px 0px 80px;
	line-height: 1.4em;
	color: #999;
	margin: 0; }
	
	/* @end */	
	

/* @group TYPOGRAPHY */
	
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #533715; }
	
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #422c10; }
	
a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #79491c; }
	
h1 {
	font-size: 3.0em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	font-style: italic;
	letter-spacing: .055em; }
	
h2 {
	text-decoration: none;
	margin: 1.0em 0em .2em 0em;
	padding: 0;
	color: #36240e;
	font: 2.4em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold; }

h2.title {
	text-align: center; }

h2 a:link, h2 a:visited { /* posts */
	text-decoration: none;
	font-weight: bold;	 }
	
h2 a:hover { /* posts */
	text-decoration: underline; }
	
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em .2em 0em;
	font-weight: bold;	}
	
h4 {
	font-size: .9em;
	text-transform: uppercase;
	margin: 1.2em 0em 1em 0em;
	font-weight: normal;
	text-align: center;
	color: #70451a;
	letter-spacing: .1em;
	background: url(images/hilite.png) no-repeat center top; }

.project h4 {
	margin-bottom: 0; }
	
h4 a:link, h4 a:visited {
	color: #70451a; }

h4 a:hover {
	color: #36240e;
	font-weight: bold;
	letter-spacing: normal; }
	
h5 { /*authors */
	font-size: 1.3em;
	margin: 20px 0 3px 0; }

h5 a:link, h5 a:visited { /*authors */
	color: #5e0e11;
	font-weight: bold;
	text-decoration: none; }
	
h6 {
	font-size: 1.2em;
	text-align: left;
	margin: 20px 0 0 0;
	font-weight: normal;	}
	
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em; 	}
	
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;	}
	
strong, b {
	font-weight: bold;	}
	
.smalltext {
	font-size: .8em;
	color: #666; }
	
	/* @end */
	
	
/* @group MAIN ELEMENTS */

.header { 
	position: relative; }

.logo {
	position: relative;
	width: 100%;
	height: 114px;
	background: url(images/logo.png) no-repeat center top; }

.logo h1 {
	text-indent: -1000em; overflow:hidden; }
	
.tagline {
	position: absolute;
	color: #666;
	top: 182px;
	left: 465px;
	font-size: 1.1em;
	letter-spacing: .05em; }
	
.project {
	position: relative;
	width: 380px;
	float: left;
	margin: 0px 8px 5px 8px;
	padding: 0; }
	
.project img {
	border-top: 4px solid #f4d38d;
	border-left: 4px solid #f4d38d;
	border-right: 4px solid #f5cd79;
	border-bottom: 4px solid #f5cd79; }
	
.project_photo {
	position: relative;
	margin: 0;
	padding: 0; }

.project_photo_zoom {
	background: url(images/zoom.png) no-repeat center top;
	width: 30px;
	margin: 0 auto;
	padding: 0;
	height: 26px;
	left: 380px;
	top: -3px;
	position: absolute;
	border: 3px solid #f4d38d; }
	
.project h4 a {
	text-decoration: none; }
	
img.project_page {
	float: left;
	display: block;
	border-top: 4px solid #f4d38d;
	border-left: 4px solid #f4d38d;
	border-right: 4px solid #f5cd79;
	border-bottom: 4px solid #f5cd79;
	padding: 0;
	margin: 4px 10px 10px 0; }
	
img.project_page:hover {
	border-color: #fef4d6; }
	
.article {
	text-align: left;
	display: block;
	width: 400px;
	margin: 10px 8px 5px 8px; }

	
.blog {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 0; }
	
.page {
	text-align: center;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0; }
	
.page p {
	clear: both; }
	
.blog h2 {
	padding: 0px 0px 0px 0px; }

.blog_excerpt {
	text-align: left; }

p.date {
	font-size: .9em;
	margin: 0px 0;
	padding: 0;
	color: #79491c; }
	
.column {
	position: relative;
	float: left; }
	
.column.one {
	width: 470px;
	padding-right: 30px; }

.column.two {
	width: 300px; }


.left {
	text-align: left; }
	
.edit a {
	font-size: .7em;
	text-decoration: none; }
	
.byline {
	font-size: .9em;
	line-height: 1.3em;
	padding: 6px 10px;
	margin: 8px 0 0 0;
	color: #666; }
	
ul.text_links {
	position: relative;
	margin-left: 240px;
	padding: 0px;
	list-style-type: none; }

ul.text_links li {
	display:inline; }

ul.text_links.single {
	margin: 0 0 0 10px;
	padding: 0;
	float: right; }
	
ul.text_links li a {
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	width: 96px;
	height: 38px;
	background: url(images/text_link.png) no-repeat;
	padding: 7px 0 0 0;
	margin: 0 3px; }
	
ul.text_links li a:link, ul.text_links li a:visited {
	text-decoration: none;
	color: #79491c; }
	
ul.text_links li a:hover {
	text-decoration: underline;
	color: #79491c; }
	
ul.text_links li.current-cat a {
	font-weight: bold;
	color: #36240e;
	text-decoration: underline; }

	

.post_nav {	
	font-size: .9em;
	padding: 5px 0px 5px 0px;
	margin: 1px 0 1px 0;
	display: block;	}
	
.alignleft {
	float: left;
	margin: 0;
	padding: 0;	}

.alignright {
	float: right;
	margin: 0;
	padding: 0;	}
	
form {
	padding: 0;
	margin: 0 0 2px 0; }

input, button, textarea {
	background-color: #f5cd79;
	color: #36240e;
	padding: 4px 7px;
	margin: 5px 0 1px 1px;
	border: 1px solid #e9be5f;
	font-size: .9em;
	width: 128px; }

.rss {
	position: absolute;
	background: url(images/rss.jpg) no-repeat 5px 1px;
	padding: 0px 0 25px 32px;
	top: 150px;
	left: 730px; }

.rss a#rss {
	position: absolute;
	left: 9px;
	top: 38px;
	width: 40px; }	
	
.post h2 {
	text-align: center;
	margin-bottom: .1em; }
	
.post p {
	 }
	
.post p.description {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: #79491c;
	padding: 0;
	margin: 0 0 5px 0; }
	
.post p.category {
	font-size: .9em;
	text-align: center;
	padding: 0;
	margin: 0; }

.post .entry {
	padding: 0px 0 0 0;
	margin: 0px 0 0 0; }
	

	
	/* @end */

	
/* @group SIDEBAR */

.sidebar {
	z-index: 100;
	position: relative;	
	float: right; 
	margin: 0em 0 0 0;
	padding: 5px 10px 0 20px; 
	width: 125px; }

.sidebar h3 {
	/*background: url(images/sidebar_right_title.jpg) no-repeat left top;*/
	padding: 0px 0 0 0px;
	margin: 0px 0px 0 0px;
	clear: both;	}

.sidebar p {
	margin: 0;
	padding: 0;
	line-height: 1.4em; }

.sidebar ul {
	padding: 0px 0 0 16px;
	margin: 5px 1px;
	text-indent: 0px;  }

	
	/* @end */
	
	
/* @group NAV */

.navContainer {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 110px; /* original was 130px */
	background: url(images/nav.png) no-repeat center bottom; }

.nav {
	position: relative;
	width: 549px;
	margin: 0 auto;
	padding: 15px 0 0 0; }
	
.nav ul {
	list-style-type: none;
	position: relative; }
	
.nav ul li {
	list-style-type: none;
	display: inline; }

.nav ul li a {
	text-indent: -1000em;
   	overflow: hidden;
   	display: block;
   	float: left;
   	height: 39px;
   	margin-right: 15px; }
	
/* home */
.nav ul li.page-item-2 a:link, .nav ul li.page-item-2 a:visited {
   	width: 73px;
   	background: url(images/nav_home.png) 0 0;  }

.nav ul li.page-item-2 a:hover {
   	background-position: 0 -39px;  }

.nav ul li.current_page_item.page-item-2 a {
   	background-position: 0 -78px;  }
   	
/* services */
.nav ul li.page-item-38 a:link, .nav ul li.page-item-38 a:visited {
   	width: 90px;
   	background: url(images/nav_services.png) 0 0;  }

.nav ul li.page-item-38 a:hover {
   	background-position: 0 -39px;  }

.nav ul li.current_page_item.page-item-38 a {
   	background-position: 0 -78px;  }

/* folio */
.nav ul li.page-item-56 a:link, .nav ul li.page-item-56 a:visited {
   	width: 107px;
   	background: url(images/nav_portfolio.png) 0 0;  }

.nav ul li.page-item-56 a:hover {
   	background-position: 0 -39px;  }

.nav ul li.current_page_item.page-item-56 a {
   	background-position: 0 -78px;  }

/* about */
.nav ul li.page-item-39 a:link, .nav ul li.page-item-39 a:visited {
   	width: 71px;
   	background: url(images/nav_about.png) 0 0;  }

.nav ul li.page-item-39 a:hover {
   	background-position: 0 -39px;  }

.nav ul li.current_page_item.page-item-39 a {
   	background-position: 0 -78px;  }

/* contact */
.nav ul li.page-item-42 a:link, .nav ul li.page-item-42 a:visited {
   	width: 92px;
   	background: url(images/nav_contact.png) 0 0;  }

.nav ul li.page-item-42 a:hover {
   	background-position: 0 -39px;  }

.nav ul li.current_page_item.page-item-42 a {
   	background-position: 0 -78px;  }
   	
  	/* @end */
  	
  	

	
/* @group FOOTER */

.footer {
	position: relative;
	color: #79491c;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: .9em; }
	
.footer a:link, .footer a:visited {
	color: #79491c;
	text-decoration: none; }
	
.footer a:hover {
	color: #79491c;
	text-decoration: underline; }
	
.footer p {
	font-size: .8em;
	padding: 10px 0 0 0;
	margin: 0;
	clear: both; }

.footer .icon_container {
	width: 244px; /* original was 214 */
	margin: 0 auto;
	padding: 0;
	position: relative;
	clear: both; }

.footer .icon {
	padding: 0px 5px 0 5px;
	margin: 0; }

ul.footer_pages {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0; }

ul.footer_pages li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #e9c270; }
	
	/* @end */