/*-----PLEASE NOTE: ALL THE CSS FOR THE CATHEAD GALLERY IS LOCATED ELSEWHERE - GALLERIFIC------*/





/*
The method we use to center the content is based on the fact that when an element’s left and right margins are set to auto, they will share whatever is left when the element’s width has been subtracted from that of its container. In this case the width of #wrap  will be subtracted from the width of the browser window.

Note: for this method to work in Internet Explorer (version 6 and later only), the document must use a DOCTYPE that forces IE to use its standards mode. Please read Fix Your Site With the Right DOCTYPE! for more info.
*/




body, html {
		margin:0; padding:0; color:#000; /* background-color:#70b1f1;*/ 
		background-image:url(images/bg_hello.jpg);
		
		background-position:top center;
		background-color:#FFFFFF
	}
	
   * html #footer {
   		height:1px;
   }

	#wrap {
		width:1000px;
		margin:0 auto;
		border:6px solid #369;
		background:#fff
		}
	
	.wrap_index {
		width:1000px;
		margin:0 auto;
		background-image:url(images/bg_main_3.jpg)
		}
	
	
	
	#header {
	height:200px;
	background-color:#FFFFFF
	
	}
	
	.logo {
	margin:0px 0px 0px 0px;
	float:right;
	
	}

/*
	#nav {
		margin:0 auto;
		
	}

   #nav ul {
   		margin:0;
   		padding:0;
   		list-style:none;
		
   }
   
   #nav li {
   		
   		margin:10;
   		padding:5px;
		background:#FF0000;
		color:#fff
		
  }
  
    #nav li a:hover {color:#0099ff}

	#nav a, a:visited {color:#c60;
		text-decoration:none;
		}
*/ 
 
/* nav try #1 */
#navcontainer {
float:right;
clear:both

}

ul#nav
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
margin-top:0px;

}

#nav li
{
display: inline;
list-style-type: none;
}

#nav a { padding: 3px 10px;
margin:2px;
		color: #fff;
		background-color: #036;
		text-decoration: none;
}

#nav a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}






	.main {
		float:left;
		width:550px;
		/*background:#006699;*/
		padding-right:10px;
		/*border:2px solid #000;*/
		margin:35px 0px 0px 10px;
	}

	
/*	
	
	
#wrap_post h1 {
	color:#C60; font-size:24px; text-decoration:underline;}
	
	#wrap_post a:hover {
		text-decoration:none; color:#0099FF
		}
	*/
	
.wrap_post a {color:#CC6600; text-decoration:none; font-weight:bold}
.wrap_post a:hover {color:#0099FF}
	
	
	.wrap_post li {padding:10px; height:300px; /*border:1px solid #000;*/ margin-bottom:10px; list-style:none; /*background:#fff*/}
	
	.post_thumb {float:left; border:2px solid #09C; padding:2px; margin:6px 10px 0px 0px; clear:both}
		
	.subhead {color:#336699; letter-spacing:2px; font-size:16px; margin:0px 0px 5px 0px}
	.h-one {font-size:24px;}
	.h-one a:hover {color:#0099FF}
	
	
	.post-cat a {color:#993300;}
	.post-cat a:hover {color:#0099FF}
	.post-comments a {color:#006699}	
	
	
	.wantmore a {
		color:#006666; background-color:#999999; display:block
		}
		
		
.blurb {color:#000000}
	
	#sidebar {
		float:right;
		width:380px;
		background:#666666;
		padding:5px 0px 0px 0px;
		margin:20px 10px 10px 0px
	}
	
	
	#sidebar_single {
	
		float:right;
		width:270px;
		background:#666666;
		padding:5px 0px 0px 0px;
		margin:0px 10px 10px 0px;
		height:100px
	}
	#fun_row {
		clear:both;
		}
	
	#fun1 {
		padding:10px;
		background-color:#669933;
		}
	
	#fun2 {
		padding:10px;
		background-color:#FF9900;
		height:60px;
		color:#000;
		}
	
	#footer {
		height:200px;
		padding:5px 10px;
		background-color:#006699;
		text-align:center;
		clear:both;
		
	}
	
	#footer p {
		color:#fff;
		padding:20px;
		margin:30px 0px 0px 0px
	}
	
	#footer a  {
		color:#FF9900;
		font-weight:bold;
		text-decoration:none
		}
	
	#footer a:hover {
		color:#3399FF
		}
	

/* -----------------------------------STYLING THE DATE BOX FOR THE BLOG ---------------------------------*/

.post-date{
float: right;
display: inline;
margin: 0px 5px;
/*background: url(month_cat.jpg) no-repeat;*/
width:95px;
height:15px;
font-family:"Courier New", Courier, mono;
font-weight:bold;
}

.month {
	font-size:20px;
	color:#006699;
	text-align:center;
	
	}

.day {
	font-size:30px;
	color:#999999;
	text-align:center;
	}


/* FEATURED WORKS */

.feature {
	font-size:22px;
	padding:5px 0px 5px 0px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}

 #column-right {
 width: 395px;
 background-color:#666666;
 margin:0px 5px 0px 0px;
 
 }

#column-right a {
color:#FFF;
text-decoration:none;
font-size:12px;
}

#column-right a:hover {
color:#0099ff;
}

ul.column  {
	width: 100%;
	padding: 0;
	margin: 0px;
	list-style: none;
	background-color:#666;
}
ul.column li {
	float: left;
	width: 92px; /*Set default width*/
	padding: 0;
	margin: 3px 0px 5px 3px;
	display: inline;
}

ul.tag_cont {
	width: 100%;
	padding: 0;
	margin: 0px;
	list-style: none;
	
	}

ul.tag_cont li {
	float: left;
	padding: 0px 10px;
	margin: 3px 0px 5px 3px;
	display: inline;
	}

.block {
	height: 195px;
	font-size: 1em;
	margin-right: 5px; /*Creates the 10px gap between each column*/
	padding: 4px 2px 0px 2px;
	background-image:url(block_blue_003.jpg);
	color:#fff;
}

.block img {
        /*Flexible image size with border*/
	width: 75%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 2%;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}

h4 {
	font-family:'Hoefler Text', Georgia, 'Times New Roman', serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:3px 0px 0px 0px;
	} 

/*-----NAVIGATION OF THE BLOG--------------*/

.navigation {
	display: block;
	text-align: left;
	margin: 10px 10px 0px 10px;
	padding:0px 0px 40px 0px;
	}

.alignright a{
	float: right;
	color:#FF9900
	}

.alignleft a{
	float: left;
	color:#f90
	}

.alignleft a:hover, alignright a:hover {color:#0099FF}

.post-entry a {
	color: #CC6600
	}

.post-entry {
	padding:0px 40px 0px 40px;
	}

/*----------------------RELATED POSTS---------------------*/
.related_wrap {border:1px solid #999; padding:5px; height:250px; color:#336699; text-align:center;}

.related_post a {border:1px; color:#993300;}
.related_post {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0; }
.related_post li{width:100px;  height:100px; float:left; display:inline; padding:10px;}
.related_post img{width:100px; height:70px;clear:both; padding:5px; background-color:#FFCC00; border:2px solid #C60;}
.related_post img:hover {border: 2px solid #000; padding:5px; background-color:#993300}
.related_post a{clear:both; display:block; border:none; text-decoration:none; font-size:12px; color:#CC6600;  }
.related_post li{font-size:16px; padding:10px}
.related_post li a:hover {color:#006699;}


/*-----------------SINGLE PAGE-------------------------*/

.main_single {
		float:left;
		width:650px;
		background:#fff;
		padding:20px;
		border:2px solid #000;
		margin:0px 0px 0px 10px;
		
	}

.wrap_post_single {	font-family:"Times New Roman", Times, serif; background:#fff}
	
.wrap_post_single a:hover {text-decoration:none; color:#0099FF}
	
.single-subhead {color:#336699; letter-spacing:2px; font-size:20px; padding-left:5px}

h1 {color:#006699; font-family:Verdana, Arial, Helvetica, sans-serif}


.fbook {padding:10px; border:1px solid #000; width:100px }


/*-------------------COMMENTS--------------------------*/

.login a  {color:#c60; text-decoration:none}
.login a:hover {color:#0099FF}

.log a {
	color:#996600
	}


#content a {color:#CC6600;}
/*
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color:#FFCC00;
	}*/
	
	
.commenting_system {
	padding:10px;
	margin:50px 10px;
	background-color:#CCCCCC;
	border:#000000 solid 2px
	}

	
/*
h2, h2 a, h2 a:visited {
	font-size: 18px;
	text-align:center;
	color:#FFCC00;
	}
*/	
/*h1, a, a:visited, {color:#CC6600; text-decoration:none;}*/

/*h1 a:hover {color:#996600; text-decoration:none}*/
/*
h2, h2 a, h2 a:hover, h2 a:visited, #sidebar h2, cite {
	text-decoration: none;
	}
*/

/*
.entry p a:visited {
	color:#fff; /*green for links inside the post i think
	}
*/

/*
small {
	font-family:"Courier New", Courier, mono;
	font-size: 1.1em;
	line-height: 1.5em;
	}
*/

/*
h1, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}
*/

/* styles the font inside left column and NOT inside the blog 
p { 
	padding:0px 0px 0px 15px;
	font-size:14px;
	color:#000033;
	line-height:1.5;
	  }
	
*/
/*
.p2 {
	 padding:5px 10px 2px 15px;
	 font-size:14px;
	 color:#69f; 
	  }
*/
/*
h2.pagetitle {
	font-size: 18px;
	}


.narrowcolumn {
	
	padding: 5px 5px 30px 5px;
	margin: 0px 0 0;
	width: 220px;
	}
*/

.commentlist li, #commentform input, #commentform textarea {
	
	font-family:"Times New Roman", Times, serif;
	color:#000;
	}
	
.commentlist li ul li {
	font-size: 1em;
	color:#CCCCCC;
}
.commentlist ul {}

/*----------COMMENT APPEARANCE, Grey box, and "says" ------------*/

.commentlist li {
	font-weight: bold;
	background-color:#333333;
	color:#f90
	}

.commentlist li a, li  {
	color:#FF9900}

.commentlist a {
	color:#c60;
	font-size:14px}

.commentlist a:hover {color:#09F}





.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	color:#6699FF;
	
	padding:5px;}




#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	font-size:1em;
	color:#009900
	}


	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	height:100px;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
/*	text-align: justify;  */
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-size:1em;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	font-size:1em;
	}


.post hr {
	display: block;
	}
#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}