/*

Theme Name: John Smimm Online
Theme URI: http://www.john-simm.org/
Description: John Simm
Version: 1.0
Author: Celyn
Author URI: http://bonjourparis.net
Tags: red, black

*/




/* MAIN STRUCTURE */

body {	background-image:url(bg.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

.container {
	width: 900px;
	margin: 0px auto;
	margin-top:0px;
	background-color: #787D81;
}


.ad { 	height: 100px;
	background-color: #787D81;
}

.sidebar {
	background-color: #787D81;
	float:left;
	overflow:hidden;
	width: 250px;
	-moz-border-radius: 0px 0px 10px 10px;
}

.content {	
	background-color: #787D81;
	width: 620px;
	float: left; 
	overflow:hidden;
	padding:10px;
	margin-left:10px;
	font: 11px Lucida sans, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:justify;
	-moz-border-radius: 0px 0px 10px 10px;

}

/* SIDEBAR STUFF */

.sidebar_title {	
	padding:6px;
	font: 14px Georgia;
	font-style: italic;
	color: #FFFFFF;
	text-shadow: #000000 2px 2px 2px;
	letter-spacing: 1px;
	background-color: #787D81;
	border: 2px solid #FFFFFF;
	text-align:center;
	margin-bottom:10px;
	-moz-border-radius:10px;
}


.sidebar_content {
	font: 11px Lucida sans, Helvetica, sans-serif;
	line-height:15px;
	color: #FFFFFF;
	background-color: #787D81;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
}


/* FONT and IMAGEs */

blockquote {
	width:90%;
	margin-left:15px;
	font-style:italic;
	color:#fff;	
	background-color: #787D81;
	border: 2px solid #FFFFFF;
	padding:10px;
	-moz-border-radius:10px;
}

a:link {
	color: #fff;
	text-decoration:none;
	font:11px Lucida sans, Helvetica, sans-serif;
	text-shadow: #000000 2px 2px 2px;
}


a:visited {
	color: #fff;
	text-decoration:none;
	font:11px Lucida sans, Helvetica, sans-serif;
	text-shadow: #000000 2px 2px 2px;
}


a:hover {
	color: #ffffff;
	text-decoration:underline;
	font:11px Lucida sans, Helvetica, sans-serif;
	text-shadow: #000000 2px 2px 2px;
}

h1 {
	padding:6px;
	font: 14px Georgia;
	font-style: italic;
	color: #FFFFFF;
	text-shadow: #000000 2px 2px 2px;
	letter-spacing: 1px;
	background-color: #787D81;
	border: 2px solid #FFFFFF;
	text-align:left;
	margin-bottom:10px;
	-moz-border-radius:10px;
}

.titlemini {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #787D81;
	border: 1px solid #ffffff;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	-moz-border-radius:  8px; 
	font-family: lucida sans;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	line-height: 11px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:6px;
	padding-left:6px;
	margin:5px;
}

.navigation {
	background-color: #787D81;
	width: 900px;
	height: 25px;
	font-family: Lucida Sans;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #000 1px 1px 1px;
	padding: 0px;
	margin: 0;
	}

.navigation a {
	font-size: 18px;
	margin: 0;
	letter-spacing: 1px;
	text-decoration:none;
	text-shadow: #000 1px 1px 1px;
	color: #FFFFFF;
}

.navigation a:hover{
	font-size: 18px;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: #000 1px 1px 1px;
	color: #fff;
}


/* PICTURE INFO */

.pictures {
	background-color: #000;
	border:1px solid #666;		
	padding:3px;
	-moz-border-radius:5px;
}

.pictures:hover {
	background-color: #ffffff;
	border:1px solid #787D81;	
	padding:3px;
}