@charset "utf-8";
/*
Theme Name: Endless Journey.
Theme URI: www.genesis315.org
Description: 3 columns, with header and footer. The side column color extends the full length of the page. This is a modification of Matthew James Taylor's Ultimate 3 Column Holy Grail Layout. 
Version: 1.0
Author: Arelthia Phillips
Author URI: www.journeytowhere.com

*/

	/* General styles */
    body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:80%;
	min-width:600px;   /* The min-width property does not work in old versions of Internet Explorer */
	font-size:85%;
	background-color: #808060;
	background-image: url(images/greentbg.jpg);
	background-repeat: repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0 10% 0 10%;
	overflow:scroll;
    }
	
	a {
	color:#000000;
	}
	
	a:hover {
	color: #808060;
	}
	
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
	
    p {
        margin:.4em 0 .8em 0;
        padding:0;
text-indent: 30px;
    }
	
	
	img {
	border-style: none;
	}
	
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

	small {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
	
	
	/*Wrapps all the content on the page*/
	#page {
	float:left;
    width:1010px;				
	overflow:hidden;		

}


	/*ads of important notice*/
	.banner {
	height: 90px;
	width: 100%;
	
	background-color: #808060;
padding-left: 135px;
	}

	
	/* Header styles */
    #header {
	/*clear:both;*/
	float:left;
	width:100%;
	height:152px;
	background-color: #602000;
	margin-top: 0px;
				
    }
	
	
	#header #logo{
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 5px;
	overflow: hidden;
	height: 140px;
	width:100%;
	background-image: url(images/stormclouds5.jpg);
	background-repeat: no-repeat;

	}
#logo h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#logo h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}	

	


	#header p,
	#header h1,
	#header h2,
	#header h3 {
	margin:0;
	color: #FFFFFF;
	padding-top: 0em;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
	/*menu styles*/
	#menu {
	background-color: #602000;
	margin: 0px;
	height: 30px;
	width: 100%;
	float: left;
	padding-bottom: 10px;
	overflow: hidden;
	

}

	#menu ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	/*border-top:4px solid #000;*/
	
	}
	
	#menu ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;

	}
	
	#menu ul li a {
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:3px 10px;
	text-align:center;
	background:#602000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
	color: #FFFFFF;
	font-size: 18px;
	}
	
	#menu ul li a:hover {
	    background:#800000;
		color:#fff;
	}
	
	#menu ul li a.active,
	#menu ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	
	#menu ul li a span {
	    display:block;
	}
	
	/* the same horizontal area of the header as the menu */
	#submenu {
	position: relative;
	left: 50%;
	}
	
	#submenu #searchform {
	margin-right: 10px;
	margin-bottom: 5px;
	
	}
	
	#submenu  #searchform #s {
	width: 108px;
	padding: 2px;
	}
	
	
	.hidden {
	display: none;
	}
	
	/*Three Column layout stuff*/
	/* wraps all columns */
	.wrapper {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout from jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	
	.r_wrapper {
	    background:#fff;    	/* Right column background color */
	}
	
	/*only wraps around the middle column*/
    .r_wrapper .m_wrapper {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* middle column background color */
    }
	
	
    .r_wrapper .l_wrapper {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#808060;    	/* Left column background color */
    }
	
	/* Wraps around the middle column which will hold main content*/
    .r_wrapper .container {		
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Middle column bottom padding.*/
	}
	
	.r_wrapper .m_column {
        margin:0 215px;     	/* Middle column side padding:
                            	Left padding = left column width + middle column left padding width
                            	Right padding = right column width + middle column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
	
    .r_wrapper .l_column {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
	
    .r_wrapper .r_column {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	
	/*Middle Column Formatting*/
	#middletop {
	width: 100%;
	padding-bottom: 10px;
	}
	#middlebottom {
	width: 100%;
	}
	#middlebottom #leftsection{
	float: left;
	width: 50%;
	}

	#middlebottom #rightsection{
	float: right;
	width: 40%;
	}
	.m_column h2 {
	margin-top: 0;
	font-size: 1.6em;
	}
	
	.m_column h3 {
	font-size: 1.3em;
	}

	.m_column h4 {
	font-weight: normal;
	font-size: 1em;
	}
	
	.box{
	padding-right: 5px;
	padding-left: 5px;
	border: medium solid #602000;
	}
	
	
	
	/* Footer stuff */
	#footer {
	clear:both;
	float:left;
	width:100%;
	background-color: #602000;
		
    }
	
    #footer p {
	margin:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: .8em;
	padding-top: 10px;
	padding-bottom: 10px;
    }

	#footer a{
	color: #FFFFFF;
	text-decoration: none;
	}

	#footer a:hover{
	text-decoration: underline;	
	}
 


	/* Post related stuff*/
	.post {
	text-align: justify;
	}

	#spec_post{
	text-align: justify;
	}
	
	#postfooter{
		margin:.4em 0 .8em 0;
        padding:0;
	}	

	.readmore {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}


	/*Post Navigation Stuff*/
	.navigation {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	}
	
	.navigation a{
	text-decoration: none;
	}





	/*left and right column stuff*/
	.l_column h2 {
	margin-top: 0;
	font-size: 1.6em;
	}

.l_column h2,
.l_column h3,
.l_column h4 {
	color: #602000;
	
}

.l_column h3 {
	margin-bottom: 0;
	font-size: 1.3em;
}

.l_column h4 {
	margin-top: 0;
	font-size: 1em;
	font-weight: normal;
}

.r_column ul ,
.l_column ul {
	margin-left: 0;
	padding-left: 5px;
	padding-right: 3px;
	list-style: none;
}

.l_column ul li,
.r_column ul li
{
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}


.l_column ul li a,
.r_column ul li a
{
	text-decoration: none;
	color: #602000;
}

.l_column ul li a:hover
{
	text-decoration: underline;
	color: #000000;	
}

.r_column ul li a:hover
{
	text-decoration: none;
	color: #000000;	
}

.l_column li a,
.r_column li a
{
	text-decoration: none;
	color: #000000;	
}


.l_column ul p, .r_column ul p{
	margin: 5px 0 8px;
	}

 
.l_column ul ul, .l_column ul ol {
	margin: 5px 0 0 10px;
	}

.l_column ul ul ul, .l_column ul ol {
	margin: 0 0 0 10px;
	}


.r_column ul ul, .r_column ul ol
{
	margin-top: 5px;
	margin-right: 10px;
	}
	
.r_column ul ul ul, .r_column ul ol
{
	margin: 0 10px 0 0;
	}

.r_column ul ol li, 
ol li, .l_column ul ol li {
	list-style: decimal outside;
	}
	
#r_column ul ul li, #r_column ul ol li,
#l_column ul ul li, #l_column ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
/*Comment specific Stuff*/
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
	background: #fff;
	border: 1px solid #808060;
	padding: .2em;
}

#commentform textarea {
	width: 300px;
	overflow: scroll;
	
	height: auto;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

.adcent {
float:left;
        text-align: center;
	
}

.adcent ul {
list-style: none;
float:left;

}

.adcent ul li {
float:left;
	display:inline;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	margin:0;
	padding:0;

	}