/*    
Theme Name: low poly blog
Theme URI: http://www.arbolsg.com.ar/ 
Description: thme based in low poly elements and high contrast between black and yellow. 
Author: Pablo Lizardo
Author URI: http://www.pablolizardo.com.ar
Version: 1.0 
. 
General comments/License Statement if any. 
. 
*/  

@charset "UTF-8";

/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background-image:url('img/bg_pattern2.png');
	background-repeat:repeat;
	background-color:#000000;
	color:#919191;
	font-family: Droid Sans, "Droid Sans", DejaVu Sans, "DejaVu Sans", Lucida Sans, Lucida Grande, Verdana,Helvetica, Arial , sans-serif;
	font-size: 8.5pt;
	line-height:12pt;
}


/* --------- The HEAD --------- */
#bg_gradient {
	background-image:url(img/bg_gradient.png);
	background-repeat:repeat-x;
	width:100%;
	height:148px;
	display:block;
	z-index:-11;
	position:absolute;
	top:0px;
}

#logo {
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	margin-top:15px;
	height:110px;
	width:516px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#cgartist {
	width:334px;
	height:33px;
	background-image:url(img/cgartist.png);
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

#over_image{
	text-align: center;
	position: absolute;
	top:30px;
	left: 35px;
	width:261px;
	height: 257px;
	z-index: 10;
	/*border: 1px solid aqua;*/
	/*margin-right: 800px;*/
}
#over_image2{
	background-image:url(img/monsterinc.png);
	position: absolute;
	top:10px;
	right: 0px;
	width:301px;
	height: 435px;
	z-index: -10;
	/*border: 1px solid aqua;*/
	/*margin-right: 800px;*/
}

#menu_bar {
	width:522px;
	height:67px;
overflow:hidden;
	/*background-image:url(img/menu_bar.png);
	background-repeat:no-repeat;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#menu_bar img { border:0px; 
/*height: 50px;*/}

#menu_bar a, #menu_bar a:visited {
	color:#535353;
	border:0px;
	width:52px;
	display:inline;
	margin-right:20px;
	margin-left:30px;
float:left;
}

#menu_bar a:hover {
	text-decoration:none;
	color:#fbb03b;
	font-size: 8pt;
}

.parrafo_center {
	font-size: 7pt;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

/* --------- END of The HEAD --------- */

/* --------- The FOOT --------- */
#pie {
	text-align:center;
	background-image:url(img/bg_gradient_50.png);
	background-repeat:repeat-x;
	width:100%;
	height:35px;/* real 50px*/
	display:block;
	/*z-index:-11;
	position:absolute;
	bottom:0px;*/
	padding-top:15px;
	margin-top:35px;
}

/* --------- END of The FOOT --------- */



.hr1 {
	background-image:url(img/hr1.png);
	background-repeat:no-repeat;
	height:10px;
	width:118px;
	display:block;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}

.hr2 {
	background-image:url(img/hr2.png);
	background-repeat:no-repeat;
	height:24px;
	width:526px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}


/* --------- The CONTAINER --------- */

#container {
	width:1000px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	padding:7px;/* border:#1c1c1c 1px dotted; border ... probably nice! ... */
}

#col_left {
	display:block;
	width:483px;
	float:left;
	position:relative;
	/* border:#1c1c1c 1px dotted; border ... probably nice! ... */
	padding:5px;
	text-align:left;
}

#col_right {
	display:block;
	width:483px;
	float:right;
	position:relative;
	/* border:#1c1c1c 1px dotted; border ... probably nice! ... */
	padding:5px;
}
/* --------- End of The CONTAINER --------- */

/* --------- HEADS --------- */
#head_whatimdoing {
	background-image:url(img/whatimdoing.png);
	width:185px;
	height:42px;
	display:block;
}

#head_nextworkshops {
	background-image:url(img/nextworkshops.png);
	width:138px;
	height:41px;
	display:block;/*margin-top:15px;*/ /*better if a put the HR div to seperate the modules...*/
}

#head_web_social {
	background-image:url(img/web_social.png);
	width:97px;
	height:31px;
	display:block;
}

#head_blog {
	background-image:url(img/blog.png);
	width:50px;
	height:42px;
	display:block;
}

#head_whatamithinking {
	background-image:url(img/whatamithinking.png);
	width:193px; /*real 193x43*/
	height:43px; /*real 193x43*/
	display:block;
}

#head_flickr{
	background-image:url(img/head_flickr.png);
	width:100px; /*real 193x43*/
	height:34px; /*real 193x43*/
	display:block;
	}

#head_search{
	background-image:url(img/head_search.png);
	width:89px; /*real 193x43*/
	height:41px; /*real 193x43*/
	display:block;
	}

/* --------- End of HEADS --------- */

#what_box {
	display:block;
	background-image:url(img/what_box.png);
	width:392px; /*real 417x58*/
	height:30px; /*real 417x58*/
	padding-top:18px;
	padding-left:25px;
	font-size:7pt;
	line-height: 12pt;
	color:#777;
	margin-top:-10px;
}

#showcase {
	border:#000 1px dotted;
	width:477px;
	height:320px;
	margin-bottom:5px;
	background-image:url(img/2.jpg);
	background-position:center;
}

#over_pingu{
width: 122px;
float: right;
height: 210px;
display: block;
position: relative;}

/* --------- Next Workshops --------- */
#workshops_box{
/*float: right;*/
}

#workshops {
	/*float: right;*/
	margin-bottom:25px;
	display:block;
}

.workshop_logo {
	background-image:url(img/blender_vineta.png);
	margin-left:15px;
	margin-right:5px;
	width:27px;
	height:26px;
	display:block;
	float:left;
}

.workshop_fecha {
	display:block;
	padding-left:8px;
	padding-right:8px;
	height:27px;
	float:left;
	width:50px;
	border-left:#fbb03b 1px dotted; /*border ... probably nice! ... */
}

.workshop_lugar {
	display:block;
	padding-left:8px;
	padding-right:8px;
	height:27px;
	float:left;
	width:70px;
	border-left:#fbb03b 1px dotted; /*border ... probably nice! ... */
}

.workshop_tema {
	/*font-weight: bold;*/
	color: #fbb03b;
	display:block;
	padding-left:8px;
	height:27px;
	float:left;
	width:130px;
	border-left:#fbb03b 1px dotted; /*border ... probably nice! ... */
}
/* --------- End of Next Workshops --------- */

#flickr_box a img{
	border: 0px;
	margin: 2px;
	}
#flickr_box a:hover img {
	border: 1px #fbb03b dashed;
	margin: 1px;
	}

strong {
	color: #f8cc3f;
	font-weight:normal;
}

a {
	border:0px;
	color:#fbb03b;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	}

.clearboth { clear:both; }
.clear { clear:both;}

/* --------- The POST --------- */
.post {
	/*border:#1c1c1c 1px dotted; */
	margin-bottom:5px;
	font-size:8.5pt;
	line-height:12pt;
	padding:5px;
}

.post h2, .post h2 a{
	color:#fff079; /* old afafaf*/
	display: block;
	/*float:left;*/
	top:-5px;
	/*background-image: url('img/bg_pattern3.png');
	background-repeat: repeat;*/
	font-size:11.5pt;
	font-weight:normal;
	text-decoration:none;
	text-transform:lowercase;
	margin-bottom:5px;
}

.post img {
	border:1px dashed #000;
	/*float:left;*/
	margin-top:3px;
	margin-right:5px;
	margin-bottom:3px;
}

.post .comments{
	background-image:url(img/icon_comments.png);
	color:#000000;
	font-size:9pt;
	font-weight:bold;
	display:block;
	float:right;
	/*position:absolute;*/
	right:0px;
	bottom:0px;
	width:39px;
	padding-right:3px;
	padding-top:8px;
	height:29px;
	text-align:center;
}

.post .the_time {
	display:block;
	font-size: 7pt;
	float:right;
	color:#222222;
}
.post p a{
	color: #AFAFAF;
}
/* --------- End of The POST --------- */

/* ---------- begin navigation --------- */
.navigation {
	clear: both;
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 30px;
	/*font-size:0.8em;*/
	}
.navigation	.alignleft{
	/*width:75%;*/
	float:left;
	text-align:left;
	}
.navigation	.alignright{
	/*width:75%;*/
	text-align:right;
	}
.navigation a {
	color:gray;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 8px 0 8px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 5px 5px 5px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	
	}
/* End Comments */
.commentform input {
	/*width: 170px;*/
	padding: 3px;
	margin: 5px;
	}

.commentform {
	margin: 5px 10px 0 0;
	margin-top:15px;
	}
.commentform textarea {
	width: 100%;
	padding: 5px;
	}

.commentform #submit {
	/*margin: 0 0 5px auto;*/
	/*float: right;*/
	}
/* End Form Elements */

input, textarea{
	color: #d7d7d7;
	font-size: 9pt;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #000;
	background-color:#151515;
	padding:4px;
}
input:hover, textarea:hover {
	border:1px solid #101010;
}
input:active , textarea:active{
	background-color:#232323;
}
.bg_search, .bg_search:hover{
	width: 446px;
	height: 48px;
	background:inherit;
	background-image:url(img/bg_search.png);
	border:0;
	padding: 2px 0px 2px 25px;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.entry ul li:before, #sidebar ul ul li:before {
	/*content: "\00BB \0020";*/
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li , .sidebar ol li{
	margin: 0;
	padding: 0;
	}