/*
Theme Name: Hipolito Theme
Theme URI: http://hipolitoperu.com
Description: 
Version: 1.0
Author: Qolqa
Author URI: 
Tags: Gas y Petroleo

	Based on Kubrick v1.5
	
*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */

/* - BASIC STUFF - */
body {
	color:#000;
	margin:0 auto;
	padding:0 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-image: url(images/fondo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}
h2.entry-title {
	font-size:14pt;
	color: #00718e;
	font-weight: normal;
	text-transform: uppercase;
}
h2#comments{margin:20px auto 10px;font-size:140%;}

/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
	width:1000px;
	background-image: url(images/fcontent.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#header {
	height:210px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#header h1, #header h2 {
	display: none;
}
#footer {
	overflow:hidden;
	clear:both;
	float:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color: #4e99ae;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

#footer a {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {
	float:left;
	clear:none;
	width:274px;
	background-color: #e6e6e6;
	padding: 25px;
}

/* -- SIDEBARS --*/
.sidebar-wrap {
	margin:0 auto;
	overflow:hidden;
	float:right;
	clear:none;
	width:676px;
}
.sidebar {
	clear:none;
}
.block-1 {
	float:left;
	width: 311px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.block-2 {
	float:right;
	background-color: #e7eced;
	width: 325px;
}
.block-2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #3b91b6;
	background-image: url(images/f-form.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	display: block;
	padding-top: 17px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 0px;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}
.block-1 h3 {
	display: none;
}

