@charset "utf-8";
/* CSS Document */

body {
background-color: #2a3137;
background-image: url(http://www.redcreekdesign.com/bimages/back1.jpg);
background-repeat:repeat;
color:#f8e7dd;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height: 1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}
body#articles {
background-color:#2c353c;
background-image:url(http://www.redcreekdesign.com/bimages/backartc.jpg);
background-repeat:repeat-x;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size:1em;
font-style:normal;
font-weight:normal;
}
ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
fieldset, img {
border:medium none;
}
caption, th {
text-align:left;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
content: ".";
height: 0;
line-height: 0;
visibility: hidden;
display: block;
clear:both;
}
a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	letter-spacing: normal;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:active {
text-decoration:none;
}
a:hover {
color:#0085CF;
}

/*********************/
/*    Containers     */
/*********************/
#wrapper {
	text-align: center;
	min-width: 760px;
	position: absolute;
	top: 12px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
#inwrap {
	margin-left: -390px;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 760px;
	height: 650px;
	visibility: visible;
	padding: 0;
	text-align: left;
}
#backlit {
	position: absolute;
	width: 100%;
	height: 590px;
	background-color: #242424;
	background-image: url(http://www.redcreekdesign.com/cimages/backgrey.jpg);
	background-repeat:repeat-x;
	top: 0px;
	left: -50%;
	padding: 0 50% 0 0;
	visibility: visible;
}
div#maintext { 
	position: relative;
	width: 161px;
	float: left;
	margin: 0 0 0 0;
	padding: 22px 7px 25px 15px;
	background-image: url(http://www.redcreekdesign.com/bimages/textop.jpg);
	background-repeat: repeat-x;
	border-top: solid 1px #757575;
	border-left: solid 1px #434343;
	border-right: solid 1px #434343;
	border-bottom: solid 3px #af7f32;
	background-color: #161616;
}
#maintext p {
	font-family: arial, Verdana, "Lucida Grande", Georgia, serif;
	font-size: 12px;
	line-height:17px;
	text-align: left;
	color: #9ea0a2;
	padding: 0 0 12px 0;
}
div#wideright {
	position: relative;
	float: right;
	width: 267px;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
}

/*********************/
/*       Header      */
/*********************/
#header {
	position: relative;
	height: 54px;
	overflow: hidden;
}
#header ul {
	text-align: center;
}
#header li {
	float: left;
}
#logo {
	padding: 0 0 0 14px;
}
#navleft {
	position: relative;
	padding: 11px 0 0 6px;
}
#navright {
	position: relative;
	padding: 11px 0 0 0;
	float: right;
}
.ntavright {
	text-align: right;
}
#navleft ul, #navright ul {
	margin: 0;
	padding: 0;
	float: left;
}
#navleft ul li, #navright ul li {
	float: left;
}
#navleft a, #navright a {
	font-family: Verdana, Arial, sans-serif;
	font-size: .62em;
	color: #eaeaea;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 8px;
	height: 8px;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 0 3px 0;
}
.til {
	padding: 3px 0 3px 0;
}
#navleft a.onset, #navright a.onset {
	color: #d9d6bd;
}
#navleft a:hover, #navright a:hover {
	color: #1495e5;
}
/*********************/
/*     Content      */
/*********************/
#content {
	position: relative;
	float: left;
	width: 706px;
	top: 0px;
	left: 0px;
	text-align: left;
	margin: 0;
	padding: 46px 0 0 30px;
}
#work #content {
	width: 760px;
	padding: 25px 0 0 17px;
}
#articles #content {
	width: 760px;
	padding: 25px 0 0 17px;
	background-color: #242424;
}
div#mainpic {
	position: relative;
	width: 701px;
}
#mainpic p {
	margin: 0;
	padding: 0;
}
div#ptile {
	float: left;
}
div#icons {
	position: relative;
	float: right;
	text-align: right;
}
div#zoom {
	position: relative;
	margin: 3px 0 0 0;
	padding: 0 0 4px 0;
	z-index: 10;
}
div#next {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
}
div#previous {
	position: relative;
	margin: 0;
	padding: 2px 0 0 0;
}
div#upback {
	position: relative;
	margin: 0;
	padding: 5px 0 0 0;
}

#menupic {
	position: relative;
	border-top: #424c58 solid 1px;
	border-bottom: #424c58 solid 1px;
	padding: 1px;
	background-color: #000000;
	width: 722px;
}
.innerpic {
	position: relative;
	border-top: #424c58 solid 1px;
	border-bottom: #424c58 solid 1px;
	padding: 23px 0 30px 48px;
	background-color: #000000;
	width: 672px;
}	
#uppermenu ul, #lowermenu ul {
	position: relative;
}
#uppermenu ul li, #lowermenu ul li {
	float: left;
}
#uppermenu ul a, #lowermenu ul a {
	color: #8f8b7c;
	color: #7e868c;
	color: #edddb8;
	color: #f6d5a1;
	text-decoration: none;
	display: block;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: normal;
	padding: 3px 28px 3px 28px;
}
#uppermenu ul a:hover, #lowermenu ul a:hover, #navright ul a:hover {
	color: #0085CF;
	color: #1495e5;
}
ul#mainone {
	clear: both;
}
/*********************/
/* WEBLINK */
/*********************/
div#weblink {
	position: absolute;
	top: 360px; 
	left: 30px;
}
#weblink A {
	font-family: verdana, arial, serif;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	font-weight:normal;
	color: #666666;
}
#weblink A:link {
	font-family: verdana, arial, serif;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
#weblink A:active {
	font-family: verdana, arial, serif;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
#weblink A:visited {
	font-family: verdana, arial, serif;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
#weblink A:hover {
	color: #d8462e;
}
div#article { 
background-color:#FEFAEC;
background-image:url(bimages/backtextc.jpg);
background-repeat:repeat-x;
border-left:215px solid #90966A;
margin:0;
padding:19px 64px 50px 68px;
width:380px;
}
#article p {
	color: #444444;
	padding: 0 0 12px 0;
}
#article ul {
	color: #72779B;
}
#article h1 {
	color: #9b9581;
	font-weight: bold;
	padding: .4em 0 .6em 0;
	font-size: 24px;
}
#article h3 {
	color: #90966A;
	color: #72779B;
	color: #72392f;
	font-weight: bold;
}
#articlepic {
	border-bottom: #72392f solid 12px;
	margin: 0 33px 0 0;
	padding: 0;
	background-color: #72392f;
}
	
#footerb {
border-top:1px solid #BABABA;
background-color: #242424;
clear:both;
height:100px;
margin:0;
padding:10px 0 0 0;
position:relative;
width:777px;
}
.copynot {
border-top:1px solid #BABABA;
color:#666666;
font-family:verdana,arial,serif;
font-size:9px;
letter-spacing:0.03em;
line-height:15px;
padding-top:8px;
text-align:center;
text-decoration:none;
text-transform:none;
}
.copynotb {
color:#999999;
font-family:verdana,arial,serif;
font-size:9px;
letter-spacing:0.03em;
line-height:15px;
padding-top:8px;
text-align:center;
text-decoration:none;
text-transform:none;
}
.copynot a {
color:#4389B4;
letter-spacing:0.03em;
}
.copynot a:hover {
color:#CC663C;
}
.copynotb a {
color:#4389B4;
letter-spacing:0.03em;
}
.copynotb a:hover {
color:#CC663C;
}
#bnavclear {
clear:both;
display:block;
}
div#searight {
float:right;
padding:5px 215px 0 0;
}
div#rssleft {
float:left;
padding-left:215px;
}
#searight .module-content {
border-top:0 solid #CFD4D9;
font-size:10px;
line-height:1.2;
margin:0 0 5px;
padding:0 0 0;
}
#search {
background-image:url(bimages/backse.jpg);
background-repeat:repeat-x;
}
#searight .module-search input {
font-size:10px;
}
#searight .module-search #search {
width:100px;
}
.button {
border:1px solid #FFFFFF;
color:#333333;
font-family:arial,verdana,helvetica,sans-serif;
font-size:8pt;
margin:0 0 0 4px;
}
/*********************/
/* Folio Menu */
/*********************/
#foliomenuloc {
	float: left;
	position: absolute;
	margin: 0 0 0 0;
	padding: 22px 10px 2px 0;
	max-width: 120px;
}
div#articleloc {
	float: left;
	margin: 0 0 0 -10px;
	padding: 22px 0 2px 0;
	max-width: 120px;
}  
#foliomenu {
	padding: 2px 0 0 0; 
	margin: 0; 
	float: left; 
}
#foliomenu A {
	color: #DDE2B7;
	text-decoration: none;
	text-transform: none;
    padding: 0;
	letter-spacing: .25em;
	font-size: .9em;
}
#foliomenu UL {
	padding: 0; 
	line-height: 16px;
	margin: 0 0 0 18px; 
}
#foliomenu LI {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
}
#foliomenu A:hover {
	color: #333333;
}