/***********************************************************

Colors:
    Grey:       180     172     159     (#B4AC9F)
    Grey Tint:  224     220     212     (#E0DCD4)
    Blue:        37     150     191     (#2596BF)

***********************************************************/

/***********************************************************
    Generic Typography / Structure
***********************************************************/

body {
	background:	#FFF;

	font-family:		verdana, arial, sans-serif;
	font-size:			11px;
	line-height:		14px;
	color:				#333;
}

body#popup {
	width:				auto;
}

a {
	color:				#2596BF;
	text-decoration:	none;
}

h1, h2, h3, h4 {
	font-family:		"Helvetica Neue", helvetica, arial, sans-serif;
	font-weight:		bold;
	color:				#B4AC9F;
	padding:			0;
	margin:				0;
	letter-spacing:		0px;
}

h1 {
	font-size:			30px;
	line-height:		42px;
}

h2 {
	font-size:			24px;
	line-height:		28px;
	margin-bottom:		0.5em;
}

h3 {
	font-size:			16px;
	line-height:		18px;
	margin-bottom:		1em;
}

h4 {
	font-size:			12px;
	line-height:		14px;
}

div#container {
	width:				880px;
	
	margin:				10px 0;
	padding:			10px 10px 0 10px;
	
/*	background:	#FFF url(/assets/images/logos/guides.png) repeat-y;*/
}

div#main {
	margin:				0 5px;
}

div#popup {
	width:				auto;
	
	margin:				10px 0;
	padding:			10px 10px 0 10px;
	
/*	background:	#FFF url(/assets/images/guides.png) repeat-y;*/
}

/***********************************************************
    Header
***********************************************************/

div#header {
	width:				100%;
	height:				120px;
	border-bottom:		1px solid #B4AC9F;
	margin:				0 0 2em 0;
}

body#gallery div#header {
	width:				auto;
	height:				auto;
	border:				none;
}

div#header h1 {
	width:				150px;
	height:				41px;
	line-height:		50px;
	margin:				0 0 10px 0;
}

div#header h1 span {
	position:			absolute;
	background:			url(/assets/images/logos/logo.png) no-repeat;
	width:				150px;
	height:				41px;
}

div#header ul#contact-header {
	float:				right;
	
	margin:				-50px 0 0 0;
	
	width:				175px;
	height:				41px;
	
	color:				#B4AC9F;
	font-size:			9px;
	line-height:		10px;
}

div#header ul#contact-header li {
	list-style:			none;
}

div#header ul#contact-header li a {
	color:				#B4AC9F;
}

/***********************************************************
    Navigation
***********************************************************/

div#header ul.nav {
	height:				50px;
	padding:			0;
	margin:				0;

	color:				#B4AC9F;
	font-family:		helvetica, arial, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	
/*	border-top:			4px solid #B4AC9F;*/
	background:			#B4AC9F url(/assets/images/logos/nav-gradient.png) repeat-x;
}

div#header ul.nav li {
	list-style:			none;

	float:				left;

	width:				109px;
	height:				50px;

	border-left:		1px solid #FFF;
}

div#header ul.nav li a {
	display:			block;

	width:				95px;
	height:				40px;

	margin:				0;
	padding:			10px 10px 0 4px;
	
	text-decoration:	none;
	vertical-align:		bottom;
	color:				#FFF;
}

div#header ul.nav li a:hover {
	color:				#FFF;
	background:			#2596BF url(/assets/images/logos/nav-gradient-on.png) repeat-x;
}

div#header ul.nav li a.here {
	color:				#FFF;
	background:			#2596BF url(/assets/images/logos/nav-gradient-on.png) repeat-x;
}

div#header ul#sub.nav {
	margin:				-50px 0 0 440px;
	border:				none;
}

/***********************************************************
    Footer
***********************************************************/

#footer {
	border-top:			solid 1px #B4AC9F;
	height:				25px;
	margin:				2em 0 0 0;
}

#search-footer {
	width:				270px;

	padding:			0;
	margin:				0;

	float:				left;
}

#search-footer-form {
	padding:			0;
	margin:				0;
}

#search-footer-form input {
	display:			block;
	float:				left;
}

input#search-footer-box {
	width:				180px;
	height:				18px;
	
	margin:				3px 0 4px 0;
	padding:			0 10px 0 0;
	
	border:				0;
}

input#search-footer-button {
	height:				18px;
	margin:				3px 0 4px 5px;
}

#meta-footer {
	float: 				left;
}

#meta-footer ul {
	height:				25px;
	padding:			0;
	margin:				0;

	font-family:		helvetica, arial, sans-serif;
	font-size:			14px;
	font-weight:		bold;
}

#meta-footer ul li {
	list-style:			none;
	float:				left;
	width:				109px;
	height:				25px;
}

#meta-footer ul li a {
	display:			block;

	width:				105px;
	height:				15px;

	margin:				0;
	padding:			5px 0 0 5px;
	
	text-decoration:	none;
	color: 				#B4AC9F;
}

#contact-footer {
	margin:				0;
	padding:			0;
	
	float:				right;

	font-family:		helvetica, arial, sans-serif;
	font-size:			14px;
	font-weight:		bold;
}

#contact-footer ul {
	margin:				0;
	padding:			0;
	
	height:				25px;
}

#contact-footer ul li {
	list-style:			none;
	display:			inline;
}

#contact-footer ul li a {
	display:			block;

	width:				175px;
	height:				15px;

	margin:				0;
	padding:			5px 0 0 0;
	
	text-decoration:	none;
	color: 				#B4AC9F;
}

/***********************************************************
    Article Styles
***********************************************************/

div.article {
	float:				left;
	margin:				0 10px 1em 0;
}

div.row {
	clear:				both;
	padding:			0 0 1em 0;
}

div.column {
	float:				left;
}

div.sidebar {
	float:				right;
	width:				170px;
}

div.leader {
	margin:				0 5px 1em 0;
	padding:			0 0 1em 0 !important;
	border-bottom:		1px solid #E0DCD4;
}

div.leader p {
	font-size:			16px;
	line-height:		20px;
}

div.leader img {
	float:				right;
}

div.project-section {
	border-bottom:		1px solid #E0DCD4;
	padding:			0 0 1em 0;
	margin:				0 0 1em 0;
}

/***********************************************************
    Images
***********************************************************/
img {
	border:				none;
}

div.thumbs {
	clear:				both;
}

div.thumbs img {
	float:				left;
}

div.thumbs img.thumb_one {
	margin:				0 10px 0 0;
}

div.thumbs img.thumb_two {
	margin:				0;
}

/***********************************************************
    Gallery
***********************************************************/

ul.gallery-index {
	clear:				both;
	padding:			0 0 1em 0;
	
	list-style-type:	none;
	
	margin:				0;
	padding:			0;
}

ul.gallery-index li {
	float:				left;
	display:			block;
	
	background:			#FFF;
	width:				125px;
	
	margin:				0 10px 10px 0;
	padding:			5px;
}

div.gallery-image {

/*	
	position:			absolute;
	top:				100px;
	left:				20px;

	width:				570px;
*/
	background:			#FFF;
	padding:			30px 10px 10px 10px;
}

div#controls {
	padding:			0 0 0 10px;
}

#currentSlide {	display: none; }

/***********************************************************
    Lists
***********************************************************/

ul.article-list {
	padding:			0;
	margin:				0 0 1em 0;
}

ul.article-list li {
	display:			block;
	list-style-type:	none;	
	line-height:		2em;
	border-bottom:		1px solid #E0DCD4;
	clear:				both;
}

ul.article-list li a {
	display:			block;
	height:				100%;
	width:				100%;
}

ul.article-list li a:hover {
	background-color:	#E8E6E2;
}

ul.excerpt-options {
	margin:				0;
	padding:			0;
}

ul.excerpt-options li {
	list-style:			none;
	display:			inline;
	
	padding:			0 1em 0 0;
}

ul.list-pagination {
	margin:				0;
	padding:			0 0 1em 0;
}

ul.list-pagination li {
	list-style:			none;
	display:			inline;
	
	padding:			0 1em 0 0;
}

/***********************************************************
    Column Width Styles
***********************************************************/

.one {
	width:				250px;
}

.one .article {
	width:				250px;
}

.two {
	width:				440px;
}

 .two .leader,  .two .project-section, .two .article, .leader .two {
	width:				430px;
}

.two .one {
	width:				210px;
	margin-right: 		10px;
}

.three {
	width:				690px;
}

div.clear {
	clear:				both;
	height:				1px;
}


/***********************************************************
    Forms
***********************************************************/


form div.row {
	clear:				both;
	padding:			5px 0 5px 0;
}

form div.heading {
	clear:				both;
	padding:			5px 0 5px 0;
}

form div.heading label {
	display:			block;
	padding:			0 0 5px 0;
}

form div.multiple {
	clear:				both;
	padding:			0 0 5px 0;
}

form div.row label {
	width:				100px;
	float:				left;
	
	padding:			0 10px 0 0;
	margin:				0;
}

form div.row label.long {
	width:				200px;
}

form div.row input.text-input {
	width:				250px;	
}

div.multiple select {
	display:			block;
	width:				210px;
	height:				100px;
	
	float:				left;
	margin:				0 5px 0 0;
}

div.multiple input {
	display:			block;
	width:				210px;
	
	float:				left;
	margin:				0 5px 0 0;
}

fieldset {
	border:				1px solid #B4AC9F;
	margin:				0 10px 0 0;
}

textarea.small {
	width:				430px;
	height:				100px;
}

textarea.large {
	width:				430px;
	height:				180px;
}

select.day {
	width:				50px;
	margin:				0 5px 0 0;
}

select.month {
	width:				100px;
	margin:				0 5px 0 0;
}

select.year {
	width:				60px;
	margin:				0 5px 0 0;
}

select.images-select {
	width:				165px;
	margin:				0 5px 0 0;
}

select.large {
	display:			block;
	
	width:				430px;
	margin:			0 0 5px 0;
}

select.small {
	display:			block;
	
	width:				230px;
	margin:			0 0 5px 0;
}

label, legend {
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			1.4em;
	font-weight:		normal;
	color:				#B4AC9F;
}

/***********************************************************
    Admin
***********************************************************/

div.published {
	background:			#ADE8FD;
	background-image:	url(../images/logos/published.png);
/*	background-position: top right;*/
/*	background-repeat:	no-repeat;*/
/*	border:				1px solid #2596BF;*/
	margin:				0 5px 1em 0;
/*	padding:			3px;*/
}


div.unpublished {
	background:			#FCB2B2;
	background-image:	url(../images/logos/unpublished.png);
	/*	background-position: top right;*/
	/*	background-repeat:	no-repeat;*/
	/*	border:				1px solid #2596BF;*/
		margin:				0 5px 1em 0;
	/*	padding:			3px;*/
}

div.draft {
	background:			#FCE6B2;
	background-image:	url(../images/logos/draft.png);
	/*	background-position: top right;*/
	/*	background-repeat:	no-repeat;*/
	/*	border:				1px solid #2596BF;*/
		margin:				0 5px 1em 0;
	/*	padding:			3px;*/
}

div.publish-state {
	padding:			5px;
}

select.publish-state {
	display:			inline;
	padding:			0;
	margin: 			0 0 0 5px;
}

div.message, div.error, div.warning {
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			1.6em;
	font-weight:		bold;
	color:				#FFFFFF;
	
	padding:			10px 10px 10px 30px;
	margin:				0 0 10px 0;

	background-position: center left;
	background-repeat:	no-repeat;
}

div.message {
	background-color:	#9FF491;
	background-image:	url(../images/logos/tick.gif);
	border:				1px solid #2CD62C;
}

div.error {
	background-color:	#FCB2B2;
	background-image:	url(../images/logos/cross.gif);
	border:				1px solid #FD5555;
}

div.warning {
	background-color:	#FFAD4D;
	background-image:	url(../images/logos/cross.gif);
	border:				1px solid #FF8A00;
}

ol.howto {
	padding:			0;
	margin:				0;
}

ol.howto li {
	margin:				0 0 0 15px;

	list-style-type:	lower-alpha;
	line-height:		2em;
	border-bottom:		1px solid #E0DCD4;
	clear:				both;
}

ol.howto li div {
	margin-left:		-15px;
	margin-bottom:		5px;
}

/***********************************************************
    Tables
***********************************************************/

table.links {
	width:				100%;
	border-spacing:		0;
	border-collapse:	collapse;
}

table.links th {
	font-family:		Helvetica, Arial, sans-serif;
	font-weight:		bold;

	text-align:			left;
	font-size:			1.4em;
/*	line-height:		1em;*/
	
	font-weight:		bold;
	
	padding:			0;
	margin:				0 0 0.2em 0;
	
	color:				#FFFFFF;
	background:			#B4AC9F;
}

table.links th.check {
	width:				40px;
}

table.links th.title {
	width:				280px;
}

table.links th.link {
	width:				280px;
	overflow:			hidden;
}

table.links span {
	display:			block;
	width:				100%;
	height:				100%;
	
	overflow:			hidden;
}