/* CSS Document */

/*  
Theme Name: Beeldpunt & Backloopproductions
Theme URI: http://www.backloopproductions.be
Description: Beeldpunt en Backloopproductions template 2009
Version: 0.1
Author: Backloopproductions
Author URI: http://www.backloopproductions.be
*/

/* MAIN */

html, body {
	padding: 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	z-index:0;
	font-size:11px;
}

* html ul li a {
   height:1em;
}


a {
text-decoration:none;
}

.txt_derecha {text-align:right;}
.txt_izquierda {text-align:left;}
.txt_centro {text-align:center;}

.clear {clear:both;}

.pad10 {padding:10px;}

.margin_t10 {margin-top:10px;}

h2, h3 {margin:0px;}
h2 {font-size: 30px; color:#000; border-bottom: 2px solid #617b88; padding-bottom: 3px; margin:10px 0; width: 530px; }

.flota_izq {position:relative; float:left;}
.flota_der {position:relative; float:right;}

#eXTReMe, #extreme {display:none;}

/* estructura */

#pnet {
background:#ccc;
color:#888;
text-align:center;
}

#pnet a {color:#888;}
#pnet a:hover {background:#fff;}

#centrador {
position:relative;
width:1020px;
margin:0px auto 0px auto;
}

#side_holder {position:relative;float:right;width:475px;overflow:hidden;}






/*MENU */



#menu { background: #39393B; font-size:9px;

}

#menu1 a{color: #aaa; text-transform:uppercase; padding-left:6px;}
#menu ul{list-style: none; margin: 2px 4px 0 4px; padding: 0; background:#39393B; display: block; clear: both;
}
#menu ul li {position: relative; float: left; margin:0 2px;}

#menu2 a {
display:block;
position: relative;
float: left;
color:#fff;
height:12px;
padding:6px 8px 0px 8px;
/*border-top-left-radius:4px;
border-top-right-radius:4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;*/
}

#menu2 .current-cat a{color:#000;background:#fff;}
#menu #menu2 {text-transform:uppercase;}


#menu .activo, #menu .active {color:#000;background:#fff;}


#menu a:hover {background:#fff; color:#333;}

#holder {
position:relative;float:left;margin-bottom:30px;
}

#main_content {
position:relative;
float:left;
width:720px;
margin-right:15px;
overflow:hidden;
}

#logo {
margin-top:10px;
border-bottom:0px solid #487291;
padding-bottom:10px;
width: 530px;
margin-bottom: 30px;
}

#highlighted {width: 530px; background: url(bg-top.png) repeat-x bottom; height: 25px; border-bottom:1px solid #a9cce5; font-family:"Lucida Grande"; margin-bottom: 10px;}
#highlighted a{color: #2e7cb6;}
#highlighted .pad {padding:5px;}

.wp-pagenavi {margin-top: 20px;}

/* POSTS */

.posts {}

.ad_468 {text-align: center;margin-bottom: 15px;}

.post {position:relative;float:left;margin-bottom:35px;width:650px;}
.post_page {position:relative;float:left;margin-bottom:15px; border-bottom:2px solid #ccc;padding-bottom:20px;}


.post_title {position:relative;float:left;width:580px;padding-top:3px;margin-bottom:5px;}

.post_title h1 {font-size:22px;display:inline;}

.post_title a, .post_cats a {color:#39393B;}
.post_title a:hover, .post_cats a:hover {background:#39393B;color:#fff;}

.post_date {position:relative;float:right;width:50px;color:#bbb;text-align:center;}

.post_date_day {font-size:32px;font-weight:normal;height:32px;}

.post_date_my {font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;height:11px;font-size:11px;text-transform:uppercase;letter-spacing:-1px;}

.post_cats {color:#bbb;width:500px;width:470px;position:relative;float:left;margin-bottom:10px;}

.post_content {color:#555;font-size:12px;line-height:18px;font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;}

 
.post_content a img {border:0px solid #037dbc;}
.post_content a:hover img {border:0px solid #ccc;}


.post_content a {color:#555; text-decoration:underline;}
.post_content a:hover {background:#39393B;color:#fff;}

.post_content a.more-link {position:relative;float:right;clear:both;display:block;margin:10px 0; border-left:none; text-decoration: none; background-color: #39393B; color: white; font-size: 11px;}
.post_content a.more-link:hover {color: #39393B; background: none; }

.post_meta {position:relative;float:left;background:#f6f6f6;border-bottom:0px solid #ccc;height:18px;padding:3px;font-size:11px;font-weight:normal;margin-top:10px;clear:both;width:640px;}

.post_meta_single {/* position:relative;float:left; */background:#f6f6f6;border-bottom:2px solid #ccc;padding:3px;font-size:11px;font-weight:bold;margin-top:10px;clear:both;}


.post_meta a {line-height:18px;padding:0px;color:#888;}
.post_meta_single a {line-height:18px;padding:0px;color:#555;}

.post_meta a:hover, .post_meta_single a:hover {background-color:#888;color:#fff;}

.st-related-posts li a {color:#037dbc;}
.st-related-posts li a:hover {background:#617b88;color:#fff!important;}
.st-related-posts {color:#777;}


.post_pingback {position:relative;float:left;background:#fff;padding:3px;font-size:11px;font-weight:bold;margin-top:10px;clear:both;width:530px;}

.post_pingback h3 {margin: 10px 0;}


a.post_meta_twit, a.post_meta_twit:hover {
	background-image: url(share_twit.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:16px;
	padding-right:3px;
	margin-right:3px;
	display:block;
	position:relative;
	float:left;
}

a.stbutton:hover {
color:#fff !important;
background-color:#888 !important;
}

a.post_meta_comments, a.post_meta_comments:hover {
	background: url(comments.gif)
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:16px;
	padding-right:4px;
	margin-right:3px;
	display:block;
	position:relative;
	float:left;
}



.post_share { 
	font-size:11px; 
	color:#222;
	font-weight: bold;
	line-height:16px;
	}

.post_share_legend {}	
	
.post_share img {border:none;margin:0 2px; border: 1px solid #fff;} 
.post_share img:hover{ border: 1px solid #ccc;}

.post_share a:hover{ background: none;}



/* POSTGALLERY */



.gallery_filter{width: 530px; margin: 10px 10px 5px 0;}

#main_content_gallery{
	position:relative;
	float:left;
	width:537px;
	margin-right:8px;
	overflow:hidden;
	}

#main_content_gallery .post{ 
			width: 170px;
			height:241px;
			border:1px #999 solid;
			margin:7px 7px 0 0;
			float: left;
			display: inline;
			position: relative;
			overflow: hidden;
			}
#main_content_gallery .post:hover {border:1px #037dbc solid;}

#main_content_gallery .post_img { 
			width: 164px;
			margin: 3px;
			line-height:160px;
			border:none;
			text-align: center;
			height:160px;
			overflow: hidden;
			padding: 0;
			
			}

#main_content_gallery .post_img a{margin: 0; padding: 0;} 

#main_content_gallery a{ 
color: #2e7cb6; text-decoration: none;}

#main_content_gallery a:hover{ 
color:#fff; background-color: #037dbc;}
#main_content_gallery a img{border:none}
			
#main_content_gallery .post_img img { 
border:none; width: 160px;
			}
#main_content_gallery .post_title{
			margin:0 3px 3px 3px;
			width: 160px;
			height: 54px;
			overflow: hidden;
}			

#main_content_gallery .post_title h1{ 
			font-size: 14px;
			line-height:18px;
			font-weight: bold;
			border: none;
			margin: 0;
			
			}
#main_content_gallery .post_meta{font-size:10px; margin:0 3px 20px 3px; }
#main_content_gallery .post_comment {
position: absolute;
	bottom: 2px;
	right: 2px;
	line-height: 12px;
	}














/* COMMENTS-EACH */

#comments {overflow:hidden;clear:both;}

#comments a {color:#037dbc; }


.comment_each {
	margin-bottom:10px;
	background: #f7f7f7;
	margin-bottom:15px;
	}
.comment_each a {color: #037dbc!important;}
.comment_each a:hover {color: #fff!important; background-color: #617b88;}

.comment_author {line-height: 20px; font-weight: bold; color: #444; margin: 0 3px; background:url(bg-comment.png) repeat-x top; }

.comment_karma {position:relative;float:right; padding: 0;}

.comment_karma img {margin:3px 2px; display: block; float: left;}

.comment_karma span {font-size:12px; line-height: 11px; font-weight: bold; color: #666; margin:5px 4px 0 0; display: block; float: right;}

.comment_content{ margin: 0px; }

.comment_avatar{position:relative; float: left; margin:0px 10px 5px 5px; border: 1px solid #ddd; width: 80px; height: 80px; }
.comment_txt{position:relative; float: left; margin-left: 5px; clear: right; background: #0ff}
.comment_content p {margin:8px 0 5px 0; font-family: "Lucida Sans", Lucida, "Trebuchet MS", sans-serif; color:#666;  }

.comment_reply { text-align: right; margin: 0 5px 10px 0;}

.comment_reply a{color: #037dbc!important; font-size: 10px; border-bottom: 1px solid #037dbc; border-right: 1px solid #fff; padding: 1px; text-decoration: none;text-transform: uppercase;}
.comment_reply a:hover{color: #fff!important; background-color: #617b88;  border: 1px solid #617b88;}

.comment_meta{text-align: right; padding-bottom: 4px;}


.comment_each.evil .comment_content, .comment_each.evil .comment_karma  {display: none;}
.comment_each.evil .comment_author  {float: left; background: none; font-weight: normal; color: #ddd!important;}
.comment_each.evil .comment_author a {color: #617b88!important;}
.comment_each.evil .comment_author a:hover {color: #fff!important;}


.comment_each.byuser {
	background-image: url(bg-comment-byuser2.png);
	background-repeat: repeat-x;
	background-position: top;
}
.comment_each.byuser .comment_author a{ color:#fff!important;}
.comment_each.byuser .comment_author, .comment_each.byuser .comment_author a:hover{ color:#000!important; background: none;}


  .comment_each.good{
	background-image: url(bg-comment-good.png);
	background-repeat: repeat-x;
	background-position: top;
}

.comment_each .show_comment_each {font-size:12px;margin:0px;font-style: italic;}
.comment_each .show_comment_each a {color:#aaa;text-decoration: none;}






#comments h3 {font-size:16px;color:#617b88;margin:20px 0 20px 0;clear:both;}




textarea {width:520px;border:1px solid #bbb;}

/*******   FOOTER   *****************/

 #footer_container{
	width:100%;
	position: relative;
	float: left;
	margin-top: :20px;
	background-color:#39393B;
	}

#footer_container h4{ 
	color:#fff; 
	border: none; 
	margin: 0;
	font-size: 1.4em;
	}

	
.mgt{color: #ff0084;}


#footer{
color: white;
	width: 1000px;
	margin: 0 auto;
	background-color:#39393B;
	font-size: 10px;
}

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



#flickr_box{ margin: 5px 0 10px 0; position: relative; float: left; width: 830px;}

#flickr_box .footer_flickr .flickr_badge_image{ float: left;  margin: 5px 5px 0 0;}
#flickr_box .footer_flickr .flickr_badge_image a {border: 1px solid #037dbc; display: block;}
#flickr_box .footer_flickr a:hover {border: 1px solid #fff;}

#flickr_box a img {border:0;}

#flickr_box img{border: none;}

#legal{position: relative; float: left; border-left: 1px solid #fff; margin-top: 26px;}

#legal ul{list-style: none; margin: 0; padding: 0 0 0 15px;}
#legal li.title {font-weight: bold; color: #fff; font-size: 1.3em;}
#legal a {color: #fff;}
#legal a:hover {color: #000;}

/* FEATURED */


#featured {position:relative;float:left;width:475px; height: 150px; margin-top:0px;margin-bottom:10px; margin-right: -5px; background: url(bg_top.png) repeat-x bottom #eef4f5; border-bottom:1px solid #a9cce5; overflow: hidden; }
#featured h3 {padding:4px;font-size:13px;margin: 0px;}
#featured ul{list-style: none; margin: 0; padding: 0;}
#featured img {border:none; width: 110px; height: 110px;}

#featured li {
    position: relative;
	float:left;}
#featured .desc {position:absolute; z-index: 20; top: 82px; left: 0; width: 110px;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
  background: #fff;
 }
#featured .desc a {display: block; padding:0 3px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  color:#000;
}

#featured .desc:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
background:#678398;
}


#featured #nav { padding: 0 4px; text-align: right;}


/* sidebars */

#side1 h3, h2{
/*	color:#5d7d8c; */
	color:#8F7409;
	font-size:13px;
	text-transform:uppercase;
	border-bottom:dashed thin #39393B; 
	background-image: url(bg_separador.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:2px;
	margin-bottom:5px;
	}

#side1 {
position:relative;
margin-top: 60px;
float:left;
width:280px;
overflow: hidden;
}

#search{background:#d5e1eb; padding:5px;}

form#cse-search-box{}

.searchbox {width: 210px; margin-right: 5px;}

.searchsubmit{width: 65px; text-align: center;}

#stats { color: #aaa; margin-top: 4px;}
.stats_big {color:#444;font-weight: bold;}

.cajitas {
padding:5px;
margin-bottom:10px;
clear:both;
}

#side_ad {
width:300px;
height: 250px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
overflow: hidden;
margin-bottom: 5px;
}
.follow {background:#d5e1eb;}
#social a img{border: 1px solid #fff;}
#social a:hover {background: none;}
#social a:hover img{border: 1px solid #678398;}

.celeste {background-color:#f6f6f6;}
.blanca {background-color:#fff;} 

.cats select {width:150px; }

.postform
{border: none;
color: #39393B;
background:#D6D6D6;
}

input{border: none;
color: #39393B;
background:#D6D6D6;
}

.comment_latest_meta {color:#666;}

.comment_latest_meta a, .comment_latest_content a {color:#2e7cb6;}
.comment_latest_meta a:hover, .comment_latest_content a:hover {background:#678398;color:#fff;}

.cajitas a {color:#39393B;}
.cajitas a:hover {background:#39393B;color:#fff;}

.comment_latest_author {
	color:#555;
	padding-left:12px;
	font-weight:bold;
	background-image: url(comments_latest.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}

.comment_latest_content {
	color:#777;
	background-image: url(bg_separador.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:8px;
	margin-bottom:5px;
}

.boletin_input {
position:relative;
float:left;
width:210px;
padding:3px;
color:#aaa;
font-size:10px;
border:1px solid #ccc;
margin-bottom:10px;
margin-top:1px;
}

.boletin_boton {position:relative;float:right; padding: 0 6px; margin-right: 10px;}

.eventos_title a {color:#444;font-weight:bold;}

.eventos_title {margin-bottom:10px;font-size:11px;}
.eventos_img {position:relative;float:left;margin-right:7px;margin-bottom:3px;}
.eventos_img img {border:none;} 
.eventos p {margin:0px;margin-bottom:10px;}
.eventos .more-link {margin-top:15px;}
.eventos {
	background-image: url(bg_separador.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#444;
}
 
#side2 {
width:160px;
position:relative;
float:left;
margin-left:10px;
overflow: hidden;
}
.ad_btn {border: 1px solid #eee; display: block;}
.ad_btn img{border: none;}

.redes {
margin:0px;
margin-bottom:5px;
/* border-top:3px solid #668397; */
padding:0px;
}

.redes li {
color:#666;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	background: url(borde_menu_s.gif) repeat-x  left bottom !important;
	list-style-position: outside;
	list-style-type: none;
	padding:3px 0 0px 0px;
}

.redes li a {
display:block;
color:#668397;
margin:0px;
line-height:15px;
padding-bottom:3px;
}

.redes li a:hover {
color:#668397;
background-color:#fff;
}

a.menu_s_ical, a.menu_s_ical:hover {
	background-image: url(menu_s_ical.gif);
	background-repeat: no-repeat;
	background-position: 135px top;
}

a.menu_s_rss, a.menu_s_rss:hover {
	background-image: url(menu_s_rss.gif);
	background-repeat: no-repeat;
	background-position: 135px top;
}

a.menu_s_fb, a.menu_s_fb:hover {
	background-image: url(menu_s_fb.gif);
	background-repeat: no-repeat;
	background-position: 134px top;
}

a.menu_s_flickr, a.menu_s_flickr:hover {
	background-image: url(menu_s_flickr.gif);
	background-repeat: no-repeat;
	background-position: 116px 2px;
}

a.menu_s_youtube, a.menu_s_youtube:hover {
	background-image: url(menu_s_youtube.gif);
	background-repeat: no-repeat;
	background-position: 118px top;
}

a.menu_s_vimeo, a.menu_s_vimeo:hover {
	background-image: url(menu_s_vimeo.gif);
	background-repeat: no-repeat;
	background-position: 135px top;
}

a.menu_s_twitter, a.menu_s_twitter:hover {
	background-image: url(menu_s_twitter.gif);
	background-repeat: no-repeat;
	background-position: 135px top;
}

.banner_friends img {margin-bottom:10px;margin-top:5px;border:none;}
.banner_friends:hover {background:#fff;color:#fff;}

#random img {border:none;}
.st-tag-cloud a:hover {color:#fff !important;}

/* IMAGENES */

.imageframe { 
/*
margin: 10px; padding: 5px; border: 1px solid #aaa; 
*/
}

.alignleft, .imgalignleft { 
float: left; 
margin-right:10px !important;
margin-bottom:5px !important;
}

.alignright, .imgalignright { 
float: right; 
margin-left:10px !important;
margin-bottom:5px !important;
}

/* .imgaligncenter { margin-left: auto; margin-right: auto; } */

#img_header {width:960px; border-bottom: 1px solid #eee; margin-bottom:5px; padding-bottom:3px;  }

#logo_small {
margin-top:5px;
margin-bottom:5px;
float:left;
position:relative;
width: 150px;
height: 75px;
}

#navigation { 
	width: 220px; 
	margin-top: 10px;
	position: relative;
	float: right;
	}
#navigation .previous a img, #navigation .next a img {
    position: relative;
    border: solid #ddd 1px;
    width: 80px; height: 80px;        
}

#navigation .previous a img {
float: left;
padding-left: 20px;
background: url(arrow_left.png) 5px center no-repeat #fff;
border: outset #617b88 1px;

}
#navigation .next a img {
float: right;
padding-right: 20px;
background: url(arrow_right.png) 85px center no-repeat #fff;
border: outset #617b88 1px;

}

#navigation a:hover img {
background-color: #617b88;
border: outset #617b88 1px;
}

#navigation a:active img {
background-color: #037dbc;
border: inset #037dbc 1px;
}
#img_header h4{width:600px; font-size:22px; margin:0; 	margin-top: 40px;
 }
#img_header h4 a{color:#617b88; }
#img_header h4 a:hover{background-color:#617b88; color:#fff; }


#img_header #caption{ position: relative; float: left; font-size: 11px; color:#444;  margin-top: 15px; }
#img_header #caption p{ margin: 0; }

#download_image { position: relative; float: right; font-size: 11px; color:#999; margin-top: 13px; }
#download_image a{ color:#617b88; text-decoration: none; }
#download_image a:hover{ background-color:#617b88; color:#fff;}


#ad_img{position:relative; float:left; overflow: hidden; width:728px; height:90px; text-align:center; border:1px solid #eee; margin-top:10px; margin-left:80px; line-height:90px; color:#999; font-size:10px; letter-spacing:1px; background-color:#fcfcfc;}

.image a img {border:1px solid #ccc;}
.image a:hover img {border:1px solid #617b88;}

.img_share img {border:none;margin-top: 10px;}





/* comentarios */

#comments {overflow:hidden;clear:both;}

#comments h3 {font-size:16px;color:#617b88;margin:20px 0 20px 0;clear:both;}

.comment_each {background:#f7f7f7;position:relative;float:left;clear:both;margin-bottom:10px;padding:5px;}

.comment_each_meta {
clear:both;
margin-bottom:10px;
overflow:hidden;
height:20px;
font-size:12px;
	background-image: url(bg_comments.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.comment_each_author {margin-left:5px;position:relative;float:left;}

.comment_each_date {position:relative;float:right;margin-top:4px;}

.comment_each_gravatar {position:relative;float:left;width:80px;height:80px;}

.comment_each_content {position:relative;float:left;width:420px;}

.comment_each_content {color:#555;font-size:11px;line-height:18px;font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;}

#comments a {color:#037dbc;}
#comments a:hover {background:#617b88;color:#fff;}

.comment_each_content p {margin:0px 5px 5px 5px;}
.comment_each_author cite {font-style:normal;font-weight:bold;}