/*  
Theme Name: Color Explosion
Description: Theme made exclusively for So Bonnie!
Theme URI: http://so-bonnie.net
Copyright: Anna Guevara
Version: 15
Author: Anna Guevara
Author URI: http://www.lunazul-graphics.com
*/


@charset "UTF-8";

body {
	margin:0px; padding:0px;
	background:#333;
	color: #999;
	font: normal 11px 'Trebuchet Ms';
	text-align:justify;
}
#main {
	background:#414141 url(images/bg_body.jpg) repeat-x;
}
#main .container {
	background-image:url(images/bg_main.jpg);
	background-repeat:no-repeat;
}
#footer {
	background-image:url(images/bg_footer.jpg);
	background-repeat:repeat-x;
	color:#ccc;
	padding:30px;
	padding-left:200px;
}
.footer_column {
	float:left;
	width:260px;
	margin-right:30px;
	padding-bottom:30px;
}
.container {
	width:980px;
	margin:0 auto;
  	position:relative;
}

#content-main {
background: url('images/bg_content.jpg');
}

#content {
	width:620px;
	float:left;
	margin-left: 19px;
	color:#333;	
}
#sidebar {
	width:245px;
        float:left;
	margin-left: 65px;
	color:#999;
	line-height:10pt;
}

#content h1{
background:url(images/content_title.jpg) no-repeat;
text-align:left;
font: bold 18px Arial; 
color: #baddee;
padding-top:35px;
padding-bottom:45px;
padding-left: 30px;
text-transform:uppercase;
text-shadow:#666 1px 1px 1px;
}

h1{
background:url(images/side_title.jpg) no-repeat;
text-align:left;
font: italic bold 12px Arial; 
color: #fff;
padding:20px;
padding-top:10px;
padding-left: 45px;
text-transform:uppercase;
text-shadow:#222 1px 1px 1px;
}

p {
margin-top: 0;
padding-top: 0;
margin-bottom:1.5em;
padding-left:12px;
padding-right:30px;
}

.news {
background: url('images/content_title-news.jpg') top left no-repeat;
width: 619px;
}

.date {
color: #FFF;
font: bold 14px Arial;
float: left;
display: inline;
text-align: center;
padding-top:48px;
width:119px;
}

.header {
float: left;
width: 460px;
padding-top: 35px;
padding-left: 40px;
padding-bottom: 5px;
}

.title {
font: bold 18px Arial; 
color: #baddee;
text-transform:uppercase;
text-shadow:#666 1px 1px 1px;
text-align: left;
padding-bottom:8px;
}

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

.newsbody {
width: auto;
vertical-align: top;
text-align: justify;
margin-top: 0;
padding-top: 0;
margin-bottom:1.5em;
padding-left:12px;
padding-right:30px;
}

.newsphoto {
margin: 30px;
position:relative;
width: 560px;
height: 150px;
}

.newsphoto span {
position:absolute;
width: 560px;
height: 150px;
top: 0;
left: 0;
background: url('images/news-photo.png') no-repeat;
}

.clearing {clear:both;}

h2 {
color: #333;
font: bold 8px Tahoma;
letter-spacing: 2px;
text-transform: uppercase;
text-align: right;
padding-right: 90px;
margin-top:-40px;
}

h3 {
font: normal 14px 'Trebuchet MS'; 
color: #FFFFFF;
background: #a8c0cc;
text-align: center;
padding: 5px;
margin-right:25px;
}

h4 {
background: none;
font: bold 11px 'Trebuchet MS'; 
text-transform: upercase;
color: #000;
border-bottom: 1px solid #a8c0cc;
text-align: left;
padding: 2px;
padding-left: 15px;
margin-right:25px;
}

h4 a { text-transform: upercase; }
 
a {cursor: hand; text-transform: none; font-weight: bold; text-decoration:underline;}  
a:link, a:visited {color:#e394a3;}
a:hover{ color:#80476c; text-decoration:none; }
a:active { color:#e394a3;}


blockquote {
	font: normal 11px Tahoma;
	background: #f1f1f1;
	text-align: justify;
	color: #666;
	padding: 15px;
	margin: 15px 60px 15px 50px;
	border-bottom: 2px solid #bf9dbb;
	border-right: 2px solid #bf9dbb;
        -moz-border-radius:  8px; 
        -webkit-border-radius: 8px; 

}


textarea, input, select, button, submit {
	border: 0px;
	color: #666;
	background: #f1f1f1;
	border-bottom: 2px solid #bf9dbb;
	border-right: 2px solid #bf9dbb;
        -moz-border-radius:  8px; 
        -webkit-border-radius: 8px;
	font: normal 10px Tahoma;
	padding:5px;
}

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

a img{
    background: #f1f1f1;
    padding: 3px;
    border-bottom: 1px solid #bf9dbb;
    border-right: 1px solid #bf9dbb;
    -moz-border-radius:  5px; 
    -webkit-border-radius: 5px; 
    filter:alpha(opacity=100);
    opacity:1;
} 

a:hover img {
    background: #f1f1f1;
    padding:3px;
    border-bottom: 1px solid #a8c0cc;
    border-right: 1px solid #a8c0cc;
    -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;}

i { color: #afafaf;}

u { color: #666;}

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


UL { PADDING-TOP: 15px; PADDING-BOTTOM: 15px; LIST-STYLE-IMAGE:url('images/bullet.png');}

.table1 {
text-align: left;
vertical-align: top;
width: 100%;
padding-left:20px;
padding-right:40px;
padding-bottom:10px;
}

.table1 th {
color: #666;
font: bold 8px Tahoma;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #bf9dbb;
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;
}

.commentlist .quote {
	background:url(images/bg_quote.gif) no-repeat top right;
	}

.commentlist li {
	padding: 5px 18px 22px 18px;  
	margin-top:15px;
	margin-right:50px;
	background:#efefef url(images/bg_commentlist.gif) bottom no-repeat;
	color:#666;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}


.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 0;
	background: none;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #e1e1e1;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #e1e1e1;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: none;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #e1e1e1;
	color: #666;
}

.pagebar a:hover {
	border-color: #999;
}

.pagebar .inactive
{
   border: 1px solid #ccc;
   color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}