/*
Theme Name: Design Meister
Theme URI: http://designmeister.com
Description: A custom WordPress theme developed for Design Meister.
Version: 1.0
Author: Teddy Hwang
Author URI: http://www.teddyhwang.com/
Tags: custom, 

	Design Meister 1.0
	 http://www.designmeister.com

	This theme was and built by Teddy Hwang and
	designed by Joanne Meister

*/

/* -- [ Design Meister ] ------------------------------------------------------------------

	Designer:	Joanne Meister
	HTML/CSS:	Teddy Hwang

---------------------------------------------------------------------------------------- */

/* ----- [ The Basics ] ---------------------------------------------------------------- */

* {
	margin: 0 auto;
	padding: 0px;
}

* p {
	margin: 0 0 16px 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #572600;
	text-align: left;
	background: #ded5ce;
}

a:link  {
	color: #e53f13;
	text-decoration: none;
	outline: none;
	border-bottom: none;
}

a:visited {
	border: none;
	color: #e53f13;
	text-decoration: none;
}

a:hover {
	color: #e53f13;
	text-decoration: none;
	outline: none;
	border-bottom: dashed 1px #e53f13;
}

a:active {
	color: #333;
	border: none;
	text-decoration: none;
}

a:visited img, a:link img, #subscribe a:hover {
	border: none;
	color: #e53f13;
}

h1, h2, h3 {
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial;
	color: #3f3f3f;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
}

.title h2 {
	font-size: 20px;
	text-shadow: 2px 2px 1px #5e6979;
	color: #fff;
}

.left		{float: left;}
.right		{float: right;}
.alignleft	{text-align: left;}
.alignright	{text-align: right;}
img.left	{margin: 3px 10px 3px 0;}
img.right	{margin: 3px 0 3px 10px;}

.middle {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.clear {
	clear: both;
}

.ir {
	text-indent: -10000px;
	display: block;
}

/* ----- [ Body ] ---------------------------------------------------------------------- */

.main {
	width: 800px;
	font-size: 11px;
	line-height: 16px;
}

#full_navigation {
	width: 100%;
	background: url(images/navigation.jpg) repeat-x 0 0 #fff;
}

#navigation {
	color: #fff;
	padding: 0;
	text-shadow: rgba(0,0,0,0.01) 0 0 1px;
	font-size: 14px;
	line-height: 22px;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	float: left;
}

#navigation ul li a {
	float: left;
	color: #fff;
	border-bottom: solid 5px #fff;
	padding: 5px;
	margin: 0 20px;
	font-weight: normal;
}

#navigation ul li a:hover, #navigation ul .active a {
	border-bottom: solid 5px #cbdb2a;
	color: #cbdb2a;
}

#navigation ul #home {
	border-right: dashed 1px #fff;
	width: 199px;
	margin: 0 20px 0 0;
}

#navigation ul #home a {
	color: #933582;
	margin: 0 0 0 15px;
}

#navigation ul #home a:hover {
	border-bottom: none;
	color: #aeaeae;
}

#full_header {
	width: 100%;
	background: #fff;
	border-bottom: solid 11px #e53f13;
}

#header {
	padding: 10px 0 10px;
}

#header img {
	float: left;
	margin: 0 0 0 15px;
}

#header h1 {
	color: #6d6e71;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 18px;
	margin: 20px 0 0px 215px;
	clear: both;
	white-space: nowrap;
}

#header h2 {
	margin: 20px 0 0px 215px;
	clear: both;
	height: 22px;
	display: block;
	text-indent: -10000px;
}

#who-page_title {
	background: url(images/page_titles.jpg) no-repeat 0 0;
	width: 200px;
}

#services-page_title {
	background: url(images/page_titles.jpg) no-repeat -200px 0;
	width: 77px;
}

#portfolio-page_title {
	background: url(images/page_titles.jpg) no-repeat -469px 0;
	width: 82px;
}

#design_talk-page_title {
	background: url(images/page_titles.jpg) no-repeat -353px 0;
	width: 115px;
}

#contact-page_title {
	background: url(images/page_titles.jpg) no-repeat -277px 0;
	width: 76px;
}

#footer {
	color: #6d6e71;
	font-size: 9px;
	border-top: dashed 1px #572600;
	padding: 5px 20px;
	line-height: 14px;
}

#footer div.left {
	margin: 15px 0 0 0;
}

#footer ul {
	list-style-type: none;
	margin: 0 0 5px 0;
}

#footer ul li {
	float: left;
}

#footer ul li a {
	color: #6d6e71;
	font-weight: normal;
	margin:  0 10px 0 0;
	border: none;
}

#footer ul li a:hover {
	color: #e53f13;
	text-decoration: none;
	outline: none;
	border-bottom: dashed 1px #e53f13;
}

/* ----- [ designmeister ] ------------------------------------------------------------- */

.main h2 {
	color: #6d6e71;
	font-size: 11px;
	margin: 10px 0 10px 0;
}

.main h2 span, .date, #subscribe label {
	text-transform: none;
	font-size: 10px;
	display: block;
	color: #6d6e71
}

#main {
	border-left: dashed 1px #572600;
	border-right: dashed 1px #572600;
	background: url(images/content.jpg) repeat-y right 0;
}

#portfolio {
	border-left: dashed 1px #572600;
	border-right: dashed 1px #572600;
}

#home #main {
	background: url(images/sidebar.jpg) repeat-y 0 0;
}

#sidebar {
	float: left;
	width: 168px;
	background: #fff;
	padding: 0 15px;
}

#page_sidebar {
	float: left;
	width: 198px;
	padding: 15px 0;
}

#page_sidebar h2 {
	margin: 0 10px 10px 10px;
}

#page_sidebar blockquote p {
	background: url(images/quote-open.jpg) no-repeat 0 0;
	padding: 0 0 0 20px;
	margin: 0 10px 5px 10px;
	line-height: 20px;
}

#page_sidebar p.testimony_author {
	color: #6d6e71;
	font-size: 9px;
	background: url(images/quote-close.jpg) no-repeat right 0;
	padding: 15px 0 0 20px;
	margin: 0 10px 5px 10px;
}

#homepage {
	border-left: dashed 1px #572600;
	width: 569px;
	float: left;
	background: url(images/homepage.jpg) no-repeat 0 bottom;
	height: 770px;
	padding: 15px 15px 0 15px;
	font-size: 12px;
}

#content {
	border-left: dashed 1px #572600;
	width: 599px;
	float: left;
	padding: 15px 0;
}

#content p {
	padding: 0 15px;
}

.min {
	min-height: 530px;
}

#services_list {
	border-left: dashed 1px #572600;
	width: 599px;
	float: left;
	margin: -15px 0 0 0;
}

#design_talk {
	border-left: dashed 1px #572600;
	width: 599px;
	float: left;
	min-height: 700px;
}

#homepage h2 {
	display: block;
	text-indent: -10000px;
	height: 23px;
	margin: 0 0 5px 0;
}

#who {
	background: url(images/h2.png) no-repeat 0 0;
	width: 200px;
}

#what {
	background: url(images/h2.png) no-repeat -200px 0;
	width: 216px;
}

#why {
	background: url(images/h2.png) no-repeat -416px 0;
	width: 126px;
}

#how {
	background: url(images/h2.png) no-repeat -543px 0;
	width: 129px;
}

.last {
	color: #670359;
	margin: 390px 0 0 0;
	font-size: 11px;
}

.banner img {
	position: relative;
	right: 1px;
}

#services_list h2 {
	border-bottom: solid 5px #670359;
	padding: 0 0 10px 15px;
	margin: 0;
}

.service {
	border-bottom: solid 1px #670359;
	padding: 10px 15px 5px 15px;
}

.service-last {
	padding: 10px 15px 5px 15px;
}

.service .title, .service-last .title {
	font-weight: bold;
	float: left;
	width: 180px;
}

.service .description, .service-last .description {
	float: left;
	width: 389px;
}

.closing {
	clear: both;
	border-top: dashed 1px #572600;
	width: 768px;
	height: 237px;
	padding: 0 15px;
}

.closing ul {
	list-style-type: square;
	margin: 0 0 0 20px;
}

#about {
	background: url(images/about.jpg) 50% 0;
}

#about p {
	margin: 0 0 5px 0;
}

#services {
	background: url(images/services.jpg) 50% 0;
}

#contact {
	background: url(images/contact.jpg) 50% 0;
	color: #670359;
}

#contact p {
	padding: 20px 0 0 10px;
}

#subnavigation {
	list-style-type: none;
	margin: 0 0 0 199px;
	clear: both;
	display: block;
	position: relative;
	z-index: 10;
}

#subnavigation li {
	float: left;
	margin: 0 10px;
}

#subnavigation li a {
	float: left;
	padding: 10px 0 0 0;
	color: #451c08;
	font-size: 14px;
}

#subnavigation li.active a, #subnavigation li a:hover {
	background: url(images/subnavigation.jpg) no-repeat 50% top;
}

#subnavigation li a:hover {
	border: none;
}

.project_details {
	width: 169px;
	padding: 0 15px;
	float: left;
	margin: 5px 0 0 0;
}

.portfolio_title {
	background: url(images/title-left.jpg) no-repeat 0 0;
	height: 29px;
	padding: 0 0 0 10px;
	color: #fff;
	font-size: 14px;
	float: left;
	margin: 20px 0 0 15px;
}

.portfolio_title span {
	background: url(images/title-right.jpg) no-repeat right 0;
	padding: 5px 10px 0 0;
	height: 24px;
	display: block;
	text-align: center;
	width: 149px;
}

.project {
	margin: 20px 0 0 0;
	width: 599px;
	float: left;
	min-height: 800px;
}

#directions {
	float: left;
	margin: 20px 0 0 15px;
}

#directions a {
	color: #fff;
	font-size: 14px;
	display: block;
	float: left;
	margin: 0 1px 0 0;
	height: 24px;
	padding: 5px 10px 0;
}

#directions a:hover {
	border: none;
}

.previous {
	background: url(images/previous.jpg) no-repeat left 0 #451c08;
}

.next {
	background: url(images/next.jpg) no-repeat right 0 #e53f13;
}

#slider {
	width: 798px;
	margin: 0 auto;
	position: relative;
}

.scroll {
	height: 800px;
	width: 798px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: both;
}

.scrollContainer div.panel {
	padding: 0;
	height: 800px;
	width: 798px;
}

.project img {
	border: solid 1px #451c08;
}

.project img.left {
	margin: 0 28px 0 0;
}

#design_talk h2 {
	margin: 10px 15px;
}

#design_talk #posts {
	border-top: dashed 1px #572600;
}

#design_talk .post {
	border-bottom: dashed 1px #572600;
	padding: 10px 15px;
}

.date {
	margin: 0 0 5px 0;
}

.post h3 {
	text-transform: none;
	margin: 0 0 15px 0;
	padding: 2px 0 0 26px;
	height: 18px;
}

h3.sustainability	{background: url(images/categories.jpg) no-repeat 0 0;}
h3.business			{background: url(images/categories.jpg) no-repeat 0 -20px;}
h3.theory			{background: url(images/categories.jpg) no-repeat 0 -40px;}
h3.typography		{background: url(images/categories.jpg) no-repeat 0 -60px;}
h3.identity			{background: url(images/categories.jpg) no-repeat 0 -80px;}

.post h3 a {
	font-size: 18px;
	color: #572600;
}

.post ul, .post ol {
	margin: 0 0 15px 20px;
}

#subscribe {
	width: 178px;
	border-right: dashed 1px #572600;
	border-top: dashed 1px #572600;
	clear: both;
	margin: 0;
	padding: 0 10px 5px 10px;
}

#subscribe h2 {
	margin: 10px 0 0 0;
}

#subscribe form p {
	margin: 0 0 10px 0;
}

#subscribe form #email {
	background: #fff;
	border: solid 1px #572600;
	font-size: 13px;
	display: block;
	width: 174px;
	padding: 3px;
	outline: none;
	margin: 5px 0;
}

#subscribe form input.left {
	background: #c4d72e;
	color: #572600;
	border: none;
	padding: 6px 15px;
}

#blog_categories {
	list-style-type: none;
	margin: 0 10px;
}

#blog_categories li {
	padding: 2px 0 0 25px;
	height: 18px;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#blog_categories #sustainability	{background: url(images/categories.jpg) no-repeat 0 0;}
#blog_categories #business			{background: url(images/categories.jpg) no-repeat 0 -20px;}
#blog_categories #theory			{background: url(images/categories.jpg) no-repeat 0 -40px;}
#blog_categories #typography		{background: url(images/categories.jpg) no-repeat 0 -60px;}
#blog_categories #identity			{background: url(images/categories.jpg) no-repeat 0 -80px;}

#blog_categories ul {
	list-style-type: none;
	margin: 0;
}

#blog_categories ul li {
	height: auto;
	padding: 0;
	margin: 5px 0 0 0;
	font-weight: normal;
	background: none;
}

#blog_categories ul li a {
	margin: 0;
	color: #572600;
	background: none;
}

/* ----- [ Clear Floats ] -------------------------------------------------------------- */

.wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}