/*
Theme Name: Melling_Morse
Description: Original bespoke theme for architect showcase site.
Version: 1.0
Theme Author: John King - King Websites
Website Design: James Morse - Morse Creative
*/

/* RESET CSS CODE */

body,html,div,ul,ol,li,h1,h2,h3,h4,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4{font-weight:normal;margin:0px;padding:0px;}
body{font:100.01% tahoma, georgia, arial, Helvetica, Sans-Serif;}
img{display: block;}

/* Page and Layout CSS */

body {
	text-align: center;
}

.menu_wrapper {
	width: 100%;
	background: #f7f1f1;
	margin-bottom: 9px;
}

.pink_wrapper {
	width: 100%;
	background: #f7f1f1 url('images/bg-fade.gif') repeat-x bottom left;
	margin-bottom: 9px;
}

.white_wrapper {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 9px;
}

#header {
	width: 920px;
	height: 83px;
	margin: 0px auto;
	text-align: left;
}

#menu {
	width: 920px;
	height: 27px;
	margin: 0px auto;
	text-align: left;
}

#summary {
	width: 790px; /* 920px minus 130px padding */
	margin: 0px auto;
	padding: 6px 130px 4px 0px;
	text-align: left;
}

#home_main {
	width: 920px;
	margin: 0px auto;
	padding: 23px 0px 15px 0px;
	text-align: left;
}

#project_main {
	width: 920px;
	margin: 0px auto;
	padding: 23px 0px 15px 0px;
	text-align: left;
}

#page_contents {
	width: 790px; /* 920px minus 130px padding */
	margin: 0px auto;
	padding: 6px 130px 4px 0px;
	text-align: left;
}

.thumbnails {
	width: 920px;
	margin: 0px auto;
	padding: 23px 0px 10px 0px;
	text-align: left;
}

.thumb_header {
	width: 920px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
}

.press {
	width: 920px;
	margin: 0px auto;
	padding: 23px 0px 10px 0px;
	text-align: left;
}

.spacer {
	clear: both;
}

.press_spacer {
	clear: both;
	height: 20px;
}

#footer {
	clear: both;
	width: 920px;
	margin: 30px auto 15px auto;
}

/* Font Color and Size CSS */

body {
	color: #3d5e38;
}

a {
	color: #b21818;
	text-decoration: none;
}

a:hover {
	color: #d79996;
}

#menu ul li a {
	font-size: 0.875em;	
}

#menu ul li.active a:hover {
	color: #b21818;
}

#summary p {
	font-size: 0.8125em;
	line-height: 1.85em;
}

#home_main p {
	font-size: 0.8125em;
}

.thumbnails p {
	font-size: 0.8125em;
}

h2 {
	font-size: 0.875em;
	font-weight: bold;
}

.thumb_header h2 {
	font-weight: normal;
}

#project_main p a {
	font-size: 0.875em;
}

#project_details p {
	font-size: 0.875em;
	line-height: 1.5em;
}

#project_details ul li {
	font-size: 0.875em;
}

#page_contents p {
	font-size: 0.875em;
	line-height: 1.85em;
}

#page_contents ul li a {
	font-size: 0.875em;
}

.press ul li {
	font-size: 0.875em;
}

address {
	font-size: 0.875em;
}

#footer p {
	color: #cab5b5;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6875em;
}

/* Header CSS */

#header h1 {
	padding-top: 23px;
}

/* Menu CSS */

#menu ul li {
	float: left;
	width: 175px;
	height: 24px;
	margin-top: 3px;
}

#menu ul li#longer_menu {
	width: 220px;
}

#menu ul li a {
	padding: 1px 6px 3px 6px;
}

#menu ul li.active a {
	background-color: #eecfcf;
}

/* Home Page CSS */

#home_main p {
	padding-top: 7px;
}

/* Project Detail Page CSS */

#project_details {
	float: right;
	width: 300px; /* 420 minus padding */
	padding: 45px 80px 15px 40px; 
}

#project_details h2 {
	padding-bottom: 0px;
}

#project_details p {
	padding-top: 10px;
}

#project_details ul {
	padding-top: 20px;
}

#project_image {
	float: right;
	width: 500px;
}

#project_image p {
	padding-bottom: 30px;
	padding-left: 16px;
	background: transparent url('images/arrow-back.gif') no-repeat 0px 6px;
}

/* Static Page CSS - i.e. About Us page */

#page_contents h2 {
	padding: 25px 0px 12px 0px;
}

#page_contents p {
	padding: 8px 0px 12px 0px;
}

#page_contents p img.alignright {
	float: right;
	padding: 10px 0px 40px 40px;
}

/* Generic Thumbnails CSS */

.thumbnails ul li {
	float: left;
	width: 100px;
	margin-right: 15px;
}

.thumbnails .thumb_spacer {
	clear: both;
}

/* Home Page Thumbnails */

.thumbnails ul.home_thumb li {
	height: 75px;
}

.thumbnails p {
	clear: both;
	padding-top: 7px;
}

/* Projects Page Thumbnails */

.thumbnails ul.project_thumb li {
	height: 133px;
}

.thumbnails ul.project_thumb li p {
	text-align: center;
	width: 77px;
}

/* Project Detail Page Thumbnails */

.thumbnails ul.project_detail_thumb li {
	height: 75px;
	width: 75px;
	margin-right: 40px;
	margin-bottom: 20px;
}

/* Press and Awards Javascript Style */

ul.thickbox {
	display: none;
}

/* Press and Awards page CSS */

.press_thumbnail {
	float: left;
	width: 75px;
}

.press_list {
	float: left;
	padding-left: 25px;
	width: 700px;
}

.press_list p, .press_list img {
	display: none;
}