/* 
Theme Name: S3BMASTER based on Steamship Gemini
Description: Gemini Template designed by Brian
Author: d j * 3 p l e t
Author URI: http://dj3plet.dynu.com

Credits:
Adapted from the theme, Gemini, developed by <a href="http://atthe404.com">Root</a> designed by <a href="http://www.geeksmakemehot.com">geeksmakemehot</a>.
Header Image by <a href="http://images.google.com/images?as_q=new+york+city+1950&svnum=10&hl=en&btnG=Google+Search&as_epq=&as_oq=&as_eq=&imgsz=xxlarge&as_filetype=&imgc=&as_sitesearch=&safe=images">Google</a>.

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* -------  Layout CSS(   Centered Fixed Width) ------ */

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
  background: url(http://www.sebastienmahe.com/fond.jpg) repeat-x top center;  
  background-color:#12171d;     
  color:#333;
}

#farouter {
	background: #FFFFFF;
	width: 984px; 
	border: 1px solid #666666;
	margin: 10px auto 10px auto;
	text-align: left;  /* IE 5.5 hack part II */
	}
	
#outer {
	}
	
#rap {
	}
	
#masthead {
	letter-spacing: 0.2em;
	margin: 8px 8px 0 8px;
	font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
	height: 190px;
	}
#gads {

}
#main {
	padding-left:35px;
}
#content {
	float: left;
	width: 724px; 
	padding-top: 40px;
	}
	
#menu {
	float: right;
	width: 200px; 
	margin-right: 3px;
	padding-bottom: 15px; 
	border-left: 1px solid #C6C6C6;
	font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	}
	
#nav {
	padding-left: 10px;
	}
	
#logo {
	padding-top: 25px; 
	padding-left: 12px;
	}
	
#hmenu {
	margin: 8px; 
	}
	
#hnav {
	margin: 0;
	padding: 0;
	}
	
#clearer { 
	clear: both; 
	margin: 0; padding: 0;
	}
	
#footer { 
	margin: 8px 8px 8px 8px; 
	}
	
.style1 {
	color: #000000;
	font-weight: bold;
}
.style2 {color: #000000}

/*----------------- Color CSS    ------------------------*/



	
#rap {
	background: #FFFFFF;
	}
	
#masthead {
	background-image: url('images/header.jpg');
	}
	
#footer {
	background-color: #666666;
	}
	
#hmenu { 
	background-color: #C6C6C6;
	}
	
#hnav {
	background-color: #C6C6C6;
	}

a {
	color: #666666; 
	text-decoration: none; 
	}
	
a:visited { 
	color: #888888; 
	text-decoration: none; 
	}
	
a:hover { 
	color: #999999; 
	text-decoration: underline; 
	}
	
acronym, abbr { 
	border-bottom: #333; 
	}
	
blockquote {
	border-left: #C0C0C0; 
	color: #C0C0C0;
	}
h2 {	
	color: #666666;
	font-size: 24px;
	font-weight: normal;
	}
	
h3 a {
	color: #333333; 
	}
	
h3 a:hover {
	color: #333333;
	}
	
h3 a:visited {
	color: #333333;
	}
	
h4   {
	color: #666666; 
	}
	
.meta { 
	color: #C0C0C0
	} 
	
.meta a {
	color: #666666;
	}
	
.feedback a{
	color: #C0C0C0;
	}



/* --------     Core CSS ---------*/


a{
	text-decoration: none;
	}
	
a img {                         
  	border: 2px solid #C6C6C6;    
  	padding: 2px;                  
  	}                             
	
acronym, abbr { 
	border-bottom: 1px dashed; 
	}
	
acronym, abbr, span.caps { 
	cursor: help; 
	font-size: 90%; 
	letter-spacing: .07em;
	}
	
blockquote { 
	border-left: 1px solid #C0C0C0;
	margin-left: 1.5em; 
	padding: 5px;
	}
	
cite { 
	font-size: 90%; 
	font-style: normal; 
	}
	
#header a { 
	color: #FFFFFF; 
	text-decoration: none; 
	}
	
#header a:hover { 
	text-decoration: underline; 
	}
		
#hidden {
	display:none;
	}
h1 { 
	font: 240% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
	margin: 0; 
	padding: 140px 10px 0 0; 
	text-align: right; 
	}
h2 {
	font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
  	margin: 0 20px 20px 0; 
  	padding: 20px 0 0 0; 
  	}
  	
h2#tagline {
	margin:0; 
	margin-right: 25px; 
	padding:0;
	text-align: right;
	color: #C0C0C0;
	border: 0;
	}

.post h2 { 
	font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	letter-spacing: 0.2em; 
  	margin: 0 20px 0 30px; 
  	padding: 20px 0 30px 0; 
  	}
  	
h3 {
	font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
	margin-left: 0; 
	margin-top: 30px;
	color: #C0C0C0;  
	}
	
h3#comments { 
	margin-left: 20px;
	}
	
h3#respond { 
	margin-left: 20px; 
	}
	
h4 {
	font-size: 16px;
	font-weight: normal;
	}
	
ol#comments li p { 
	font-size: 100%; 
	}
	
img {
	margin: 0px;
	padding: 2px;
	}
	
p, .feedback { 
	font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	}
	
p {
	}
	
.textarea { 
	width:200px; 
	margin:0; 
	}
	
#archvies {
	font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

	}



/* ------------------------- Classes used by the_meta() ---------------------*/


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

ul.post-meta span.post-meta-key {
	font-weight: bold;
	}

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

.credit a, .credit a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.feedback {
	text-align: right;
	clear: both;
	margin-right: 30px; 
	font-size: 90%;
	}
	
.meta {
	font-size: .95em;
	}
	
.meta li, ul.post-meta li {
	display: inline;
	}
	
.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.meta, .meta a { 
	font-weight: normal; 
	letter-spacing: 0;
	font-size: 93%;
	color:#0099FF;
	}
	
.post {
	margin-right: 35px;
	margin-bottom: 20px;
	margin-left: 0;
	}
	
.entrytext {
	margin-left: 30px;
	}
	
.storytitle { 
	margin-top: 10px; 
	margin-bottom: 2px;
	color:#666666;  
	}
	
.storytitle a { 
	text-decoration: none;
	color:#666666; 
	}
.storytitle a:visited { 
	text-decoration: none;
	color:#666666; 
	}
	
.storycontent{
	margin-bottom: 5px; 
	border-bottom: 1px solid #C6C6C6;
	}
	
#commentform { 
	margin-left: 20px; 
	}
	
#commentform  #comment { 
	width:450px; 
	}
	
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 	background: #fff; 
 	padding: .2em; 
 	}
 	
#commentform textarea { 
	width:100%;
	}
	
#commentlist li {
	border: 2px solid #C6C6C6; 
	line-style: solid;
	margin-bottom: 20px; 
	padding-left: 20px;
	}
	
#commentlist li ul { 
	border-left: 1px solid #ddd; 
	font-size: 110%; 
	list-style-type: none;
	}


/* ----------  All menu styling except #menu itself (in layout above) ------- */


#nav form {
	margin: 0 0 0 13px;
	}

#nav input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
	}


#nav ul li h2 {
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0;
	text-align: left;
	padding-left:0;
	margin-left: 0;
	}

#nav ul ul ul.children {
	font-size: 100%;
	padding-left: 15px;
	}

#nav { 
	width: 170px; 
	}

#nav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 95%;
	}
	
#nav ul h4{
	font-family: 150% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	vertical-align: text-top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}

#nav a {
	display: block;
	padding: 3px;
	padding-left: 17px;
	width: 130px;
	background-color: #FFF;
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
	background-position: 0 55%;
	border-bottom: 1px solid #C6C6C6;   
	color:#666666;
	}

#nav a:link, #navlist a:visited {
	text-decoration: none;
	}

#nav a:hover {
	background-image: url(images/icon2.png); 
	color: #000;
	}

#themeswitcher {
	font-size: 8px;
	}

/*------------- 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;
	background-color: #666666;
	color: #C0C0C0;
	width: 100%;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	line-height: 18px;
	/* 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: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	}

#hnav ul li a:hover {
	color: #000000;
	background-color: #CCCCCC;
	}

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

/*------------- added ------------*/

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

#commentbox {
	background: #F2EEEC;
	border: 1px solid #C0C0C0;
	padding: 5px;
	margin-bottom: 15px;
}

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

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

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

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

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

/*---------- Gallery ZenPhoto ----------------*/

/*--- Core Gallery ---*/
#gmain {
	float: left;
	width: 490px;
	background: #FFFFFF;
	border-top: 1px solid #E6E6DF;
	border-right: 1px solid #E6E6DF;
	border-bottom: 5px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	margin: 8px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#gallerytitle {
	border-bottom: 1px solid #E6E6DF;
	width: inherit;
	padding-bottom: 14px;
	margin-bottom: 12px;
	margin-top: 18px;
	padding-top: 20px;
}
h2g {
	font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	color: #666666;
	margin-top: 5px;
}
h2g a:link, h2g a:visited, h2g span {
	color: #C0C0C0;
}

/* ---Album Thumbnails --- */
.albums {
	width:inherit;
	}
.album {
	padding: 10px;
	margin-bottom: 12px;
	clear: both;
	background: #FBFCFD;
	width:inherit;
}
.album img {
	float: left;
}
.album h3 {
	padding: 0;
	margin: 0;
}
.album h3 a {
	display: block;
	width: 340px;
	padding: 3px 0 6px 0;
}
.album p {
	margin: 0 0 0 0;
}

.albumdesc small {
	margin-top: 8px;
	line-height: 130%;
	width: 120px;
	float: right;
	color: #8DB8CF;
}
.albumdesc{
	float: right;
	width: 300px;
	font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
	margin-left: 0; 
	margin-top: 30px;
	margin-bottom: 35px;
	color: #666666;  
	}
.albumdesc a:visited{
	color: #666666;
}
/*--- Individual Images ---*/

images {
	width: inherit;
	}
.image { 
	margin: 0;
	padding: 0;
	width: inherit;
}
#image {
	text-align: center;
	line-height: 0;
}
.imgnav {
	float: right;
	width: 130px;
	text-align: center;
	border: 1px solid #D5E6EE;
	background: #EEF5F9;
	margin-top: 8px;
	_margin-top: 8px; /* IE Only */
}
.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	padding: 4px 0;
	font-size: 120%;
	text-decoration: none;
	line-height: 200%;
	color: #237898;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #002E5B;
}
.imgnav .imgprevious a {
	float: left;
}
.imgnav .imgnext a {
	float: right;
}
#narrow {
	margin: 0 auto;
	width: 440px;
}

/*--- Image Thumbnails ---*/
.imagethumb a {
	display: block;
	padding: 2px;
	margin: 6px;
	line-height: 0px;
	background-color: #FFFFFF;
}
.imagethumb a:visited {
	background: #F2F7F9;
}
.imagethumb a:hover {
	background-color: #CCDCEA;
}
.imagethumb {
	float: left;
}
/*--- Comments ---*/

#comments {

}
.error { 
  color: #C33; 
  font-weight: bold; 
}
.comment {
	padding: 10px;
	border: 1px solid #E7F0F5;
	background: #FBFCFD;
	margin-bottom: 12px;
}
.commentmeta {
	margin-bottom: 12px;
}
.commentauthor {
	font-weight: bold;
}
.commentdate {
	margin-top: 12px;
	color: #8DB8CF;
	font-size: 85%;
}
h6 {
	font: 22px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  
	margin-top: 10px;
	color: #999999;
	margin-bottom: 20px;  
	}

/*--- Forms ---*/
.inputbox {
	width: 250px;
	padding: 2px;
}
textarea {
	padding: 4px;
	width: 100%;
	color: #5A5A4B;
	font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.checkbox {
	cursor: pointer;
}
.pushbutton {
	cursor: pointer;
	padding: 5px 10px;
}
label {
	cursor: pointer;
}
label:hover {
	color: #000;
}

/*--- ZenPhoto Credits ---*/

#credit {
	width: 490px;
	font-size: 85%;
	color: #96967E;
	float: left;
	margin-left: 10px;
	text-align: left;
}
#credit a {
	text-decoration: none;
	color: #96967E;
}
#credit a:hover {
	color: #BDBDAE;
	text-decoration: none;
}

/*--- AJAX ---*/
#albumDescEditable {
	margin-bottom: 12px;
	width:auto;
}
#imageDescEditable {
	margin-top: 12px;
	width:auto;
}

/*--- Page Navigation ---*/

ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #5A5A4B;
}
ul.pagelist li.prev {
	margin-right: 10px;
}
ul.pagelist li.next {
	margin-left: 10px;
}
.disabledlink {
	color: #ddd;
	cursor: default;
}
.pagenav {
	clear: both;
}

/*---ZenPhoto Random ---*/
#RandomImage a {
	padding-left: 2px;
	width: 10px;
	background-color: #FFF;
	background-image: none;
	display: block;
	text-decoration: none;
	border-bottom-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#RandomImage a:hover {
background: #e0e6e0;
color: #333;
}
/*---------------- End ZenPhoto Integration -------------------*/

/************/
/* Calendar */
/************/
#calendar {
position: auto;
}
#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 5px;
text-align: right;
width: 65px;
}
#wp-calendar #prev a {
padding-left: 5px;
text-align: left;
width: 65px;
}
#wp-calendar a {
padding-left: 2px;
width: 10px;
background-color: #FFF;
background-image: none;
display: block;
border-bottom: none;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
	font: normal 16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	width: 170px;
	text-align:left;
	background:repeat-x;
	}

#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar .today {
font-weight: bold;
background-color: #eee;
}



.switchgroup1
{
width:944px;
/*border-bottom:2px solid #af9784;*/
margin-top:0px;
margin-left:10px;
margin-right:10px;
background:#eeeeee;
padding:10px;
border:1px solid #999999;
}

/*.switchgroup1 h1{text-align:left;padding:0px 0 0 10px;font:normal 16px "Trebuchet MS", "Arial Narrow", Arial, sans-serif;text-transform:uppercase;margin:0px;color:#fff;border-bottom:1px dashed #fcd7d2;}
.switchgroup1 h2{padding:0px 5px 0 0px;font:normal 13px "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
text-transform:uppercase;margin:10px 0 0 -100px;color:#fff;}
.switchgroup1 input{border:1px solid #ccc;padding:0px;font:normal 12px "Trebuchet MS", verdana;}
.switchgroup1 .boxl {float:left;padding:0px 0px 0px 20px;width:40%;}
.switchgroup1 .boxr {font:13px  'Trebuchet MS', Verdana, Tahoma, Arial,sans-serif;float:right;padding:0px 20px 0px 0px;width:50%;}
.switchgroup1 ul li {font:13px 'Trebuchet MS', Verdana, Tahoma, Arial,sans-serif;padding-bottom:7px;color:#ccc;}
.switchgroup1 ul li a{color:#fff;}
.switchgroup1 ul li a:hover{color:#bbb;}
.switchgroup1 form {top: 5px; right: 5px;padding:0 0 15px 0; border: none;}*/