/*
Theme Name: Hi Render3
Theme URI: http://www.hirender.com.com
Description: Tema Desarrollado para Hi render animation studios. 
Version: 1.0 (WP2.6.2)
Author: Ronald Bonilla
Author URI: ronaldbonilla@hirender.com.com
Tags: hirender, blanco, clean, tres columnas, rojo, grunge
*/

/*@import "style/css/reset.css";*/
@import "style/css/typography.css";
/*layout*/
body {
	font-family: "Lucida Sans", "Lucida Grande", sans-serif; 
   /*   Helvetica, Arial, sans-serif;*/
	font-size: 0.85em;
	color: #fffdea;
	text-decoration: none;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center -100px;
        background-attachment: fixed;
	margin-top:0;
}


.alignright {
	float: right;
        font-size: 150%;
	}

.alignleft,.alignleft a {
	float: left;
        font-size: 150%;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

a:link, a:visited {
	text-decoration:none;
}
h1, h2, h3 {
font-weight: normal;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}
ul{
margin:0;
padding:0;
list-style:none;
}

li {
list-style:none;
}
a {
outline: none;

}

img {
border: none;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	float: left;
	height: 91px;
	width: 960px;
}
#body {
	float: left;
	width: 955px;
	z-index:3;
	background-image: url(images/bg_dark.png);
	background-repeat: repeat-y;
	background-position: right;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
}
#content {
	background-image: url(images/mb_bg.png);
	background-repeat: repeat-y;
	float: left;
	width: 756px;
	background-position: right;
	min-height:590px;
}
#left {
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:10px;
	min-height:285px;
}
#main {
	padding-left: 13px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 40px;
	float: left;
	width: 530px;
}
#right {
	float: left;
	width: 183px;
	padding:8px;
}
/*#dark {
	background-image: url(images/bg_dark.png);
	background-repeat: repeat;
	min-height:300px;
	width:400px;
	z-index:-1;
	position:absolute;
	left: 556px;
}*/
#footer {
	
	background-repeat: no-repeat;
	background-image: url(images/footer.png);
	height: 136px;
	width: 960px;
	
        float:left;
        margin-right: auto;
	margin-left: auto;
}
form #comment {
	width:100%;
}
#header #pages {
	float:right;
	margin:0px 15px;
}
#header #pages li {
	float:left;
	padding:0 3px ;
}
 
#header a:link, #header a:visited {
	color:#fff;
}

#header a:hover, #header ul li.active, 
body#site ul#pages li.home a,
body#clientes ul#pages li.clientes a,
body#hi-render ul#pages li.hi-render a,
body#servicios ul#pages li.servicios a,
body#contacto ul#pages li.contacto a {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	color:#CF0;
	background-image: url(images/bg_dark.png);
	background-repeat: repeat;
}
#header a.active {
	color:#CF0;
	}

#header a {
	display:block;
	padding: 8px 12px 5px 12px;
}

#main li {
         position:relative;
	float:left;
	width:165px;
	height: 150px;
	overflow:hidden;
	margin-right:11px;
	margin-bottom:7px;
	
	}
#main a {
}
#main a:link, #main a:visited{
	font-size: 0.7em;
	color: #f6ffc7;
	}	
#main a:hover{
	color: #2f3519;
	}
	
#main h3 {
	/*position:absolute;*/
	display:block;
	
	text-align:center;
	/*width:143px;*/
	margin:0 8px;
	z-index:10;
	/*top:80px;
	left:0;
	background-image: url(images/wt_bg.png);
	background-repeat: repeat;*/
	padding:3px 3px 10px 3px;
	}
	
#left  .categories {
        display:block;
	height:55px;
        
	}
#left a{
	color: #690;
	display:block;
	font-size:120%;
	text-indent:15px;
	line-height:220%;
	margin-bottom:8px;
}	
#left ul li.categories a:link, #left a:visited{
	color: #690;
}
#left  a:active, #left a:hover{
        color:#666;
}
#left .current-cat a{
       color:#666;
       background-image:url(images/pointer.jpg);
       background-repeat: no-repeat;
       background-position: right center;
       height:37px;
       display:block;
       font-size:120%;
       text-indent:15px;
       
       
}
#left li img {
float:left;
}

#left h4 {
	color:#690;
	font-size:130%;
	font-weight:normal;
	padding-left:15px;
	margin-top:-8px;
	margin-bottom:20px;
	}
#main  ul p {
color: white;
font-size: 18px;
font-weight: bold;
}
#main p {
font-size: 14px;
text-align:justify; 
}

#main h2{
font-size:200%;
padding-bottom:5px;
color:#660000;
text-align:left;
font-weight:bold;
}
.post{
display:block;
padding:15px;
font-size:95%;
}

.video {
width: auto;
text-align: center;
margin: 8px 0 -10px 0;
padding: 0;
}
#main .post h4{
font-size:200%;
color:#bfbfbf;
margin:15px 0;
}


#right h2 {
	color:#CF0;
	text-align: left;
	font-weight:bold;
}
#right a:link, #right a:visited{
color:#fff;
}
#right li{
list-style-type: none;
padding-bottom: 5px;
padding-top: 5px;
color: #ffffcc;
}

#right a:hover, #right a:active{
color:#663300;
}
#right .current_page_item a{
color:#663300;
}
#icono {
width:204px;
height:207px;
z-index:10;
position:absolute;
/*background-image:url(images/icono.png);*/
left:-1px;
top:-60px;
}

.facebox{
color:white;
}

div .entry p {
font-size: 12px;
font-weight: normal;
}

#main .intro p {
	font-size: 12px;
font-weight: normal;
	
	}
	
#footer {
	
	font-family:Helvetica, Arial;
	color:#030;
	font-size:12px;
	}

#footer a{
		
	color:#FFF;	
		}
		
#footer a:hover {
			color:#CF0;
		}