@import	url(reset.css);
@import url(fonts.css);

/* structure and universal styles
----------------------------------*/

body {
	background-color: #37332D;
	margin-bottom: 54px;
	line-height: 18px;
	-moz-opacity: 0.9999; /* Fix that ugly Firefox flickering text bullshit */
}
#navigation {
	width: 143px;
	padding-left: 52px;
	padding-top: 64px;
	float: left;
}
#content {
	background: #2F2920 url(/images/layout/content_bg.png) repeat-x top right;
	padding: 95px 0 54px 0;
	margin-left: 195px;
}
#primary {
	margin-left: 36px;
	width: 534px;
	float: left;
}
#secondary {
/*	background-color: red;
*/	margin-top: 50px;
	margin-left: 653px;
	width: 138px;
}
#page-navigation {
/*	background-color: blue;
*/	clear: both;
	margin-left: 36px;
}
#footer {
	float: none;
	clear: both;
	margin-top: 18px;
	margin-left: 238px;
	width: 534px;
}
strong {
	font-weight: bolder;
/*	color: white;
*/}
em {
	font-style: italic;
}
h1 {
	line-height: 1;
}
h1 img {
/*	width: 10.15em;
	height: 4.85em;
*/}
input, textarea {
	padding-left: .25em;
	padding-right: .25em;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #947342;
	background-color: #37332D;
	color: #DECEB6;
	font: 1em "Helvetica Neue",HelveticaNeue,arial,helvetica,clean,sans-serif;
}


/* #navigation
----------------------------------*/

#navigation ul {
	margin-left: 33px;
	margin-top: 15px;
	text-transform: uppercase;
}
#navigation ul li a {
	display: block;
	text-decoration: none;
	padding-left: 20px;
}
#navigation ul li a:link, #navigation ul li a:visited {
	color: #947342;
}
#navigation ul li a:hover {
	color: #DECEB6;
}

/* For currently selected section */

body.portfolio #navigation ul li a:link.portfolio, body.portfolio #navigation ul li a:visited.portfolio, 
body.blog #navigation ul li a:link.blog, body.blog #navigation ul li a:visited.blog, 
body.about #navigation ul li a:link.about, body.about #navigation ul li a:visited.about, 
body.contact #navigation ul li a:link.contact, body.contact #navigation ul li a:visited.contact {
	font-weight: bold;
	background: transparent url(/images/icons/selected.png) no-repeat center left;
	color: #DECEB6;
}

body.blog #navigation ul li a:link.blog, body.blog #navigation ul li a:visited.blog {
	text-decoration: none;
}

/* Feed */

#navigation ul li a:link.feeds, #navigation ul li a:visited.feeds {
	margin-top: 1.38em;
	background: transparent url(/images/icons/rss_off.png) no-repeat center left;	
}
#navigation ul li a:hover.feeds, #navigation ul li a:active.feeds {
	margin-top: 1.38em;
	background: transparent url(/images/icons/rss_on.png) no-repeat center left;	
}
body.feeds #navigation ul li a:link.feeds, body.feeds #navigation ul li a:visited.feeds {
	margin-top: 1.38em;
	background: transparent url(/images/icons/rss_on.png) no-repeat center left;	
	font-weight: bold;
	color: #DECEB6;
}

/* #content
----------------------------------*/

/* #primary */

#primary h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.38;
	margin-bottom: .55em;
	color: #DECEB6;
}
#primary p, #primary ul, #primary ol, #primary h4, #primary dl {
	color: #DECEB6;
	margin-bottom: 1.38em;
}
#primary dt {
	font-weight: bold;
	display: block;
	float: left;
	width: 120px;
	clear: both;
/*	font-size: 120%;*/
}
#primary dd {
	color: #DECEB6;
	margin-bottom: 1.38em;
	margin-left: 138px;
}
#primary h4 {
	font-weight: bold;
	padding-top: 18px;
	text-transform: uppercase;
	letter-spacing: .15em;
}
#primary ul {
	list-style-type: square;
	list-style-position: inside;
}
#primary ol {
	list-style-type: decimal;
	list-style-position: inside;
}
#primary blockquote {
	border-left: .38em solid #DECEB6;
	padding-left: .75em;
	font-style: italic;
}
#primary p a {
	font-weight: bold;
}
#primary p a:link {
	color: #947342;
	text-decoration: none;
	border-bottom: 1px solid #37332D;
}
#primary p a:visited {
	color: #715936;
	text-decoration: none;
	border-bottom: 1px solid #715936;
}
#primary p a:hover {
	color: #DECEB6;
	text-decoration: none;
	border-bottom: 1px solid #DECEB6;
}
#primary p a:active {
	color: #DECEB6;
	text-decoration: none;
	border-bottom: 1px solid #DECEB6;
}
#primary p a.external {
	padding-right: 1em;
}
#primary p a.external:link, #primary p a.external:visited {
	background: transparent url(/images/icons/extlink_off.png) no-repeat center right;
}
#primary p a.external:hover, #primary p a.external:active {
	background: transparent url(/images/icons/extlink_on.png) no-repeat center right;
}

/* Portfolio images */

#images {
	width: 534px;
	height: 324px;
/*	width: 41.0769231em;
	height: 24.9230769em;
*/	background-image: url(/images/icons/loader.gif);
	background-position: center center;
}
#images img {
	width: 534px;
	height: 324px;
}
#images-info {
	width: 534px;
	height: 2.77em;
	margin-top: .25em;
}
#images-info p {
	margin-bottom: 1em;
}
p#images-nav {
	float: right;
	width: 50%;
	text-align: right;
	display: none;
}
p#images-nav a:link, p#images-nav a:visited  {
	text-decoration: none;
	padding-left: .25em;
	color: #947342;
	border-bottom: 0;
}
p#images-nav a:hover, p#images-nav a:active  {
	color: #DECEB6;
	border-bottom: 0;
}
p#images-nav a.activeSlide {
	color: #DECEB6;
	text-decoration: underline;
}
img#play-pause {
/*	margin-left: 1em;
*/}
#images-caption {
	float: left;
	width: 50%;
	height: 2.77em;
}
p#images-caption-p {
	font-style: italic;
	display: none;
}

/* body.contact */

body.contact #primary form {
	padding-top: 1.38em;
}
body.contact #primary label {
	display: block;
	width: 120px;
	float: left;
	font-weight: bold;
}
body.contact #primary input,
body.contact #primary textarea,
body.contact #primary select {
	display: block;
	width: 29.96em;
	margin-left: 138px;
	clear: right;
}
body.contact #primary input#submit {
	background-color: #947342;
	font-weight: bolder;
	color: #37332D;
	width: 120px;
	float: right;	
}
body.contact #primary input#submit:hover {
	background-color: #DECEB6;
}
#primary p.error {
	color: red;
	font-weight: bold;
/*	padding: 5px;*/
	margin-bottom: 0;
}


/* #secondary */

#secondary h5 {
	font-size: 1.54em;
	font-weight: bold;
	color: #DECEB6;
	margin-bottom: .55em;
}
#secondary p {
	font-size: .95em;
	line-height: 1.04em;
	color: #DECEB6;
	margin-bottom: 1.04em;
}
#secondary a {
	text-decoration: none;
}
#secondary a:link {
	color: #947342;
}
#secondary a:visited {
	color: #715936;
}
#secondary a:hover {
	color: #DECEB6;
}
#secondary a:active {
	color: #DECEB6;
}

#secondary ul.links {
/*	margin-left: 2.5em;
*/	margin-top: 1.15em;
	font-size: .95em;
	line-height: 1.04em;
}
#secondary ul.links li {
}
#secondary ul li a {
	text-decoration: none;
}
#secondary ul.links li a {
	display: block;
	padding-left: 1.54em;
	padding-bottom: 1.04em;
}
#secondary ul li a:link {
	color: #947342;
}
#secondary ul li a:visited {
	color: #715936;
}
#secondary ul li a:hover {
	color: #DECEB6;
}
#secondary ul li a:active {
	color: #DECEB6;
}
#secondary ul.links li a.selected {
	font-weight: bold;
	background: transparent url(/images/icons/selected.png) no-repeat left 2px;
	color: #DECEB6;
}

/* #page-navigation
----------------------------------*/

#page-navigation {
	color: #DECEB6;
}
#page-navigation a {
	text-decoration: none;
	text-transform: uppercase;
}
#page-navigation a:link, #page-navigation a:visited {
	color: #947342;
}
#page-navigation a:hover, #page-navigation a:active {
	color: #DECEB6;
}
#page-navigation a.previous {
	padding-left: 1.54em;
	padding-right: 1.54em;
	text-transform: uppercase;
}
#page-navigation a.previous:link, #page-navigation a.previous:visited {
	background: transparent url(/images/icons/prev_off.png) no-repeat center left;
}
#page-navigation a.previous:hover, #page-navigation a.previous:active {
	background: transparent url(/images/icons/prev_on.png) no-repeat center left;
}
#page-navigation a.next {
/*	padding-left: .39em;*/
	padding-right: 1.54em;
	text-transform: uppercase;
}
#page-navigation a.next:link, #page-navigation a.next:visited {
	background: transparent url(/images/icons/next_off.png) no-repeat center right;
}
#page-navigation a.next:hover, #page-navigation a.next:active {
	background: transparent url(/images/icons/next_on.png) no-repeat center right;
}
#page-navigation .this-page {
	text-decoration: underline;
}


/* #footer
----------------------------------*/

#footer p {
	font-size: .95em;
	color: #947342;
}
#footer p a:link {
	color: #947342;
}
#footer p a:hover {
	color: #DECEB6;
}
#footer p a:visited {
	color: #715936;
}
#footer p a:active {
	color: #DECEB6;
}