/* chris randall.net */

/* html */

a:link { color: #747157; text-decoration: none; }
a:visited { color: #555; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #747157; text-decoration: none; }

a.nfo:link { color: #747157; text-decoration: none; }
a.nfo:visited { color: #747157; text-decoration: none; }
a.nfo:hover { color: #999; text-decoration: none; }
a.nfo:active { color: #747157; text-decoration: none; }

body {
	background-color: #2c2b23;
	background-image: url(http://www.chrisrandall.net/images/bkg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6 */
	min-height: 100%; /* real browsers */
	margin: 0 auto;
	padding: 0px;
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

i, em { font-family: verdana,arial,sans-serif; }

form { display: inline; }

/* main layout */

#hdrindex { 
	background-image: url(http://www.chrisrandall.net/images/hdr.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 750px;
	height: 303px;	
	margin: 0 auto;
	padding: 0px;
}

	#hdrindex .nav {	
		position: relative;
		top: 267px;
		_top: 267px;
		left: 53px;
	}
	
	html>/**/body #hdrindex .nav { /* Modern browsers only (not IE 7) */
		top: 270px;
	}

	#hdrindex img {
		margin-right: 15px;
	}


#hdr { 
	background-image: url(http://www.chrisrandall.net/images/hdr/rotate.php);
	background-repeat: no-repeat;
	background-position: top center;
	width: 750px;
	height: 303px;	
	margin: 0 auto;
	padding: 0px;
}

	#hdr .nav {	
		position: relative;
		top: 267px;
		_top: 267px;
		left: 53px;
	}
	
	html>/**/body #hdr .nav { /* Modern browsers only (not IE 7) */
		top: 270px;
	}

	#hdr img {
		margin-right: 15px;
	}
	

#wrap {
	clear: both;
	width: 665px;
	_height: 500px;
	min-height: 500px;
	margin: 0 auto;
	padding: 0px;
}

	#wrap .left {
		float: left;	
		width: 408px;
		_height: 500px;
		min-height: 500px;		
		color: #ccc;
		margin-left: 4px;
		_margin-left: 5px;
		/*border: 1px solid #fff;*/
	}
	
	#wrap .right {
		float: right;	
		width: 221px;
		_height: 500px;
		min-height: 500px;
		color: #ccc;
		margin-right: 8px;
		_margin-right: 7px;
		/*border: 1px solid #fff;*/
	}

#ftr {
	clear: both;
	background-image: url(http://www.chrisrandall.net/images/ftr.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 750px;
	height: 285px;	
	margin: 0 auto;
	padding: 0px;
}

	#ftr .wrap {
		clear: both;
		width: 665px;
		margin: 0 auto;
		padding: 0px;
	}

	#ftr .left {
		float: left;	
		width: 215px;
		color: #ccc;
		margin-left: 10px;
	}
	
	#ftr .middle {
		float: left;	
		width: 175px;
		color: #ccc;
		margin-left: 10px;
	}
	
	#ftr .right {
		float: right;	
		width: 221px;
		color: #ccc;
		height: 185px;
		margin-right: 8px;
	}
	
	#ftr .copy {
		clear: both;
		float: left;	
		width: 300px;
		color: #ccc;
		margin-left: 50px;
		_margin-left: 25px;
		margin-top: 18px;
		font-size: 9px;
	}
	
	#ftr .posinet {
		float: right;	
		width: 221px;
		color: #ccc;
		margin-right: 43px;
		_margin-right: 20px;
		margin-top: 23px;
	}

/* headers */

h1 {
	margin-top: 0px;
	margin-bottom: 7px;
}

.sectionhdr {
	margin: 10px 0px 10px 0px;  /* top, right, bottom, left */
	padding: 10px 5px 10px 5px;  /* top, right, bottom, left */
	border: 1px solid #000;
	background-color:#090909;
}

.sectionhdrnew {
	margin: 10px 0px 10px 0px;  /* top, right, bottom, left */
	padding: 10px 5px 10px 5px;  /* top, right, bottom, left */
	border: 1px solid #222;
	background-color:#000;
}

#forumhdr {
	width: 408px;
	margin: 10px 0px 10px 0px;  /* top, right, bottom, left */
	/*background-color: #fff;*/
}

	#forumhdr .user {
		float: left;
		width: 50px;
		min-height: 90px;
		_height: 90px;
		text-align: center;
		word-wrap: break-word;
		/*overflow: hidden;
		_overflow: visible;*/
		font-size: 9px;
		/*letter-spacing: -0.1em;*/
		margin-right: 10px;
		margin-bottom: 6px;
		padding: 10px 10px 7px 10px;  /* top, right, bottom, left */
		border: 1px solid #000;
		background-color:#2c2b23;
	}
	
	#forumhdr .memberphoto {
		background-image: url(http://www.chrisrandall.net/images/temp.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-bottom: 5px;
		width: 52px;
		height: 52px;
	}
	
	#forumhdr .userstuff {
		clear: both;
		margin-top: 5px;
	}
	
	#forumhdr .userlink {
		clear: both;
		margin-top: 5px;
	}
	
	#forumhdr .section {
		float: right;
		width: 314px;
		_width: 312px;
		font-size: 9px;
		padding: 5px;
		border: 1px solid #000;
		background-color:#090909;
	}
	
	#forumhdr .sectionnew {
		float: right;
		width: 314px;
		_width: 312px;
		font-size: 9px;
		padding: 5px;
		border: 1px solid #222;
		background-color:#000;
	}
	
	#forumhdr .txtbody {
		clear: right;
		padding-top: 10px;
		word-wrap: break-word;
	}
	
	#forumhdr .txtbodymoz {
		clear: right;
		padding-top: 10px;
		overflow: hidden; 
		word-wrap: break-word;
	}
	
	#forumhdr .mempix {	
		margin-top: 1px;
	}

	
.pgtable {
	border: 1px solid #000;
	background-color:#090909;
}

/* pix */

.forumpix {	
	border: 1px solid #000;
	margin-bottom: 5px;
}

.forumicon {	
	clear: both;
	margin-top: 5px;
}

.album {
	float: left;
	margin: 0px 10px 0px 0px;  /* top, right, bottom, left */
	border: 1px solid #000;
}

.photolg {
	float: left;	
	margin: 0px 0px 10px 0px;  /* top, right, bottom, left */
	border: 1px solid #000;
}

.photosm {
	float: left;	
	margin: 0px 10px 10px 0px;  /* top, right, bottom, left */
	border: 1px solid #000;
}

.galphoto {
	float: left;
	text-align: center;
	font-size: 9px;
	margin-right: 2px;
	_margin-right: 6px;
	margin-left: 8px;
	_margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #000;
	background-color:#2c2b23;
}

.galpix {
	border: 1px solid #000;
}

/* fonts */

.itsy {
	font-size: 9px;
}

.itsyg {
	font-size: 9px;
	color: #999;
}

.new {
	float: right;
	font-weight: bold;
	color: #999;
}

.title {
	font-size: 12px;
	font-weight: bold;
}

.kposinp  {
	padding: 0px 0px 5px 10px;  /* top, right, bottom, left */
}

.txtbody  {
	padding-left: 2px;
}

.albumbody  {
	margin-top: 15px;
	margin-bottom: 15px;
}

.buyfrom  {
	margin: 5px 0px 5px 0px;  /* top, right, bottom, left */
	font-size: 9px;
	font-weight: bold;
}

/*icon links*/

.diamond9 {
	float: right;
	font-size: 9px;
	margin-top: 3px;
	padding-left: 10px;
	background-image: url(http://www.chrisrandall.net/images/icons/diamond9.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.diamond11 {
	margin-top: 3px;
	padding-left: 10px;
	background-image: url(http://www.chrisrandall.net/images/icons/diamond11.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.dots9 {
	font-size: 9px;
	color: #999;
	margin-top: 3px;
	padding-left: 10px;
	background-image: url(http://www.chrisrandall.net/images/icons/dots9.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

/* forms */

.input {
	background-color: #222;
	border: 1px solid #000;
	width: 211px;
	height: 15px;
	color: #999;
	font-size: 11px;
	font-family: tahoma,verdana,arial,sans-serif;
	margin: 0px;
	padding: 3px;
}

.input2 {
	background-color: #222;
	border-color: #383838;
	border-style: solid;
	border-width: 1px;
	height: 15px;
	color: #999;
	font-size: 11px;
	font-family: tahoma,verdana,arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

input.file {
	background-color: #222;
	border-color: #383838;
	border-style: solid;
	border-width: 1px;
	height: 20px;
	color: #999;
	font-size: 11px;
	font-family: tahoma,verdana,arial,sans-serif;
	margin: 0px;
	padding: 1px;
}

.textarea {
	background-color: #222;
	border: 1px solid #000;
	width: 406px; 
	height: 200px;
	color: #ddd;
	font-size: 12px;
	font-family: tahoma,verdana,arial,sans-serif;
	margin: 0px;
	padding: 1px;
}

#loginform label {
	display: block;
	clear: both;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}

#loginform .radio  { 
	margin-bottom: -2px;
	margin-left: 0px;
	_margin-left: -3px;
	margin-right: 5px;
}

#loginform .radiopad  { 
	padding-top: 5px;
	padding-bottom: 7px;
}

.radiopoll {
	margin-left: 0px;
	_margin-left: -4px;
	margin-right: 5px;
}

.linkbox {  /* links selectbox */
	font-size: 11px;
	font-family: tahoma,verdana,arial,sans-serif;
	color: #ccc;
	width: 211px;
	background-color: #000;
	margin: 3px 0px 0px 0px;  /* top, right, bottom, left */
}

/* hidden stuff */

span.dl1, span.dl2, span.dl3, span.dl4, span.dl5, span.dl6  {
	display: none;
	padding: 10px 0px 10px 0px;  /* top, right, bottom, left */
	font-size: 9px;
	color: #999;
}

/* pads & spacers */

.sp10 {
	clear: both;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.sp20 {
	clear: both;
	height: 20px;
	margin: 0px;
	padding: 0px;
}


.sp30 {
	clear: both;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

.sp40 {
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

.postpad  {
	padding-bottom: 7px;
}

.postnote {
	border: 1px solid #000;
	background-color:#090909;
	padding: 5px;
	margin-top: 7px;
	margin-bottom: 12px;
	font-size: 9px;
}

#flashcontent, #flashcontent0, #flashcontent1, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6, #flashcontent7, #flashcontent8, #flashcontent9, #flashcontent10, #flashcontent11, #flashcontent12, #flashcontent13, #flashcontent14, #flashcontent15, #flashcontent16, #flashcontent17, #flashcontent18 {
	width: 340px;
	height: 123px;
}

