@charset "utf-8";

/*
#%%%%%%%%%%%%%%%%%> MUTANTFINGERS.ORG <%%%%%%%%%%%%%%%%%
# _______  ______ _______ _____ _______ _______ _     _
# |_____| |_____/    |      |   |______ |______  \___/ 
# |     | |    \_    |    __|__ |       |______ _/   \_
# 
# Made In Tacoma, WA USA 2009 http://www.afxfirm.com
#  
#          [support your local web designers] 
#
#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/



/*--------------------------------------- NAVigation Stylz ---*/
/*<![CDATA[*/ @import "/css/nav.css";  /*]]>*/
/*<![CDATA[*/ @import "/css/slimbox.css";  /*]]>*/




/*--========================================================== CONTENT ELEMENTS ---*/

* {margin: 0; padding: 0}


#content a, #footer a, #footer a:visited {color:#ce0000;}
#content a:visited {color:#ce0000;}
#content a:hover {text-decoration:none; background-color:yellow;}


h1, h2 {
	letter-spacing:.1em; font-size:2em; 
	padding-bottom:.5em;
	}
h1 sub { font-size:.6em;
	letter-spacing:0; 
	color:#7F7867; 
	display:block; clear:both; 
	text-transform:uppercase;
	/*font-weight:normal;*/
	padding-top:.3em;
	}
h2 {  
	 color:#ce0000 !important; text-align:center; text-transform:uppercase; font-size:1.5em; letter-spacing:.2em; line-height:110%; font-weight:normal; 
    }
h3 {color:#000;}
h4 {}
h5 {}

p {
	line-height:180%;
	margin-bottom:2.5em;
	}

ul, ol {
	margin:0 0 2.5em 3em;
	}
#content ul {color:brown; font-size:1.2em;  line-height:150%;}	

#content ul.left {float:left;}
#content ul.right {float:right; padding-right:1.5em;}
.cboth {clear:both;}

dt {color:#9F9F9F;
	font-weight:bold; font-size:120%;
	background:transparent url(/img/adobe.gif) 0 0 no-repeat;
	padding-left:20px;
	}

dd {
	margin:0 0 3.5em 2em; padding-bottom:2em; color:#4D5F55;
	border-bottom:1px dashed #C2CFA8;
	}

dd p {
	margin:0 0 .5em 0;
	font-family:"courier new",verdana,helvetica,sans-serif;
	}
dd strong {color:#1F3F2D;}

p q {font-size:1.5em; color:brown; font-family:"Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif; }
p.callout { margin-bottom:0 !important; padding:1em 2em !important;}
address {border-top:1px dashed #000; display:inline-block; padding:1em 0;}

#content ol.paginator {margin:0; padding:0; text-align:center; list-style-type:none;}
#content ol.paginator li {display:inline; margin:.3em;}

/*--------------------------------------- img treatments ---------*/

#footer img, #getreader {border:0 none;}

.frame {
	background-color: #fff;
	}

.float_right {
	margin:5px 0 5px 15px;
	float:right;
	}

.float_left {
	margin:5px 15px 5px 0;
	float:left;
	}

.just_float_left {
	float:left;
	}

.center {
	margin: 1em auto 0 auto;
	text-align:center;
	display:block;
	}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Forms etc. ||||||||||*/

form {}

form p {text-align:left;}


fieldset {
	padding:15px; margin-bottom:1em;
	border:0 none;
	}

	
#content #lcol fieldset {clear:both;} 

legend {color:#08489A; display:none;} 

p.alert, p.alert a { color:#ce0000 !important; text-align:center; text-transform:uppercase; font-size:.95em; letter-spacing:.2em; line-height:110%; font-weight:bold;}

form input.text{
	border: 1px solid #000;
	margin-bottom: 2px;
	}

input {
	background-color: #FFF;
	color: #5F5959;
	border:1px solid #CCC;
	padding: 3px;
	font:normal 100%/120% "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	letter-spacing:.1em;
	}

.input {
	background: #fff;
	border: 1px solid #BDBDBD;
	font:12px/120% "courier new",verdana,helvetica,sans-serif;
	color: #000;
	margin: 1px; padding: 2px;
	}

select {margin: 1px; font:12px arial,verdana,helvetica,sans-serif;}

input:focus, select:focus, textarea:focus {
	background: #FFFCCF;
	color: #000; 
	}

textarea {
	background: #fff;
	border: 1px solid #BDBDBD;
	font:12px/120% "courier new",verdana,helvetica,sans-serif;
	color: black;
	padding: 2px;
	}

.fingered { cursor: pointer;}

label {color:#5F5A4D;}

p.radioz label {display:inline; width:auto; float:none;}
p.radioz {margin:.8em 0;}

fieldset p {clear:both; margin:0; padding:0;}




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||| THE HEADER+LAYOUT ||||||||||||||||||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||| THE HEADER+LAYOUT ||||||||||||||||||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||| THE HEADER+LAYOUT ||||||||||||||||||||||||*/

body {
	font:normal 76%/120% Arial, Helvetica, sans-serif; 
	background:#90908f url('/css/img/bg.jpg') 50% 0 no-repeat;
	}

#holder_shell {
	width:830px;
	margin:0 auto;
	/*background-color:#678a7c;
	border:1px solid #000;*/
	}

#holder {
	width:100%;
	/*background:transparent url('/css/img/holderBG.jpg') 0 565px no-repeat;*/
	}

#masthead  {
	width:100%;	height:622px; /*border-top:13px solid #000;
	background:transparent url('/css/img/people/rotator.php') 0 72px no-repeat;*/
	position:relative;
	}
#mastb {
	width:100%;	height:615px; 
	background:transparent url('/css/img/mutant_cell_ball.png') 515px 333px no-repeat;
	}

#masthead #logo {width:830px; height:72px;}

#masthead #logo a {width:100%; height:100%; display:block;}

#masthead #logo img {border:0 none; visibility:hidden;}
#masthead #mores {position:absolute; right:178px; top:244px;}
#masthead #more_ball {position:absolute; right:43px; top:257px;}
#masthead #mores img, #masthead #more_ball img {border:0 none;}

#masthead #ball_link {position:absolute; display:block; top:366px; right:69px; width:212px; height:148px; background-color:transparent !important; overflow:hidden; text-indent:-666em;}


#content {
	padding:20px 25px; width:780px; margin:0 auto 0 1px; overflow:hidden;
	background:#fff url('/css/img/contentBG.gif') 0 0 repeat-x;
	}

#abou #content img {border:1px solid silver;}


/*--------------------------------------- THE FOOTER  ---------*/

#footer {
	width:100%; height:150px;
	text-align:center;
	clear:both; padding-bottom:2em;
	}

#footer ul {
	padding:13px 0;
	list-style-type:none; position:relative; left:-1.5em;
	}

#footer li {
	display:inline; 
	border-right: 1px solid #CFC8B5;
	padding:0 7px 0 8px;
	}

#footer li.last {border-right:0 none;}

#footer p {
	margin:0 0 1em 0;padding: 0;
	}

#footer a, #footer a:visited , #footer p span {color: #fff;}

#footer a:hover {color:#fff; text-decoration:none;}
#footer p em {display:block; font-size:10px; line-height:120%; width:550px; margin:auto; color:#5F5F5F;}



/*--------------------------------------- Flickr Junk ---------*/


.ResultsThumbs, .ResultsThumbs div {
position:relative; overflow:auto;
}

#ResultsThumbsDiv {
	border-top:1px solid #DFD6B5; 
	border-bottom:1px solid #DFD6B5;
	padding:1em 0; 
	margin:1em auto;
	width:611px;
	}

.ResultsThumbs {
margin-top:20px;
width:100%;
}

.ResultsThumbs div.ResultsThumbsChild, .ResultsThumbs div.ResultsThumbsChildMedium {

float:left;
position:relative;
}

.ResultsThumbs div.ResultsThumbsChild {
text-align:center;
}

div.ResultsThumbs span.pc_t {
font-size:0;
}
span.photo_container {
position:relative;
}

.ResultsThumbs div.ResultsThumbsChild {
float:left;
margin:auto;
padding:0;
position:relative;
text-align:center;
overflow:hidden;
}

.ResultsThumbs.Flickr div.ResultsThumbsChild {
height:170px;
width:150px;
}

.ResultsThumbs.Photobucket div.ResultsThumbsChild {
height:230px;
width:200px;
}

/*--------------------------------------- MISCELLANEOUS ---------*/
.pad-bot{padding-bottom:2.5em;}
.text-center{text-align:center;}