/*	
	Author Name : John T P
	Author Site : http://www.johntp.com
	Style Name : TechnoBlue
	Style URI : http://www.johntp.com/2006/06/02/technoblue-released/
	Version : R2 
	Comments : Based on a 3 column K2 theme by 59ideas 
*/

/* Changes from basic k2 style.css modified for 3 columns */

body {
background: #f3c37f !important; //GSF #adc2d5
margin: 10px 0 8px;
padding: 0 0 12px;
}

#page {
	width: 970px !important;
	_width: 970px !important;
	border: none !important;
      background-color: #FFFFFF !important;
      padding: 0;
	}
body.flex #page {
	min-width: 970px !important;
	}
#primary {
	width: 450px !important;
	/* _width: 450px !important; */ /* IE Hack */
	padding: 20px 0 10px !important;
	margin: 0 25px 0 25px !important;
	_margin: 0 25px 0 25px !important;
	}

.secondary {
	padding: 0px 0 10px!important;
	margin: 0 0 20px 500px !important;
	width: 470px !important;
	_padding: 0px 0 10px !important;
	_margin-left: 0%;
	_margin-right: -4%;
	_width: 470px !important;
	}

#LSResult {
	width: 52.7% !important;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

/* Fix rolling page archive width */

#rollprevious, #rollnext, #rollpages, #rollload {
        width: 80px;
        padding: 7px 2px;
        }

#rollpages {
        left: 45px;
        }

#pagetrack {
        width: 200px;
        }

/* Customization for 3 column sidebar */

.lsidebar {
	margin: 0;
	width: 250px !important;
	_width: 250px;
	float: left !important;
	padding: 0 9px 0 9px !important;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
.rsidebar {
	margin: 0;
	width: 160px !important;
	_width: 160px;
	float: right !important;
	padding: 0 25px 0 15px !important;
	}


.sb-about{
	text-align: left;
	}

.feedlink img { /* On the sidebar */
	right: 210px;
	border: 0 !important;
	padding: 0 !important;
	}
.feedlink img:hover { /* On the sidebar */
	background: none !important;
	}

.secondary div.sb-comments li > a[title="Go to the comments of this entry"]{
	position:absolute;
	right: 212px;
	color:#999;
	}	

/* feeds on 3rd column to fill it with something */
.sb-feed a {
	margin: 0px 10px 0px 0px;
	display: block;
	background: url('feed-icon-12x12.gif') no-repeat 0px 1px;
	padding-left: 18px;
	height: 14px;
	text-decoration: none;
	}
.sb-feed p {
	text-align: justify;
	}

.secondary div div {
	margin: 20px 0 0;
	}

.secondary div div div {
        margin: 5px 0 0;
        padding-left: 0;
        }

/* header */

#header {
	  height: 120px !important; 
        background-color: #4286bd;       
        background-image: url(header.jpg);
        background-repeat: repeat-x;        
        }

h1 {
	padding-top: 30px;
        }

#header-title {
        width: 50%;
        float: right;
        }

#primary .itemtext img {
        border: 0;
        }

/* Plugins */
/* flickrss plugin in sidebar */

.sb-flickr img{
	background-color:#E6F4FC;
	margin:2px;
	padding:2px;
	}

.sb-flickr img:hover{
	background: #FFC0CB;
 	}

/* Blocks */
#block-sitebar {
        width: 98%;
        padding: 0 20px 2px 0;
        text-align: right;
}
#block-sitebar a {
        color: #b00000;
}

#block-header {
        width: 470px;
        float: right;
        margin-top: 16px;
        border: 3px solid #b00000;
        background-color: #b00000;
}

#block-header-links {
        padding: 8px 5px 0 5px;
}

#block-header-links {
        padding: 8px 5px 0 5px;
}

.block-sidebar250 {
        margin: 8px 0;
}

.sb-google-refer {
        margin: 0 0 10px 0;
}

.block-sidebar160 {
        margin: 8px 0;
}

#block-footer-search {
        margin: auto;        
        width: 970px;
	  _width: 970px;
        background: #ffffff !important;
}

#block-footer {
        margin: auto;
}

.comments #commentlist li.authorcomment { /* Makes author comments look different */
background: #ECF4FD !important;
_background: #ECF4FD !important;
border-top: 2px solid #3388CC !important;
border-bottom: 2px solid #3388CC !important;
}

ul.menu li a:hover{
background: #f18e00 !important; /* hover background menu item color GSF fondo de menú header #336699 */
color: #ffffff !important; /* text color when hovered */
}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
color: #f18e00 !important; /* active tab hover text color GSF #003366 Letras de inicio etc... en los menús */
background: #ffffff !important; /* active tab background color */
}

#footer {
    background: #ffffff url('footer.jpg') bottom center no-repeat !important; 
	height: 50px; 
	margin: 0px auto 0 !important;
	_margin-top: -15px;
	position: relative !important;
	padding-top: 0px;
	_padding-top: 0px;
	width: 970px;
	_width: 970px;
}

#footer a {
	color: #000;
	border-bottom: 0px dotted #ccc;
	font-weight: 100;
	}
#footer a:hover {
	border: none;
	text-decoration: none;
	color: #3388CC;
	}

ul{
  list-style-image: url('arrow.png');
  list-style-position: inside;
}

.emm-paginate {}
.emm-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.emm-paginate a:hover, .emm-paginate a:active {background:#ccc; color:#888;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate .emm-current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}