@charset "utf-8";/* CSS Document */body {
font:63.5%  Helvetica, Verdana, Arial, sans-serif;	
background:#fff url('img/banner_wide.gif') repeat-x top left;
text-align:center;
margin:0px; padding:0px;}
a { text-decoration:none; color:#00e0f8; font-weight:bold; }

a:hover {	color:#000; text-decoration:none;	}
img { max-width:550px; border:0px; }
#wrap {
padding:0px;
margin:0px auto;
text-align:left;
width:980px;
}

#header {
text-align:center;
/* border-bottom:1px solid #000; */
}

#header h1 {
/* border-top:1px dotted #ccc;
background:#00c8e0 url('img/banner.png') repeat-x top left;
 */

/* border-left:3px solid #000; */
padding:00px 0px;
text-align:right;
margin:0px;
height:330px;
}

#header h1, #header h1 a {
text-align:right;
font-size:42pt;
margin:0px;
text-decoration:none;
letter-spacing:-.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#header h1 a {
	color:#000;
	line-height:500px;
	font-size: .01em;
	display:block;
	width: 460px;
	float:right;
	height:330px;
	overflow:hidden;
	letter-spacing: -1000px;
	background:transparent url("img/banner_logo.gif") no-repeat top left;}
h2, h2 a {
font:bold 15pt Helvetica, Verdana, Arial, sans-serif;
margin:0px;
padding:3px 0px;
}
h2 a, h3 a, h2 span, h3 span {
color:#fff;
background:#000;
}
h2 a:hover, h3 a:hover {color:#f800e0;}

h3, h3 a {
font:bold 13pt  Helvetica, Verdana, Arial, sans-serif;	
text-transform:uppercase;
margin:0px;
padding:0px;
}

#contain {
background:transparent;
padding:00px 0px 10px 30px;
margin:0px;
}

#menu {
height:65px;
margin:0px 30px 00px 0px;
padding:0px;
}
#menu ul {list-style:none;margin:0px; padding:0px;}
#menu ul li {	list-style:none; margin:0px; padding:0px;	float:left;	}
#menu ul li a {		float:left;		display:block;		margin-right:0px;
	text-align:left;
	font:bold 13pt Helvetica, Verdana, Arial, sans-serif;		text-decoration:none;		
	text-transform:lowercase; color:#333;		padding:20px; border:1px solid #fff; border-top:0;		}
#menu ul li a:hover, #menu ul li.here a  {		color:#fff;
background:#fff url('img/banner_wide.gif') no-repeat -300px 0px;  border-color:#00c8e0;				}
#content {
float:left;
width:700px;
margin:10px 0px 8px;
}
/*  post styles */
.article {font-size:12pt;color:#000;margin:10px 0px 20px;clear:both;}
.article-meta {color:#666;font:10pt Georgia, "Times New Roman", Times, serif;margin:10px 0px;}

.article-meta p {	margin:5px 0px;	}

.article-meta h2 { color:#000; margin:0px 0px 5px 0px;}
.article-meta h2 a { color:#000; background:transparent;}

.time { color:#f800e0; font-weight:bold;  }
.post {line-height:1.2em;padding:10px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;}

/* ALBUM STYLES */
.album {float:left;width:31%;padding:0px;margin:20px 1%;text-align:center;}
.album p {margin:0px;padding:0px;}

.album img {	width:100%;	margin:0px auto;	}

.album a {	border:1px solid #666;	padding:1px;	display:block;	width:98%;	}
.album a:hover {		border-color:#9e005d;		}

.album h3 {	margin:5px 0px;	padding:0px;	}
.album h3 a {		padding:inherit;		border:2px;		display:inline;		}

.image {
text-align:center;	}
.image p {
font-size:12px;
}

/* form styles */		.form {
margin:20px 0px;
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
padding:10px;
}
.form p { display:block; clear:both;margin:5px;}
.form label {font-size:12pt;margin:0px auto;width:400px;font-family:Georgia, "Times New Roman", Times, serif;text-align:left;font-weight:bold;}
.form span {font-size:10pt;line-height:12pt;color:#666;margin:0px 10px;}

.form h4 {font-size:14pt;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;margin:10px 0px;}

.form input, select, textarea {
border: solid 1px #90AFC0;
width:400px;
padding:2px;
margin:0px auto;
}
.form input:focus, select:focus, textarea:focus {border:2px inset #666666;}

.form button {
margin:5px auto;    font-weight:bold;
cursor:pointer;
padding:5px 10px;}

p.error {color:#000000;font-weight:bold;text-align:center;background:#fcf699;height:35px;padding-top:15px;margin:10px 0px;border:1px solid #f0d42d;font:1.3em Verdana, Arial, Helvetica, sans-serif;}
.error { font-weight: bold; color:#ff0000 !important;}
	/* COMMENTS */ol#comments {
text-align:left;
margin:20px 0px;
padding:0px 20px 0px 20px;}

ol#comments li {
margin:10px 0px;
padding:0px 10px;
text-align:left;
}
ol#comments li p {clear:both;}
ol#comments li .commentmetadata {clear:none;color:#666;text-align:right;font-size:8pt;}

ol#comments li .commentmetadata p {	clear:none;	}

ol#comments li .commentmetadata h4 {	float:left;	margin:0px;	height:20px;	padding:0px;	font-size:12pt;	}

ol#comments .comment {padding:5px 0px;border-top:1px dotted #ccc;}
#side {
float:left;
width:200px;
margin-top:20px;
padding:0px;
margin-left:20px;
text-align:left;
}
#side h3 {color:#fff;background:#000;margin:20px 0px;padding-right:20px;}
#side ul {margin:10px 0px; padding:0px;font-size:10pt;}
#side ul li {display:block;list-style:none;margin:0px;padding:0px;text-align:left;}

#side ul li a {	display:block;	padding:5px 0px 5px 25px;	}

#side ul li a:hover {	background:#ccc;	}

#side ul.links li a {	background:transparent url('img/arrow_right.png') no-repeat left center;	}
div.postprev {
padding:5px 20px 5px 0px;
margin:0px;
border-bottom:1px dotted #ccc;
}
		
div.postprev h4, div.postprev h4 a {
font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

div.postprev p {margin:3px 0px;}

.pagination {	color:#666; 
padding: 10px; 
border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; 
font:bold 12pt Verdana, Arial, Helvetica, sans-serif; 
margin: 50px 0 10px; text-align:center; clear:both;}

.pagination p {text-align:center;}

.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
text-decoration:none; padding:2px 5px; }
.pagination p a:hover {background:#9e005d;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px; color:#000}
.pagination * {margin:0}
.pagination h4 {margin-top:-2.65em;padding:0;border:none}
	/** SOCCIAL BOOKMARKING SHARING LINKS **/.sharesb {
font-size:9pt;
padding:10px;
border-bottom:1px dotted #ccc;
}

.sharesb p {
margin:0px;
}

.sharesb ul{text-align:left;list-style:none;margin:6px 0 4px 0;padding:0;
}
.sharesb ul li{text-align:left;display:inline;padding:0 4px 6px 0 ;
}
.sharesb ul li.delicious{background:url("img/delicious.gif") no-repeat 0 0;
}
.sharesb ul li.digg{background:url("img/digg.gif") no-repeat 0 0;
}
.sharesb ul li.reddit{padding:0 0 0 2px;background:url("img/reddit.gif") no-repeat 0 0;
}
.sharesb ul li.facebook{background:url("img/facebook.gif") no-repeat 0 0;
}
.sharesb ul li.stumbleupon{background:url("img/stumble.gif") no-repeat 0 0;
}
.sharesb ul li a{padding:0 0 0 18px;margin:0 3px 0 0px;
}

#footer {
text-align:right;
padding:10px 20px;
border-top:1px solid #000;
border-left:3px solid #000;
font-size:10pt;
background:#000 url('img/header.gif') no-repeat top left;
}
#footer a {color:#9e005d;background:#000;font-weight:bold;}
.left { float:left; }

.right { float:right; }

.center { text-align:center; }

/* Forces blocks to enclose their floated children */  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;  }
  /* Don't know why we'd need this rule, but it was here when CatFish worked */  .clearfix {    display:block;
position:relative  }

