/* 
Theme Name: Gemini Blue
Description: Gemini Blue developed by Root, designed by geeksmakemehot.
Version: 1 May 2005
Author: Jennifer Ledbetter
Author URI: http://geeksmakemehot.com

Credits:
Template based on Gemini, developed by Root at http://atthe404.com.

XOOPs:
xf_GeminiBlue is ported to fit XOOPS CMS by Michael Hokamp [aka studioC] <a href="http://xoopsfactory.com">XOOPS FACTORY</a>
*/

/* ---------------------------------------------------------------------------------------
Layout - Two column fixed width centered
----------------------------------------------------------------------------------------*/

body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center; /* IE 5.5 hack */
	background: #afc6dc;
	color: #333;
	font-family:  Arial, Helvetica, sans-serif;
	background-image: url(images/bg1.jpg);
	background-attachment: fixed;
	background-position: top;
	background-repeat: repeat-x;
}

#farouter {
	background: #ffffff;
	width: 770px;        /*  michael: from 800 to 770 to fit screens */
	border: 1px solid #333;
	margin: 20px auto 20px auto;
	text-align: left;  /* IE 5.5 hack part II */
	background-image: url(images/logobg.jpg);
	}
	
#outer {
background-image: url(images/logobg.jpg);

	}
	
#rap {
	background: #fff;
	background-image: url(images/logobg.jpg);
	}
	
#masthead {
	background-image: url(images/hbg.jpg);
	letter-spacing: 0.2em;
	margin: 8px 8px 0 8px;
	/*padding: 0 10px 10px 60px;*/
	font-size: 150%;
	font-weight: normal;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif; 
	height: 200px;
	background-position: left;
	/*background-repeat: repeat-y;*/
	border: 1px solid #3e768d;
}

#main {
	padding-left:35px;
	background-image: url(images/logobg.jpg);
	background-position: left;
	}

#content {    /*  michael: this id shouldn't effect anyone in this xoops theme, see bottom changes  */
	float: left;
	width: 720px;
	background-image: url(images/logobg.jpg);
	}
	
#menu {						 /*  michael: from 225 to 195 to fit screens */
	float: right;
	width: 195px; 
	margin-right: 10px; 
	border-left: 1px dashed #4e869b;
	}
	
#nav {
	padding-left: 10px;
	}
	
#logo {
	padding-top: 25px; 
	padding-left: 12px;
	}
	
#hmenu {
	margin: 8px; 
	height: 30px;
	background: #afc6dc;
	border: 1px solid #3e768d;
	}
	
#hnav {
	margin: 0;
	padding: 0;
	background: #afc6dc;
	}
	
#clearer { 
	clear: both; 
	margin: 0; padding: 0;
	}
	
#footer { 
	margin: 8px 8px 8px 8px; 
	background: #afc6dc;
	background-image: url(images/navbg.jpg);
	}


/* ---------------------------------------------------------------------------------------
Typographical
----------------------------------------------------------------------------------------*/

/* --- Linkage ---*/
	
a {
	color: #4e869b; 
	text-decoration: none; 
	}
	
a:visited { 
	color: #4e869b; 
	text-decoration: none; 
	}

a:active { 
	color: #4e869b; 
	text-decoration: none; 
	}
	
a:hover { 
	color: #4e869b; 
	text-decoration: underline; 
	}
/* 
a img { 
	border: 2px solid #4e869b; 
	padding: 2px;
	}
	*/
	
/* --- Special Text used by Wordpress --- */

acronym, abbr, span.caps { 
	border-bottom: 1px dashed #333; 
	cursor: help; 
	font-size: 90%; 
	letter-spacing: .07em;
	}

blockquote {
	border-left: 1px solid #4e869b;
	margin-left: 1.5em; 
	padding: 5px;
	}
	
cite { 
	font-size: 90%; 
	font-style: normal; 
	}
	
/* --- Heading Fonts --- */

#header a { 
	color: #3E768D; 
	text-decoration: none; 

	}
	
#header a:hover { 
	text-decoration: none; 
	}
	
h1 { 
	margin: 0; 
	padding: 20px; 
	text-align: right; 
	}
	
h2 {
	color: #4e869b;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin: 0 20px 20px 0;
	padding: 20px 0 0 0;
	font: 100% 'Century Gothic', Arial, Helvetica, sans-serif; 
}
	
h2#tagline {
	margin:0; 
	margin-right: 25px; 
	padding:0;
	text-align: right;
	color: #3E768D;
	border: 0;
	}
	
h3 a {
	color: #3e768d; 
	}
	
h3 a:hover {
	color: #3e768d;
	}
	
h3 a:visited {
	color: #3e768d;
	}

h3 {
	font: 26px 'Century Gothic', Arial, Helvetica, sans-serif;
	margin-left: 0; 
	margin-top: 30px;
	color: #3e768d;  
	font-weight: normal;
	}
	
h3#comments { 
	margin-left: 20px;
	}
	
h3#respond { 
	margin-left: 20px; 
	}
	
h4 {
	font-size: 20px;
	font-weight: normal;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	color: #333;
	}
	
/* --- Meta --- */	
.meta { 
	color: #afc6dc;
	font-size: .95em;
	font-weight: normal;
	margin-bottom: 25px;
	border-bottom: 1px solid #afc6dc;
	padding: 5px 0px 3px 0px;
	}
	
.meta a {
	color: #4e869b;
	}
	
.meta li, ul.post-meta li {
	display: inline;
	}
	
.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.post-meta {
	list-style: none;
	}

ul.post-meta span.post-meta-key {
	font-weight: bold;
	}
		
/* --- Feedback --- */
.feedback {
	font: 24px 'Century Gothic', Arial, Helvetica, sans-serif;
	margin-left: 15px; 
	margin-top: 30px;
	color: #afc6dc;  
	font-weight: normal;
	}

.feedback a, .feedback a:visited, .feedback a:active {
	color: #afc6dc;	
	}
	
.feedback a:hover {
	color: #afc6dc;	
	}

#hidden {
	display:none;
	}
	
	
img {
	margin: 0px;
	padding: 2px;
	}
	
p { 
	font: 100%/175% Verdana, Helvetica, sans-serif;
	}


/* --- credits --- */

.credit {
	color: #fff;
	font-size: 90%;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
	}

.credit a, .credit a:hover {
	color: #fff;
	text-decoration: none;
	}
	

/* ---------------------------------------------------------------------------------------
Posts
----------------------------------------------------------------------------------------*/


	
.post { 
	margin: 10px 35px 40px 10px; 
	}
	
.entrytext {
	margin-left: 30px;
	}
	
.storytitle { 
	margin-top: 10px; 
	margin-bottom: 2px; 
	}
	
.storytitle a { 
	text-decoration: none; 
	}
	
.storycontent{
	margin-bottom: 25px; 
	}
	
	
.post ul li {
	padding: 0px;
	font-weight: normal;
	list-style: url(images/icon.png);
	line-height: 1.5em;
}

.post ul li:hover {
	padding: 0px;
	font-weight: normal;
	list-style: url(images/icon2.png);
	line-height: 1.5em;
}

/* ---------------------------------------------------------------------------------------
Comments
----------------------------------------------------------------------------------------*/

#commentform { 
	margin-left: 20px; 
	}
	
#commentform  #comment { 
	width:450px; 
	}

.commentbox {
	background: #EFEFEF;
	border: 1px solid #3e768d;
	padding: 5px;
	margin-bottom: 15px;
}

.commentby {
	font-size: 14px;
	text-transform: uppercase;
}
.commentinfo {
	font-size: 10px;
	margin-top: -10px;
	border-bottom: 1px solid #3e768d;
}

.commentid {
	float: right;
	font-size: 24px;
	font-style: italic;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #3e768d;
}

.commentid a {
	color: #3e768d;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------------------
Menu
----------------------------------------------------------------------------------------*/
#mnav {
		padding-left: 5px;
}

#mnav a {
	color: #333;
}

#mnav a:hover { 
	color: #4e869b;
	text-decoration: none;
	}
	
.mnav ul {
	margin-left: 0px;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	}

.mnav li {
	display: block;
	padding: 3px;
	padding-left: 17px;
	margin-left: -40px;
	background-color: #FFF;
	background-image: url(images/icon.png); 
	background-repeat: no-repeat;
	background-position: 0 55%;
	border-bottom: 1px dotted #b5b5b5;
	color: #333;
	}
	
.mnav li:hover {
	background-image: url(images/icon2.png);  
	background-repeat: no-repeat;
	background-position: 0 55%;
	color: #4e869b;
	text-decoration: none;
	}
/* michael: additions for xoopssidebar  */

#mnav ul {
	padding-left: 3px;
	margin: 0px;
	list-style-type: none;
	
	}
	
#mnav li {
	display: block;
	padding: 3px;
	padding-left: 17px;
	background-color: #FFF;
	background-image: url(images/icon.png); 
	background-repeat: no-repeat;
	background-position: 0 55%;
	border-bottom: 1px dotted #b5b5b5;
	color: #333;
	}

/* michael: end ul for xoopssidebar  */


#mnav form {
	margin: 0px;
	}

#mnav input#pass, #mnav input#user {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
	padding: 2px;
	}
#mnav input#submitx {
	background: #eee;
	border: 1px solid #999;
	color: #000;
	}




/* ---------------------------------------------------------------------------------------
hnav
----------------------------------------------------------------------------------------*/

#hnav ul {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	color: #F2EEEC;
	width: 100%;
	font-size: 120%;
	font-weight: normal;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	/*	line-height: 18px;       michael: deleted for topmenu does not display propper in IE      */  
	/* fixes Firefox 0.9.3 */
	}

#hnav ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	}

#hnav ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	}

#hnav ul li a:hover {
	background: #fff;
	color: #333;
	}

#hnav #active { 
	border-left: 1px solid #fff; 
	}

/* ---------------------------------------------------------------------------------------
Classes for Plugins
----------------------------------------------------------------------------------------*/


.gravatar {
	float:left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #b5b5b5;
}	

/* ---------------------------------------------------------------------------------------
michael: additional changes I made, some are made above though 
----------------------------------------------------------------------------------------*/

/* ie does not display the propper height of topmenu */
#navlist {
padding: 0px;
margin: 0px;
background-image: url(images/navbg.jpg);
font-size: 10%;
}
#hmenu {
height: 24px;

}
img {
border: 0;
}
img a {
border: 0;
}

hr {
height: 2px; 
border: 0px;
color: #fff;
border-top: 1px dashed #ccc;
border-bottom: 1px solid #fff;
}

textarea {
width: 60%;
}

table {
width: 100%;
}


th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}
th a {color: #FFFFFF;}

.outer {border: 1px solid #3e768d;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}
	
#contentArray0, #contentArray1, #content1 {
	float: left;
	width: 490px; 
	padding-top: 10px;
	}
#content0 {
	float: left;
	width: 700px; 
	}