/*
Theme Name: Bravo v2
Theme URI: http://bravo.ph/
Description: WordPress template designed for http://www.bravo.ph
Version: 1.2.1
Author: Martin Cipriano, Julius Lagutan
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;
}

#wrap{
width:870px;
margin:0 auto;
padding:10px;
background:#bc0202;
}

/*////////////////////

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;
list-style:none;
background:#bc0202;
}

#navigation li{
margin:0;
float:left;
}

#navigation li a:hover{
background: #bc0202;
color: #fff;
}

#navigation li a{
margin:0;
font-size:15px;
font-weight:bold;
text-decoration:none;
}

/*////////////////////

Begin Left Content

////////////////////*/
.content-holder {
background: #fff;
}

#left-content{
width:567px;
float:left;
}

.column1{
height:240px;
width:141px;
padding:10px 0 0 0;
text-align:center;
float:left;
background:#fff;
}

.column2{
height:240px;
width:141px;
padding:10px 0 0 0;
text-align:center;
float:left;
background:#fff url('images/red-gradient.jpg') top left repeat-x;
}

.column3{
height:240px;
width:141px;
padding:10px 0 0 0;
text-align:center;
float:left;
background:#fff;
}

.column4{
height:240px;
width:144px;
padding:10px 0 0 0;
text-align:center;
float:right;
background:#fff url('images/red-gradient.jpg') top left repeat-x;
}

.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: #fff url('images/orange-gradient.jpg') top left repeat-x;
}

#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

////////////////////*/

.green-white-first{
background: #5d8d00;
color: #fff;
padding:4px 20px 4px 19px;
}

.green-white {
background: #5d8d00;
color: #fff;
padding:4px 18px 4px 19px;
}

.white-red {
background: #fff;
color: #bc0202;
padding:4px 18px 4px 19px;
}

.white-red-last {
background: #fff;
color: #bc0202;
padding:4px 20px 4px 18px;
} 

.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; }

/* facebook link */

#fbLogo {height:20px; width:82px; float:left; padding: 7px 0px 0px 450px;}