/*
Theme Name: Bravo
Theme URI: http://bravo.ph/
Description: WordPress template designed for http://www.bravo.ph
Version: 1.2
Author: Maartin Cipriano
Author URI: http://martincipriano.deviantart.com/
*/

/*////////////////////
Begin Structure
////////////////////*/
body{
margin:0;
padding:10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
background:#79b700;
}
#wrap{
width:870px;
margin:0 auto;
padding:10px;
background:#3d5d00;
}

/*////////////////////
Begin Typography
////////////////////*/
a{
color:#0066FF;
}
a img{
border:none;
}
a:hover{
text-decoration:none;
}
h2{
font-size:12px;
}
h3{
margin:0 0 20px 0;
padding:0;
font-size:14px;
}
h3 a{
color:#ffffff;
}
h3 a:hover{
text-decoration:none;
}
h4{
margin:0 0 15px 0;
color:#ffffff;
}
p{
margin:0 0 15px 0;
padding:0;
}
ul{
padding:0 0 0 20px;
}


/*////////////////////
Begin Header
////////////////////*/
#header{
height:90px;
background:url(images/header.jpg) bottom center no-repeat;
}
#header img{
float:left;
}
#header-navigation{
margin:0;
padding:66px 0 0 0;
list-style:none;
float:right;
}
#header-navigation li{
margin:0 14px 0 0;
display:inline;
}
#header-navigation li a{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#5e8602;
}

/*////////////////////
Begin Navigation
////////////////////*/
#navigation{
margin:0;
padding:5px 0 3px 2px;
list-style:none;
background:#5d8d00 url(images/navigation-background.gif) top center repeat-y;
}
#navigation li{
margin:0;
float:left;
}
#navigation li a:hover{
background:#999966;
}
#navigation li a{
margin:0;
padding:4px 18px 4px 19px;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

/*////////////////////
Begin Left Content
////////////////////*/
#left-content{
width:567px;
float:left;
background:#ffffff;
}
.column1{
height:240px;
width:141px;
padding:10px 0 0 0;
text-align:center;
float:left;
background:#f6a820;
}
.column2{
height:240px;
width:141px;
padding:10px 0 0 0;
text-align:center;
float:left;
background:#d98445;
}
.column3{
height:240px;
width:141px;
padding:10px 0 0 0;
text-align:center;
float:left;
background:#f6a820;
}
.column4{
height:240px;
width:144px;
padding:10px 0 0 0;
text-align:center;
float:right;
background:#d98445;
}
.column1 p, .column2 p, .column3 p, .column4 p{
padding:0 10px;
}

/*////////////////////
Begin Post
////////////////////*/
.post{
padding:10px;
overflow:auto;
}

/*////////////////////
Begin Sidebar
////////////////////*/
#sidebar{
width:283px;
padding:10px;
float:right;
text-align:center;
background:#5d8d00;
}
#sidebar h3{
color:#ffffff;
}
.promo{
margin:0 0 10px 0;
padding:0;
background:#ffffff;
}
.promo h3{
margin:0 0 15px 0;
padding:3px 0;
text-align:center;
color:#ffffff;
background:#79b700;
}
.promo p{
margin:0;
padding:0 10px 10px 10px;
}
.promo-banner{
margin:0 0 10px 0;
}
#testimonials{
padding:10px;
background:#f6a820;
}
#testimonials h3{
margin:0 0 10px 0;
color:#ffffff;
}
#testimonials a{
color:#ffffff;
}
#testimonials p{
text-align: left;
}
#testimonials p strong {
color: #FFFFFF;
text-align: center;
}

/*////////////////////
Begin Class
////////////////////*/
.image-left{
margin:0 10px 10px 0;
float:left;
}
.light-green{
background:#79b700;
}
.dark-green{
background:#5d8d00;
}
.light-orange{
background:#f6a820;
}
.dark-orange{
background:#d98445;
}
.clear{
clear:both;
}
.clearfix:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.clearfix{
display:inline-block;
}
html[xmlns] .clearfix{
display:block;
}
* html .clearfix{
height:1%;
}
hr{
border-top:1px dotted #999999;
border-right:none;
border-bottom:none;
border-left:none;
margin:10px 0;
clear:both;
}
table{
border:1px solid #CCCCCC;
margin:0 0 10px 0;
}
table td{
border:1px solid #CCCCCC;
}

div.promo-thumbs { margin-bottom:18px; }
div.promo-thumbs span { display:block; width:185px; float:left; margin-right:10px; }
div.promo-thumbs span a:hover { background:#DDD; }
div.promo-thumbs span a { display:block; background:#EEE; }
div.promo-thumbs span a img { padding:5px; }
a { outline:none; }