/*  
Theme Name: Jesse Spence Online Teal
Description: Theme made exclusively for Jesse Spencer Online!
Theme URI: http://www.jessespenceronline.org
Author: Anna Guevara
Author URI: http://www.lunazul-graphics.com
*/


* {
padding: 0px;
margin: 0px;
}

body {
margin: 0px;
text-align:center; 
background: #ccc url('images/bg.jpg') repeat-x;
} 

body, div, table {
font-family: 'Trebuchet MS'; 
font-size:11px; 
color:#333;
vertical-align: top;
}

#container {
	margin: 0px auto;
	text-align: justify;
	width: 889px;
}

#content { 
	background: url('images/bg-content.jpg') repeat-y;
	width: 560px;
	float: left;
	margin-left: 30px;
} 
#sidebar { 
	width: 270px; 
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	padding: 3px;
	padding-bottom: 5px;
}

#footer {
	height: 10px;
	clear: both;
}


.news {
background: url('images/header-news.jpg') top left no-repeat;
width: 560px;
margin-bottom:-10px;
}

.date {
float: left;
display: inline;
text-align: center;
padding-top:22px;
width: 95px;
height: 64px;
}

.date .month {
color:#333;
display: block;
text-align: center;
font: normal 10px 'Trebuchet MS'; 
text-transform: uppercase;
}

.date .day {
color: #0b80a1;
display: block;
text-align: center;
font: bold 24px Georgia;
margin-top: -10px;
}


.header {
width: auto;
padding-top: 20px;
padding-left:10px;
}

.title {
font: normal 20px Arial; 
color: #0b80a1;
text-shadow: #999 1px 1px 1px;
text-align: left;
}

.meta {
color: #999;
font: bold 10px 'Trebuchet MS'; 
text-align: left;
}


.newsbody {
width: auto;
vertical-align: top;
text-align: justify;
padding:15px;
}

.footer {
background: url('images/footer-content.jpg');
height:46px;
}

p {
margin-top: 0;
padding-top: 0;
margin-bottom:1.5em;
padding:15px;
}

#content h1 {
background: url('images/header-news.jpg') no-repeat;
color: #0b80a1;
text-shadow: #999 1px 1px 1px;
font: normal 20px Arial; 
text-transform: none;
text-align: center;
padding-top: 29px;
padding-bottom: 15px;
margin-top: 10px;
border:0px;
}

h1 {
color: #0b80a1;
background: #dde7ea;
font: normal 12px Arial; 
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
}

h2 {
color: #333;
font: bold 8px Tahoma;
letter-spacing: 1px;
text-transform: uppercase;
padding: 1px;
padding-left: 20px;
text-align: left;
padding-bottom:10px;
}

h3 {
font: normal 10px 'Trebuchet MS'; 
color: #FFF;
background: #ccc;
text-align: center;
padding: 3px;
}

 
a {cursor: hand; text-transform: none; font-weight: bold; text-decoration:none; text-shadow: #FFF 1px 1px 1px;}  
a:link, a:visited {color:#73b1b9;}
a:hover{ color:#000; text-decoration:underline;}
a:active { color:#73b1b9;}


blockquote {
	font: normal 11px Tahoma;
	background: #f0f0ef;
	text-align: justify;
	color: #999999;
	border: 2px solid #92cdc5;
	padding: 15px;
	margin: 40px;

}


textarea, input, select, button, submit {
	border: 0px;
	color: #999999;
	background: #f0f0ef;
	border: 1px solid #92cdc5;
	font: normal 10px Tahoma;
	padding:5px;
}

img {
       border: 0px;
       margin: 0px;
}

a img{
        background: #f0f0ef;
        padding: 4px;
        -moz-border-radius:  3px; 
        -webkit-border-radius: 3px; 
        border-radius: 3px;
 
	filter:alpha(opacity=100);
        opacity:1;
} 

a:hover img {
        background: #f0f0ef;
        padding: 4px;
        -moz-border-radius:  3px; 
        -webkit-border-radius: 3px; 
        border-radius: 3px;
        filter:alpha(opacity=70);
        opacity:0.7;
}

a img#link  {
        padding: 0px;
        BORDER: 0px;
        background: transparent;
        filter:alpha(opacity=100);
        opacity:1;
}
a:hover img#link {
        padding: 0px;
        BORDER: 0px;
        background: transparent;
        filter:alpha(opacity=100);
        opacity:1;
}

b { color: #115566;}

i { color: #77adb4;  text-shadow: #FFF 1px 1px 1px; }

u { color: #999;}

s { color: #666; font-style: italic;}


UL {PADDING-LEFT: 30px; PADDING-TOP: 15px; PADDING-BOTTOM: 15px; LIST-STYLE:square;}


.clearing {
clear:both;
}