/*
Design by Ian Egner, inspired by Derek Punsalan.
*/ 

* {
	margin: 0;
	padding: 0;
	outline: none;
	}
	
h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol {
	margin: 1em 0; /* give me back my basic margins */
	}
	
body {font: 62.5% 'Lucide Grande', Verdana, Arial, Sans-Serif; 
	color: #ddd;
	background: #000;
	text-align: center;
	}
	
#wrapper {
	width: 600px;
	margin: 0 auto 0;
	padding: 0 0 6em 0;
	text-align: left;
}	
	
/* links  and fonts */
a:link, a:active, a:visited {color: #efb;}
a:hover {color: #fff;}
a {text-decoration: none;}

h1, h2, h3, h4 {
	font-family: helvetica, arial, sans-serif;
	color: #ddd;
	}
	
h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: 2.5em;}
h4 {font-size: 1.5em;}

form, fieldset {
padding: 10px;
}
	
textarea{
width: 100%;
}	

#top {background: #000;}

#content {
	width: 600px;	
	padding: 0;
	margin: 2em 0;
	text-align: left;
	line-height: 1.5em;
	float: left;
	}

#content2 {
	width: 400px;	
	padding: 0;
	margin: 1em 0;
	text-align: left;
	line-height: 1.5em;
	float: left;
	}	
	
#footercontent {
	background: #000;
	margin: 0 0 -1em 0;
	line-height: 1.5em;
	clear: both;
	}
	
	#bottomwrap {
		background: url(images/bottom_right.jpg) no-repeat top right;
		width: 70em;
		margin: -1.4em auto 0;
		text-align: left;
		}	
		
	#bottomcontent {
		color: #d6ddbc;
		width: 51em;
		margin: 0 auto;
		padding: 5em 0 4em;
		}
		
#footer {
	color: #d6ddbc;
	width: 51em;
	margin: 2em auto 0;
	text-transform: lowercase;
	clear: both;
	}
		
/* misc and images */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.green {color:#c0ff00}
.pink {color:#ff109d}


.entry img {
	padding: 3px;
	background: #444;
	border: 1px solid #444;
	}
	
	
.homebox{
	width:150px;
	height:100px;
	margin: 20px;
	float:left;
	text-align:center;
	border:0.4em #000000 solid;
	display:block;
	background-repeat: no-repeat; 
    background-position: 0 -100px;
	}


.homebox span{
	display:none;
}

.homebox:hover{
	background-position: 0 0;
}
	
#home1{
	background-image: url(images/chatspace.jpg);
}


#home2{
	background-image: url(images/photospace.jpg);
}

#home3{
	background-image: url(images/blogspace.jpg);
}

#home4{
	background-image: url(images/holyspace.jpg);
}

#home5{
	background-image: url(images/eventspace.jpg);
}

#home6{
	background-image: url(images/aboutspace.jpg);
}


#right {
float: left;
height: 300px;
width: 165px;
background:#000 url(images/right.jpg) top left no-repeat;
padding: 0 15px;
margin: 20px 0 0 0;
}

#right h3{
text-align: center;
padding: 0;
margin: 15px 0;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 1em 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #c0ff00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 12px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.current{
color: white;
background: transparent url(images/blockcurrent.gif) center center repeat-x;
}

.solidblockmenu li a:hover, .solidblockmenu li {
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}


#contentarea{
width: 40%;
min-height: 200px;
margin: 20px 2.5%;
padding: 10px 2.5%;
background-color: #333333;
float: left;
clear: both;
}

#contentarea h4{
color:#ff109d;
padding: 5px 0;
}

.solidblockmenu2{
margin:  0;
padding: 0;
font: bold 10px Arial;
width: 100%;
border: 1px solid #c0ff00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu2 li{
display: inline;
}

.solidblockmenu2 li a{
float: left;
color: white;
padding: 4px 6px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu2 li a:visited{
color: white;
}

.solidblockmenu2 li a:hover, .solidblockmenu li {
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

#sidebar h3
{
  margin-top: 6px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#right li{
list-style: none;
margin: 0;
padding: 2px 5px 1px 5px;
}


.tile_body a:hover, .tile_body a:active, .tile_body a:visited, .tile_body a:link {
color:#ff109d;
}

.ec3_list a:hover, .ec3_list a:active, .ec3_list a:visited, .ec3_list a:link {
color:#c0ff00;
}

#contenarea img{
margin: 10px 0;
}

strong {
color:ff109d;
}