@import url('reset.css');

body { margin:0 ; font-family: Arial, sans; font-size:12px; line-height:16px; color: #999; }

.clear { 
  clear:both; 
}

a { color: #333; text-decoration:none; }
a img { border:0; }
a:hover { color:#fff; text-decoration:none; background-color: #999; }
p { font-family: Arial; sans; font-size:12px; line-height:16px; color: #999; margin: 2px 0 10px 0; }



h1 { font-family: Arial; sans; font-size: 16px; line-height:16px; font-weight: bold; margin: 0 0 6px 0; }
h2 { font-family: Arial; sans; color: #666; font-size: 14px; line-height:14px; font-weight: bold; margin: 0; padding: 0 0 3px 0; }
h3 { font-family: Arial; sans; font-size: 12px; line-height:12px; font-weight: bold; margin: 0 0 7px 0; }


ul {
	margin: 0px 0 0px 0;
  padding: 0px 0 0px 0;
}

li {
	padding: 0px 0 4px 0;
	margin: 0;
  margin-left:24px;
	text-indent:-24px;
	font-size: 11px; 
	line-height: 13px; 
}

.links { 
	font-size: 11px; 
	line-height:13px 
	}

.226 {
	font-family:georgia, serif;
	font-size:11px;
	}

#main { 
	margin: 0px auto 0 auto; 
	padding:25px 40px; 
	width: 900px; 
	position:relative; 
	height:100%; 
	background-color:#fff; 
	}
	
	#cresponse { 
		margin: 0px auto 0 auto; 
		padding:25px 40px; 
		width: 300px; 
		position:relative; 
		height:100%; 
		background-color:#fff; 
		}
	

#mono { margin 0px; }
 #mono a { color: #999; text-decoration:none; }
 #mono a:hover { color:#fff; text-decoration:none; background-color: #999; }

#previousNeil { }
 #previousNeil a { text-decoration: none; color: #999; }
 #previousNeil a:hover {background-color: #999; color: #fff;}
 #previousNeil a b { color: #333;}
 #previousNeil a:hover b {background-color: #999; color: #fff;}


#left { float:left; }
#right { float: left; }

.cmt-small {font-size: 10px; padding: 5px 0 0 0; }

#col1 { padding: 0 15px 0 0; text-align:left; float:left; clear:left; }

#col2 { width: 565px; text-align:left; float:left; padding: 0 0 30px 0; }
 #col2 .comment { border-top: 1px dotted #999; font-size:10px; margin: 20px 0 30px 0; text-transform: lowercase; }
 #col2 .text { margin: 0px 0 0 0; }
 
#commentsblock { margin: 0 0 10px 0; padding: 10px 0 0 0; }
#image { float:left; padding: 0 0 15px 0; } 



div.shot { position: relative; overflow: hidden; }
* html div.shot { float: left; }
div.controls a {  text-indent: -5000px; overflow: hidden; outline: none; position: absolute; top: 0; right: 0; width: 48%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url(../images/bg-next.gif); opacity: 0; filter: alpha(opacity=0); }
* html div.controls a { height: 10000px; background-position: center 150px; }
div.controls a.previous { left: 0; background-image: url(../images/bg-previous.gif); }
div.controls a.alone { width: 90%; margin: 0 5%; background-image: url(../images/bg-previous.gif); }
div.controls a:hover { opacity: 0.45; filter: alpha(opacity=45); background-color: transparent; }


#col3 { 
	width: 235px; 
	text-align:left; 
	float:right; 
	margin: 3px 0 0 25px; 
	}

	#col3 p { 
		font-size: 11px; 
		line-height: 13px; 
		margin: 0 0 7px 0; 
	}

 
#commentsleft { 
	width: 315px; 
	float:left; 
	margin: 0 20px 0 0; 
	}

	#commentsleft p {
		margin:10px 0 0 0;
		padding:0;
	}
	
	#commentsleft .posted {
		font-size: 10px; 
		line-height: 14px; 
		padding: 0px 0 10px 0;
	}
	
	#commentsleft .drule {
		border-bottom: 1px dotted #ccc;
		margin: 0 0 10px 0;
	}

	.textfield {
		background-color:#e5e5e5;
		border: 0px;
		height:18px;
		width:226px;
		padding:2px;
	}
	
	.textarea2 {
		background-color:#e5e5e5;
		border: 0px;
		height:75px;
    width:226px !important;
    min-width:226px !important;
    max-width:226px !important;
		padding:2px;
	}
	
	
#commentsright { width: 225px; float:left; margin: 0; }
 #commentsright p { font-size: 10px; line-height:12px; }

#rule { width: 565px; border-bottom: 1px dotted #999; margin: 0 0 10px 0; }

#thanks { font-family: Arial; sans; font-size:10px; line-height:13px; color: #999; padding: 0 0 15px 0; }
#contactform { font-family: Arial; sans; }
 #contactform p { font-size:11px; line-height:13px; color: #999;}

#link1 { padding: 0 0 20px 0; }
#link2 { padding: 0 0 20px 0; }
#link3 { padding: 0 0 20px 0; }

#archol1 { width: 235px ; text-align:left; float:left; margin: 3px 60px 0 0px; }
 #archol1 p { font-size: 11px; line-height: 13px; margin: 0 0 7px 0; }
#archol2 { width: 235px ; text-align:left; float:left; margin: 3px 60px 0 0px; }
 #archol2 p { font-size: 11px; line-height: 13px; margin: 0 0 7px 0; }
#archol3 { width: 235px ; text-align:left; float:left; margin: 3px 0 0 0px; }
 #archol3 p { font-size: 11px; line-height: 13px; margin: 0 0 7px 0; }

#archol4 { width: 235px ; text-align:left; float:left; margin: 3px 60px 0 0px; }
 #archol4 p { font-size: 11px; line-height: 13px; margin: 0 0 7px 0; }
#archol5 { width: 235px ; text-align:left; float:left; margin: 3px 60px 0 0px; }
 #archol5 p { font-size: 11px; line-height: 13px; margin: 0 0 7px 0; }
#archol6 { width: 235px ; text-align:left; float:left; margin: 3px 0 0 0px; }
 #archol6 p { font-size: 11px; line-height: 13px; margin: 0 0 7px 0; }

/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
html .cf {height: 1%;}
/* End hide from IE-mac */