/*
Theme Name: Tero 2
Theme URI: http://www.joseptero.com/web
Description: Segona versió Tero
Author: Estudi Prats
Author URI: http://www.estudiprats.com
*/

/* ============= all elements ============= */
*{
margin:0;
padding:0;
}


body{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
line-height:19px;
background:#040D0C url(images/bg3.gif) right top repeat-y;
}

/* ============= main layout ============= */
#container{
padding-right:505px;
}

#center{
width: 100%;
float:left;
position:relative;
}

#left{
width: 253px;
right: 253px;
margin-right: -505px;
float:right;
position:relative;
}

#right{
width: 252px;
margin-right:-504px;
position:relative;
float:right;
}

* html #right{
margin-right:-252px;
}

/* ============= header ============= */
#header{
background:#092f68;
height:368px;
position:relative;
margin-bottom:30px;
background:url(images/jt_header3.jpg) right top repeat-y;
}

#header h1{
color:#040D0C;
font-size:30px;
position:absolute;
left:25px;
top:70px;
}

#header h1 a{
color:#040D0C;
text-decoration:none;
}

#header h1 a:hover{
text-decoration:none;
}


/* ============= post ============= */
.post{
padding:20px;
}

.post h2{
font-size:24px;
color:#0B2D6A;
margin-bottom:7px;
}

.post h2 a{
color:#0B2D6A;
text-decoration:none;
}

.post h2 a:hover{
color:#529BAE;
text-decoration:none;
}

.post p{
margin-bottom:15px;
text-align:justify;
padding-left:10px;
}

.metatags{
color:#c0c0c0;
font-weight:bold;
padding-left:0 !important;
}

.spany{
padding-left:10px !important;
padding-right:10px !important;
}

.metatags a{
color:#ff3402;
text-decoration:none;
}

.metatags a:hover{
color:#092f68;
text-decoration:underline;
}

.post a{
color:#425A5E;
text-decoration:none;
}

.post a:hover{
color:#092f68;
text-decoration:underline;
}

.post ul, ol{
margin-left:20px;
}


/* ============= left sidebar ============= */
#left h3{
font-size:14px;
color:#529BAE;
margin-top: 5px;
margin-left:15px;
margin-bottom:7px;
}

#left ul{
border-top:1px solid #121212;
margin-left:1px;
}

#left ul li{
list-style-type:none;
font-size:12px;
}

#left ul li a{
color:#c6c6c6;
font-weight:normal;
text-decoration:none;
display:block;
padding:5px 5px 5px 15px;
width:232px;
border-bottom:1px solid #121212;
}

#left ul li a:hover{
color:#fff;
background:#222;
}

#rss{
position:absolute;
top:5px;
right:5px;
color:#fff;
font-size:10px;
}

#rss img{
margin-right:5px;
}

#rss a{
color:#fff;
text-decoration:none;
}

#rss a:hover{
color:#fff;
text-decoration:underline;
}

#rss span{
margin-top:-3px;
}


/* ============= right sidebar ============= */
.pages{
margin-bottom:60px;
margin-top:31px;
}

#right ul{
border-top:1px solid #2f2f2f;
margin-left:1px;
margin-bottom:30px;
}

#right ul li{
list-style-type:none;
font-size:12px;
}

#right ul li a{
color:#c5c5c5;
font-weight:normal;
text-decoration:none;
display:block;
padding:5px 5px 5px 15px;
width:231px;
border-bottom:1px solid #2f2f2f;
}

#right ul li a:hover{
color:#fff;
background:#424242;
}

#right h3{
font-size:14px;
color:#101010;
margin-left:15px;
margin-bottom:10px;
}



/* ============= footer ============= */
#footer{
position:relative;
margin-left:10px;
}

.searchbox{
border:none;
padding:5px;
background:#111;
color:#7c7c7c;
float:left;
width:160px;
margin-right:10px;
}

* html .searchbox{
width:155px;
}

.searchbut{
border:none;
padding:5px;
background:#111;
color:#7c7c7c;
float:left;
margin-right:10px;
font-size:10px;
margin-bottom:15px;
}

#footer p{
color:#121212;
font-size:10px;
font-weight:bold;
}

#footer a{
color:#888;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

/* ============= PREVNEXT ============= */
.prevnextnav{
padding:20px;
text-align:center;
}

.prevnextnav a{
color:#ff3402;
text-decoration:none;
}

.prevnextnav a:hover{
color:#1a1a1a;
text-decoration:underline;
}


/* ============= COMMENTS ============= */
.comtext{
padding:20px;
background:#393939;
margin-bottom:15px;
border:1px solid #040D0C;
}

.comtext h4{
margin-bottom:10px;
font-size:12px;
}

.postouter3{
background:#393939;
border:1px solid #040D0C;
padding:20px;
}

#respond{
font-size:12px;
margin-bottom:10px;
}

#author, #email, #url{
width:200px;
}

.texti{
width:100%;
}