/*  
Theme Name: Bonnie in the Sky with diamonds.
Description: Theme made exclusively for So Bonnie!
Theme URI: http://so-bonnie.net
Copyright: Anna Guevara
Version: 14
Author: Anna Guevara
Author URI: http://www.lunazul-graphics.com
*/


* {
padding: 0px;
margin: 0px;
}


p {
margin-top: 0;
padding-top: 0;
margin-bottom:1.5em;
padding-left:40px;
padding-right:20px;
}

body {
margin: 0px;
text-align:center; 
background: #FFF url('images/bg-main.jpg') repeat-x;
} 

body, div, table {
font-family: 'Trebuchet MS'; 
font-size:11px; 
color:#727e8c;
vertical-align: top;
}

#container {
	margin: 0px auto;
	text-align: justify;
	width: 1092px;
}

#content { 
	background: url('images/bg-content.jpg') repeat-y;
	width: 576px;
	float: left;
	margin-left: 2px;
} 
#side1 { 
	width: 220px; 
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	padding: 3px;
	padding-bottom: 5px;
}

#side2 { 
	width: 220px; 
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	padding: 3px;
	padding-bottom: 5px;
}

#footer {
	height: 10px;
	clear: both;
}


.news {
background: url('images/header-news.jpg') top left no-repeat;
width: 576px;
}

.news-photo {
border: 3px solid #ef8fbc;
float: left;
margin-top: 5px:
margin-bottom: 10px;
margin-right:10px; 
margin-left: 0px;
}


.title {
width:auto;
display:block;
font: bold 16px 'Trebuchet Ms'; 
color: #43c6ff;
text-align: center;
padding-top:10px;
}


.meta {
width:auto;
display:block;
color: #727e8c;
font: bold 10px 'Trebuchet MS'; 
text-align: center;
padding-bottom:50px;
}

.footer {
background: url('images/footer-content.jpg') bottom left no-repeat;
width: 576px;
height: 77px;
}

.newsbody {
width: auto;
vertical-align: top;
text-align: justify;
padding-right:10px;
padding-left:10px;
}


#content h1 {
background: url('images/header-content.jpg') no-repeat;
text-align: center;
font: normal 18px 'Trebuchet Ms'; 
text-transform: none;
color: #FFF;
margin-top:-1px;
padding-top:45px;
padding-bottom:30px;
border:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

h1 {
color: #FFF;
background: #b9d0ff;
font: normal 12px 'Trebuchet Ms'; 
text-transform: uppercase;
text-align: center;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
border-bottom:2px solid #ef8fbc;
border-right:2px solid #ef8fbc;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

h2 {
color: #463d56;
font: bold 8px Tahoma;
letter-spacing: 2px;
text-transform: uppercase;
padding-right: 30px;
text-align: right;
padding-bottom:10px;
}

h3 {
font: normal 11px 'Trebuchet MS'; 
color: #FFFFFF;
background: #b9d0ff;
text-align: center;
padding: 3px;
}

h4 {
background: none;
font: bold 10px 'Trebuchet MS'; 
text-transform: upercase;
color: #e969a5;
text-align: left;
padding: 1px;
}

h4 a { text-transform: uppercase; }

 
a {cursor: hand; text-transform: none; font-weight: bold; text-decoration:none; text-shadow: #FFF 1px 1px 3px;}  
a:link, a:visited {color:#e969a5;}
a:hover{ color:#748295; text-decoration:underline; }
a:active { color:#e969a5;}


blockquote {
	font: normal 11px Tahoma;
	background: #eee;
	text-align: justify;
	color: #666;
	padding-left: -20px;
	padding-top: 10px;
	margin-right: 40px;
	margin-left: 50px;
	border-bottom: 2px solid #697685;
	border-right: 2px solid #697685;
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px; 

}


textarea, input, select, button, submit {
	border: 0px;
	color: #73aee5;
	background: #eee;
	border-bottom: 2px solid #697685;
	border-right: 2px solid #697685;
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px;
	font: normal 10px Tahoma;
	padding:5px;
}

img {
       border: 0px;
       margin: 0px;
}

a img{
        background: #eee;
        padding: 4px;
	border-bottom: 1px solid #f09ac3;
	border-right: 1px solid #f09ac3;
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px; 
	filter:alpha(opacity=100);
        opacity:1;
} 

a:hover img {
        background: #eee;
        padding: 4px;
	border-bottom: 1px solid #43c6ff;
	border-right: 1px solid #43c6ff;
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px; 
        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: #73aee5; text-shadow: #FFF 1px 1px 3px;}

i { color: #53ceff; text-shadow: #FFF 1px 1px 3px}
#content i { color: #FFF; text-shadow: #53ceff 1px 1px 3px}

u { color: #666;}

s { color: #000; font-style: italic;}


UL { PADDING-TOP: 15px; PADDING-BOTTOM: 15px; LIST-STYLE-IMAGE:url('images/bullet.png');}

#content ul { PADDING-LEFT: 60px; }

.table1 {
text-align: left;
vertical-align: top;
width: 100%;
}

.table1 th {
color: #FFF;
font: bold 8px Tahoma;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #FFF;
padding-top:15px;
}

.table1 td {
padding: 5px;
vertical-align: top;
padding-top:15px;
}

.table2 td {
width: 25%;
text-align: left;
vertical-align: top;
font-size: 9px;
padding:5px;
}

.clearing {
clear:both;
}


.icons {
float: left;
vertical-align:top;
margin-bottom:5px;
margin-right:5px;
}