/*
Theme Name: TribuDDB Theme
Theme URI: http://tribud.cr/
Description: Theme home made for TribuDDB Blog
Version: 1.0
Author: Reyner Sibaja
Author URI: http://boszdigital.com/
Tags: black, tribuddb, three columns, 

*/

/*BoszTemplate v0.1*/

/*General Definitions*/
* {margin: 0;padding: 0;}
.clear {clear: both;}
img{border:none;}

/* General Styles Definitions */
body {
background: #FFF url(images/layout/bgpage.jpg)  repeat-x;}

a{color:#ecc200;text-decoration: none;}
a:hover{ color:#ecc200;text-decoration: underline; outline: none;}


p{
font-family: Arial, Helvetica, sans-serif;
color: #888;
font-size: 12px;
margin: 10px 0; font-weight: normal;}

h2{width:250px;height:35px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;clear: both;
margin:0px;font-size: 14px;font-weight: normal;
background: url("images/layout/bgsidebarboxtop.png") no-repeat;}
h2 a{color:#FFF; width:230px;height:25px; display:block;outline: none; padding:10px 0 0 20px;}
h2 a:hover{text-decoration: none; color:#666; }
h3{font-family: Arial, Helvetica, sans-serif;color: #747678;font-size: 24px;clear: both;margin: 0;font-weight:normal;}
h3 a{color: #747678; text-decoration:none;}h3 a:hover{ text-decoration:none;}
h4{font-family: Arial, Helvetica, sans-serif;color:#ecc200;font-size: 18px; margin-bottom:5px; }
.afuegolentobutton {width: 90px;height: 65px;display: block;margin:0 auto;border:none;}

/* Layout */

#layout{width: 100%;height: auto;display: block;background:url(images/layout/bgblog.jpg) left top no-repeat; }
#header{width: 960px;height: 120px;display: block;position:relative; margin:0 auto;}

#logo {width:268px;height:79px;display:block;position:absolute;border:0px; top:20px; left:0px;background: url("images/layout/tribublog.png") no-repeat;}
#logo a {width: 100%; height: 100%; display:block;}
p#quote{width:300px;position:absolute;right:50px;top:10px;}
span.titlequote{color:#666;	font-size:16px;clear: both;}	
span.textquote{color:#888;	font-size:14px;}

#content{width: 960px;height: auto;margin: 0 auto;display: block;background: url(images/layout/bgcontent.png)  repeat-x;}
#navBar{width: 170px;height: auto;display: block;float:left; padding-bottom:30px;}

ul#mainMenu{width:102px;height:auto;margin:0 auto;list-style:none;}
ul#mainMenu li{width:102px;display:block;margin-bottom:20px;}
ul#mainMenu li a{width:102px;height:auto;display:block;color:#747678; 
padding-top:15px; padding-bottom:6px; text-decoration:none;font-family: Helvetica, Arial, sans-serif;border-bottom: 1px dashed #3f3f3f;outline: none;}

ul#mainMenu li a:hover{text-decoration:none; color:#ecc200;}
ul#mainMenu li img{border:none;}

#centerColumn{width: 395px;height: auto;display: block;float:left;padding-top:20px;}

.post{width: 395px;height: auto;border-bottom:1px dashed #CCCCCC;margin-bottom:10px;}
.post img{clear: both;margin-bottom:10px;;}
.postime{color:#ecc200; text-align:right;}
.infoPost{color:#ecc200;}

#sidebar{width: 250px;height: auto;display: block;float:right;margin-right:40px;padding-top:20px;;}
#sidebar ul{font-family: Arial, Helvetica, sans-serif;list-style: none;color:#666;  font-size:12px;}
#sidebar ul li{list-style: none;margin-bottom:10px; font-size:12px;}
#sidebar ul li ul li{width: 212px;list-style: none;margin-bottom:5px; border-bottom:1px dashed #CCCCCC; padding:3px 0;}
#sidebar ul li ul li a{color:#888; }
#sidebar ul li ul li a:hover{color:#ecc200; text-decoration: none;}

.blogButton{margin-right:20px;}

#archivesBox a{color:#888; }
#archivesBox a:hover{color:#ecc200; text-decoration: none;}

#footer{width: 100%;height: 136px;display: block;float:left;clear:both;background:#000;}
#footer a{color:#747678;}#footer a:hover{color:#ecc200;}
#footerContent{width: 920px; height:116px; margin: 0 auto; display:block;  padding:10px 20px;}
.creditText{float:left; font-family: Helvetica, Arial, sans-serif; color:#747678; }.footerNav{color:#747678;  font-family: Helvetica, Arial, sans-serif;  float:left; margin-left:60px;}

ul#socialBox{list-style:none;float:right;width:260px;height:37px; }	

ul#socialBox li{width:auto;height:37px; display:block; float:left; text-indent:-9999px; margin:0 2px;}	
ul#socialBox li a{outline: none;}

.rssSocial a{width:38px;height:37px; display:block; background:url(images/layout/rss.png) no-repeat top; }
.rssSocial a:hover{background-position:bottom; }
.twitterSocial a{width:38px;height:37px; display:block; background:url(images/layout/ico-2.png) no-repeat top; }
.twitterSocial a:hover{background-position:bottom; }
.facebookSocial a{width:38px;height:37px; display:block; background:url(images/layout/ico-3.png) no-repeat top; }
.facebookSocial a:hover{background-position:bottom; }
.flickrSocial a{width:38px;height:37px; display:block; background:url(images/layout/ico-4.png) no-repeat top; }
.flickrSocial a:hover{background-position:bottom; }


/* Sidebar Styles */


#searchform{width:220px;height:30px ;background:url(images/layout/searchboxbg.png) no-repeat;position:relative;padding:10px 0 0 40px;}

#searchInput{width:150px;height:20px;border:none;background-color:transparent;float:left;
font-family: Arial, Helvetica, sans-serif;color: #333;font-size: 16px;}

#searchsubmit{width: 44px;height:20px;background: none;display:block;border:none;cursor:pointer;
color:#FFF;position:absolute;top:10px;;right:13px;}

#aboutBox, #articlesBox, #archivesBox{width: 210px;height: auto;display:block;padding:10px 20px 20px 20px; background-image:url(images/layout/bgsidebarboxes.png);
background-position:bottom;
background-repeat:no-repeat; }



.navigation{width: 395px;height: 25px;clear: both;}
.alignleft{float:left;}
.alignright{float:right;}
#respond{}

ul.commentlist{list-style:none;margin:20px 0;font-family: Arial, Helvetica, sans-serif;}
ul.commentlist li{margin-bottom:10px;border-bottom:1px dashed #ccc;;}
.comment-meta{ font-size: 11px;}
.fn, .says{color:#ecc200;}