/********* this is my css, there are many like it but this one is mine. *********/
*
{
	margin:0;
	padding:p;
}

body
{
	font-family:trebuchet MS,helvetica,arial,sans-serif;
}

img
{
	border:0;
}

#page_header
{
	font-size:32px;
	text-align:center;
	color:white;
}

/********* BEGIN HOME PAGE CRAP *********/
/********* colors and stuff for various pages *********/
.home_color
{
	background:#ff6;
}


/********* homepage header lovins ********/
#headers
{
	margin-left:auto;
	margin-right:auto;
	width:590px;
}

#home_header
{
	text-align:right;
	font-size:32px;
}

#home_seo
{
	font-size:12px;
	text-align:center;
	color:white;
}

/********* i need some coffee.  also, homepage [brain]frame. *********/
#brainsframe
{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	background:#dddfda;
}

.t
{
	background: url(../images/border-topbottom.gif) 0 0 repeat-x;
}

.b
{
	background: url(../images/border-topbottom.gif) 0 100% repeat-x;
}

.r
{
	background: url(../images/border-rightleft.gif) 100% 0 repeat-y;
}

.l
{
	background: url(../images/border-rightleft.gif) 0 0 repeat-y;
}

.bl 
{
	background:url(../images/curve_bottomleft.gif) 0 100% no-repeat;
	width:20em;
	text-align:center;
	width:800px;
}

.br
{
	background:url(../images/curve_bottomright.gif) 100% 100% no-repeat;
}

.tl
{
	background:url(../images/curve_topleft.gif) 0 0 no-repeat;
	height:500px;
}

.tr
{
	background:url(../images/curve_topright.gif) 100% 0 no-repeat;
	padding:10px;
	height:100px;
}


/********* delicious brains - put this mess inside the frame. *********/

#home_content
{
	height:168px;
	text-align:center;
	font-size:18px;
	color:black;
	line-height:30px;
}

#click4brains
{
	height:322px;
	margin-left:auto;
	margin-right:auto;
	width:417px;
}

#click4brains a
{
	text-decoration:none;
}

.lefthead
{
	background:url(../images/ritson_leftside.gif) no-repeat;
	float:left;
	width:216px;
	height:194px;
}

.righthead
{
	background:url(../images/ritson_rightside.gif) no-repeat;
	float:left;
	width:201px;
	height:194px;
	clear:right;
}

#bottomhead
{
	background:url(../images/ritson_bottom.gif) no-repeat;
	float:left;
	width:417px;
	height:128px;
}

.leftbrain
{
	float:left;
	width:216px;
	height:194px;
	background:url(../images/ritson_leftbrain.gif) no-repeat;
}

.rightbrain
{
	height:194px;
	width:201px;
	background:url(../images/ritson_rightbrain.gif) no-repeat;
	float:left;
	clear:right;
}

#leftbrain_link
{
	color:black;
	font-size:30px;
	height:119px;
	margin-top:75px;
	width:216px;
	margin-right:10px;
}

#rightbrain_link
{
	color:black;
	font-size:30px;
	height:119px;
	margin-top:75px;
	width:201px;
	text-align:center;
	margin-left:10px;
}

#pickbrains
{
	color:black;
	font-size:18px;
	position:absolute;
	margin-top:180px;
}

#home_email
{
	background:transparent url(../images/home_email01.png) no-repeat scroll 0 0;
	color:white;
	font-size:32px;
	height:149px;
	line-height:35px;
	margin-left:535px;
	margin-top:325px;
	position:absolute;
	text-decoration:none;
	width:154px;
}

#home_email:hover
{
	background:url(../images/home_email02.png) no-repeat;
}

/********* [written page] *********/

.written_color
{
	background:#8eb4e3;
}

.wbl 
{
	background:url(../images/w-curve_bottomleft.gif) 0 100% no-repeat;
	width:20em;
	text-align:center;
	width:800px;
}

.wbr
{
	background:url(../images/w-curve_bottomright.gif) 100% 100% no-repeat;
}

.wtl
{
	background:url(../images/w-curve_topleft.gif) 0 0 no-repeat;
	height:500px;
}

.wtr
{
	background:url(../images/w-curve_topright.gif) 100% 0 no-repeat;
	padding:10px;
	height:100px;
}

#written_image
{
	background:transparent url(../images/ritson_pic1.png) no-repeat scroll 0 0;
	float:left;
	height:460px;
	margin-top:10px;
	width:168px;
}

#read_button
{
	background:url(../images/button_read01.png) no-repeat;
}

#read_button:hover
{
	background:url(../images/button_read02.png) no-repeat;
}

/********* [read page] *********/
.read_color
{
	background:#d99694;
}

.rbl 
{
	background:url(../images/r-curve_bottomleft.gif) 0 100% no-repeat;
	width:20em;
	text-align:center;
	width:800px;
}

.rbr
{
	background:url(../images/r-curve_bottomright.gif) 100% 100% no-repeat;
}

.rtl
{
	background:url(../images/r-curve_topleft.gif) 0 0 no-repeat;
	height:500px;
}

.rtr
{
	background:url(../images/r-curve_topright.gif) 100% 0 no-repeat;
	padding:10px;
	height:100px;
}

#read_image
{
	background:transparent url(../images/ritson_pic2.png) no-repeat scroll 0 0;
	float:left;
	height:460px;
	margin-top:10px;
	width:168px;
}

#written_button
{
	background:url(../images/button_written01.png) no-repeat;
}

#written_button:hover
{
	background:url(../images/button_written02.png) no-repeat;
}


/********* [written & read pages] *********/
#buttons
{
	height:100px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

.link_button
{
	color:white;
	display:block;
	font-size:18px;
	height:100px;
	line-height:25px;
	margin-left:774px;
	margin-top:-10px;
	padding-top:25px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100px;
}

#blog_button
{
	background:transparent url(../images/button_blog01.png) no-repeat scroll 0 0;
	color:white;
	display:block;
	font-size:18px;
	height:100px;
	line-height:25px;
	margin-left:687px;
	margin-top:-5px;
	padding-top:25px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100px;
}

#blog_button:hover
{
	background:url(../images/button_blog02.png) no-repeat;
}

#sort_button
{
	background:url(../images/button_sort01.png) no-repeat;
	color:white;
	display:block;
	font-size:18px;
	height:100px;
	line-height:25px;
	margin-left:600px;
	margin-top:-5px;
	padding-top:25px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100px;
}

#sort_button:hover
{
	background:url(../images/button_sort02.png) no-repeat;
}

#email_button
{
	background:transparent url(../images/button_email01.png) no-repeat scroll 0 0;
	color:white;
	display:block;
	font-size:18px;
	height:100px;
	line-height:25px;
	margin-left:850px;
	margin-top:-50px;
	padding-top:25px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100px;
}

#email_button:hover
{
	background:url(../images/button_email02.png) no-repeat;
}

#content_frame
{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	background:white;
}

#content_links
{
	float:left;
	height:480px;
	overflow-x:hidden;
	overflow-y:scroll;
	width:580px;
}

.linkA
{
	background:#FAE0D1;
	color:#C00000;
	float:right;
	font-weight:bold;
	height:20px;
	text-align:left;
	text-decoration:none;
	width:500px;
}

.linkB, .linkD
{
	background:url(../images/ritsonhead_bg.png) no-repeat white;
	background-position: right bottom;
	width:500px;
	text-align:left;
	float:right;
	margin-bottom:10px;
	margin-top:10px;
}

.linkC
{
	background:#D1D1FA;
	color:#000EC0;
	float:right;
	font-weight:bold;
	height:20px;
	text-align:left;
	text-decoration:none;
	width:500px;
}

.linkB a
{
	text-decoration:none;
	color:black;
}

.linkB a:hover
{
	color:#c00000;
}

.linkD a
{
	text-decoration:none;
	color:black;
}

.linkD a:hover
{
	color:#000EC0;
}

#home_button
{
	background:transparent url(../images/button_home01.png) no-repeat scroll 0 0;
	color:#FF0066;
	display:block;
	font-size:24px;
	height:100px;
	line-height:100px;
	margin-left:890px;
	margin-top:-125px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100px;
}

#home_button:hover
{
	background:url(../images/button_home02.png) no-repeat;
}

/********* [contact page/form] *********/

.contact_color
{
	background:#69cd9b;
}

.cbl 
{
	background:url(../images/c-curve_bottomleft.gif) 0 100% no-repeat;
	width:20em;
	text-align:center;
	width:800px;
}

.cbr
{
	background:url(../images/c-curve_bottomright.gif) 100% 100% no-repeat;
}

.ctl
{
	background:url(../images/c-curve_topleft.gif) 0 0 no-repeat;
	height:500px;
}

.ctr
{
	background:url(../images/c-curve_topright.gif) 100% 0 no-repeat;
	padding:10px;
	height:100px;
}

#contact_image
{
	background:transparent url(../images/ritson_pic3.png) no-repeat scroll 0 0;
	float:left;
	height:460px;
	margin-top:10px;
	width:168px;
}


#read_button2
{
	background:url(../images/button_read01.png) no-repeat;
	color:white;
	display:block;
	font-size:18px;
	height:100px;
	line-height:25px;
	margin-left:850px;
	margin-top:-50px;
	padding-top:25px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100px;
}

#read_button2:hover
{
	background:url(../images/button_read02.png) no-repeat;
}