/*
* Chelphoto structural elements
*
*/


/* Global browser rules
-----------------------------*/

html {
	width: 100%; height: 100%;
}

body {
	position: relative;
	margin: 0px;
	padding: 00px 0px 30px 0px;
	width: 100%;
	text-align: center;
	background: url(../images/page-bg.gif) top left repeat;
	font: 12px/15px "Tahoma", "Verdana", "Arial", sans-serif;
	color: #c3b19a;
}

a, a:link, a:visited {
	color: #db7c1a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div.clearboth { clear: both; }


/* Containers and frameworks
-----------------------------*/

div#page-container {
	position: relative;
	margin: 0px auto;
	width: 783px;
	text-align: left;
}


div#content-container {
	position: relative;
	width: 100%;
	margin-top: 60px;
	height: 436px;
	vertical-align: bottom;
}

img#portrait {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 313px; height: 436px;
}


div#column-right {
	position: absolute;
	bottom: 0px; right: 0px;
	width: 462px;
}

div#column-right h2.title {
	font: 19px/19px "Trebuchet MS", "Tahoma", "Arial", sans-serif;
	margin: 0px 0px 5px 33px;
	color: #c95327;
}

div#column-right div.content {
	border-left: 1px solid #b08144;
	margin: 0px 0px 0px 23px;
	padding: 0px 15px 0px 9px;
}

div#column-right div.content h2.title {
	margin: 0px 0px 5px 0px;
}

div#column-right div.contactform {
	margin: 0px 15px 0px 33px;
}

div#latestupdate-holder {
	position: relative;
	width: 462px; height: 186px;
	background: url(../images/latestupdate-holder.jpg) top left no-repeat;
	margin-top: 14px;
}

div#latestupdate-holder img#thumb {
	position: absolute;
	left: 29px; top: 38px;
}

div#latestupdate-holder div.content {
	position: absolute;
	left: 196px; top: 17px;
	width: 256px;
	margin: 0px; padding: 0px;
	border: 0px;
	font-size: 11px;
	line-height: 13px;
	text-align: justify;
}

div#latestupdate-holder div.content h2.title {
	font: 19px/19px "Trebuchet MS", "Tahoma", "Arial", sans-serif;
	color: #db7c1a;
	margin: 0px 0px 5px 0px;
}



div#gallery-container div#footer-container {
	position: relative;
	margin: 0px auto;
	padding-left: 22px;
}

div#footer-container {
	position: relative;
	margin: 0px auto;
	padding-left: 107px;
}

div#footer-container div.content {
	float: left;
	height: 30px;
	border-left: 1px solid #959d9f;
	margin: 0px 0px 0px 9px;
	padding: 0px 0px 0px 6px;
	font: 9px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	color: #5c5c5c;
}

div#footer-container a.rssfeed {
	float: left;
}

div#footer-container div.content a {
	color: #959d9f;
	text-decoration: none;
}
div#footer-container div.content a:hover {
	text-decoration: underline;
}


/* Menu styles
-----------------------------*/

div#gallery-container div#menu-container {
	position: relative;
	padding: 15px 0px 15px 0px;
	margin: 0px auto;
	text-align: center;
}

div#menu-container {
	position: relative;
	padding: 37px 0px 27px 0px;
	margin: 0px auto;
	text-align: center;
}

ul#menu {
	position: relative;
	margin: 0px auto; padding: 0px;
	list-style-type: none;
}

ul#menu li {
	display: inline;
	padding: 0px; margin: 0px 42px 0px 0px;
}
ul#menu li.last {
	margin: 0px;
}

ul#menu a {
	font: normal 19px/19px "Trebuchet MS", "Tahoma", "Arial", sans-serif;
	color: #db7c1a;
	text-decoration: none;
}

body.home		ul#menu a.home,
body.portfolio	ul#menu a.portfolio,
body.bio		ul#menu a.bio,
body.contact	ul#menu a.contact, 
ul#menu a:hover {
	color: #5c5c5c;
	cursor: default;
}
ul#menu a:hover {
	cursor: pointer;
}