/*
Theme Name: la refotica (Gridline Magazine)
Theme URI: http://www.graphpaperpress.com/
Description: A Wordpress magazine theme based on the Blueprint CSS Framework.
Version: 1.1
Author: Thad Allender for Graph Paper Press
Author URI: http://www.graphpaperpress.com/
Credits: http://code.google.com/p/blueprintcss/
*/

/* IMPORTANT - PLEASE READ
This theme uses the Blueprint CSS framework for
default positioning, typography, form styling, etc.
The styles below are specific for this theme
only.  Feel free to edit them as necessary.  Generally
speaking, you will will likely never need to edit
the Blueprint CSS stylesheets, which are located in:
wp-content/themes/name-of-this-theme/css/
*/

body
{
	margin-bottom: 0;
	margin-top: 40px;
	/* background: url('images/gridline.gif') top repeat-x; */
	background: black;
	
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif !important;
}
#outside { background: url('images/get.png') top left no-repeat; }
blockquote
{
	font-style: normal;
	padding: 0 0 0 0;
	color: #000;
	background: url('images/quote.png') .5em top no-repeat;
}

h1, h2, h3, h4, h5, h6 { 
font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
color: #000; 
}
a
{
	color: #FF3706;
	text-decoration: none;
}
a:active, h2 a:active, h3 a:active
{
	color: #8c1b00;
	text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover
{
	color: #464646;
	text-decoration: none;
}
blockquote p { padding: 0 20px 0 30px; }
hr
{
	background: #CCC;
	height: 1px;
}
img { margin: 0; }
.photo_align_left
{
	float: left;
	padding: 0 1.5em 1.5em 0;
}
a.button { float: left; }
/* Fix for buttons */
input
{
	padding-left: 0;
	border: 1px solid #CCCCCC;
}
ol { margin-left: 35px; }
label { font-weight: normal; }
textarea
{
	height: 200px;
	width: 500px;
}
.small { font-size: .9em; }
.nomargin { margin: 0; }
a.button, button { font-weight: normal; }
dl.small dd { font-size: .9em; }
span.meta_align_right
{
	color: #ccc;
	font-size: .6em;
	float: right;
}
span.meta_align_right a { color: #ccc; }
span.meta_align_right a:hover { color: #000; }
.meta
{
	color: #ccc;
	font-size: .8em;
	line-height: 1.875em;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
;
}
.meta a { color: #ccc; }
.meta a:hover { color: #000; }
.byline
{
	color: #ccc;
	font-size: .8em;
	line-height: 1.875em;
}
.byline a
{
	color: #FF3706;
	text-decoration: none;
	line-height: 1.875em;
}
.byline a:hover { color: #000; }
.five_posts h6 a, .five_posts h4 a, .five_posts h3 a
{
	text-decoration: none;
	margin-bottom: 0;
}
#maincontent h2
{
	color: #3B4A25;
	border-bottom: 1px solid #AAA;
	margin-bottom: 15px;
}
h2 a
{
	color: #3B4A25;
	text-decoration: none;
}
#maincontent .post h2 { margin-bottom: 5px; }
#maincontent .content { padding: 25px 30px 20px 48px; }
#feature h3
{
	margin-bottom: 0;
	padding: 0;
}
#feature p img { margin: 7px 0 2em 0; }
.feature_text { margin-top: 2em; }
#home_right { padding: 0; }
#home_right .entry { padding: 0 0 2em 0; }
.author
{
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #eee;
}
.author img
{
	float: left;
	padding: 0 1em 1em 0;
}
.author p { margin-left: 8em; }
.author h6
{
	margin-left: 7em;
	border-bottom: 1px #000 dotted;
}
.navigation, 
.navigation a { color: #AAA; }
.alignright { float: right; }
.alignleft { float: left; }
.post { margin-bottom: 25px; }
.entry { padding-bottom: 25px; }
/* HEADER */
#header
{
	height: 70px;
	width: 950px;
	padding: 4px 0 4px 0;
	background: black;
}
#header h1, #header .description
{
	padding: 0;
	margin: 0;
	line-height: 1em;
}
/* NAVIGATION IN POSTS */
.entry #nav .content
{
	padding: 0;
	margin: auto;
}
.entry #nav
{
	margin-bottom: 15px;
	background: #FFF;
}
.entry #nav li a
{
	color: #FFF;
	border-right: 1px solid #AAA;
	background: #666;
}
.entry #nav li.last a { border-right: none; }
.entry #nav li a:hover
{
	background: #333;
	color: #FFF;
}
/* FOOTER */
#footer
{
	text-align: center;
	font-size: .9em;
	margin: 0;
}
#footer a { text-decoration: none; }
/* SEARCH */
#search { float: right; }
#search #s
{
	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
	padding: 2px 0 2px 17px;
	width: 135px;
	color: #CCCCCC;
	font-size: 0.9em;
	margin-right: 0px;
	margin-top: 10px;
}
#search #s:hover { color: #000; }
.search-excerpt { margin: 0; }
/* COMMENTS */
.commentlist li { padding: 8px 15px; }
.comments-alt { background: #EEE; }
/* LISTS */
.bottombar { }
.bottombar h2
{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 1em;
}
ul
{
	list-style-type: none;
	margin-left: 1em;
	padding: 0;
}
ul li
{
	line-height: 2em;
	margin: 0 0 0 1em;
	padding: 0;
}
ul li a { color: #666; }
/* COMMENT STYLES */
#comments { width: 100%; }
dl#comment_list { margin: 0 0 0 0; }
dl#comment_list dt
{
	padding: 0 0 33px 0;
	background: url('images/comment_top.gif') 0 100% no-repeat;
	font-size: 1.1em;
	line-height: 1.8182em;
	color: #999;
}
dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }
dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
dl#comment_list dt .comment_num a:hover { color: #a90000; }
dl#comment_list dt strong
{
	font-size: 1.4545em;
	color: #000;
}
dl#comment_list dt strong a, dl#comment_list dt strong a:visited
{
	color: #000;
	border-bottom: 1px dotted #999;
}
dl#comment_list dt strong a:hover
{
	color: #000;
	border-bottom: 1px solid #a90000;
}
dl#comment_list dd
{
	padding: 20px;
	margin: 0 0 1.5385em;
	background: #dfdfdf;
}
dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; }
dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }
/* COMMENT FORM */
#comment_form
{
	width: 46.8em;
	margin: 0 0 4.0em 0;
}
#comment_form a:hover { text-decoration: underline; }
#comment_form p { padding: 0.7692em 0; }
#comment_form label
{
	padding: 0 0 0 0.83333em;
	font-size: 1.2em;
}
#comment_form .text_input
{
	width: 15.3846em;
	padding: 0.23077em;
	color: #a90000;
	font: bold 1.3em Verdana, sans-serif;
	border-top: 0.15385em solid #999;
	border-left: 0.15385em solid #999;
	border-right: 0.07692em solid #eee;
	border-bottom: 0.07692em solid #eee;
}
#comment_form .text_input:focus
{
	border-top-color: #666;
	border-left-color: #666;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
}
#comment_form .text_area { width: 32.9231em; }
#comment_form p.subscribe-to-comments { font-size: 1.3em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
#comment_form .form_submit
{
	padding: 0.5em;
	background: url('images/submit_bg.gif') repeat-x;
	color: #000;
	border: 0.21429em double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}
#comment_form .form_submit:hover { color: #0099cc; }
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h { background: #000; }
#navmenu-h li.alignright { float: right; }
ul#navmenu-h
{
	margin: 0 0 1em 0;
	border: 0 none;
	padding: 0 0 8px 0;
	width: 650px;
	/*For KHTML*/
	list-style: none;
	height: 24px;
	float: left;
}
ul#navmenu-h li
{
	margin: 0 8px 0 0;
	border: 0 none;
	padding: 0;
	float: left;
	/*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
}
ul#navmenu-h ul
{
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul#navmenu-h ul li
{
	width: 160px;
	float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}
/* Root Menu */
ul#navmenu-h a
{
	padding: 2px 20px 0 20px;
	float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
	background: #313131;
	color: #ccc;
	font: 11px/22px Helvetica;
	text-decoration: none;
	height: auto !important;
	/*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
	background: #a3a3a3;
	color: #FFF;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a
{
	float: none;
	background: #000;
	color: #ccc;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a
{
	background: #333;
	color: #FFF;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a
{
	background: #000;
	color: #ccc;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a
{
	background: #CCC;
	color: #FFF;
}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a
{
	background: #EEE;
	color: #666;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
{
	background: #CCC;
	color: #FFF;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul
{
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block; }
#themes h6
{
	float: right;
	padding-right: 1em;
}
ul#themeswitcher
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}
ul#themeswitcher li
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*  **************************** */

.logo IMG { display: none; }
.logo {
background: transparent url(images/logo.gif) no-repeat 0 0;
text-indent: -9999px;
width: 195px;
height: 64px;
display: block;
float: left;
}



#bloginfo {
float:left; 
color: white;
margin-left: 12px;
margin-top: 22px;
}

#feature {
background: white;
padding: 0 20px;
}

#feature.colborder {
margin-right: 20px;
margin-bottom: 20px;
}


.container {
background: white;
}

.th_side {
float: left;
width: 133px;
margin-left: 10px;
}

.attachment-thumb {
float: left;
margin-bottom: 20px;
}

#home_right HR {
width: 95%;
}

.th_modif {
width: 294px!important;
}


.th_t {
margin-top: 5px!important;
}

.no_mar {
margin: 0px!important;
}


#banner_portafolio {
clear: left; 
width: 910px; 
height: 114px; 
background: black; 
margin: 20px auto;
}

#banner_portafolio SPAN {
display: block;
float: left;
color: white;
margin-top: 55px;
font-size: 9px;
}


#logo-bannerp {
background: transparent url(images/logo-bannerp.gif) no-repeat 0 0;
text-indent: -9999px;
width: 159px;
height: 54px;
display: block;
float: left;
margin: 35px 17px 32px 85px;
}

#enlace-bannerp {
float:left;
font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
font-size:28px;
margin:37px 0 0 108px;
color: white;
}

#th_footerblack {
background: black; 
float: left; 
width: 950px; 
color: #718b9a;
padding-top: 20px;
}

#th_footerblack .colborder {
border: 0;
margin-right: 0;
padding-right: 22px;
}

#th_footerblack H2 {
color: #718b9a;
font-size: 18px;
text-transform: uppercase;
}

#th_footerblack A {
color: #337de6;
}

#th_footerblack .blogroll LI {
border: 0;
list-style-image: none;
}

#th_footerblack  UL {
margin-left: 0px;
}

.single #maincontent .content {
padding:25px 20px 20px 20px;
}

.single #maincontent.colborder {
margin-right: 15px;
padding-right: 0px;
}

#pdeslizante {
background:none repeat scroll 0 0 black;
float:left;
margin-top:-101px;
width:300px;
}


#pdeslizante A {
background: transparent url(images/portafolio-deslizante.jpg) no-repeat 0 -60px;
width: 234px;
height: 133px;
display: block;
text-indent: -9999px;
}

#bx_izq {
background: transparent url(images/bx_izq.gif) no-repeat 0 0;
width: 4px;
height: 39px;
float:left;
}

#bx_cen {
background: #ededed;
width: 558px;
padding: 11px;
float:left;
color: #718b9a;
}

#bx_cen A {
color: black;
}

#bx_cen A:hover {
text-decoration: underline;
}

#bx_der {
background: transparent url(images/bx_der.gif) no-repeat 0 0;
width: 4px;
height: 39px;
float:left;
}

A:hover {
text-decoration: underline!important;
}

#nav A:hover, #enlace-bannerp {
text-decoration: none!important;
}


BODY.page-template-pl_portafolio-php {
margin: 0!important;
overflow: hidden;
}



/* Home Thumbs & Nav*/
.home-thumbs { margin-top: 0; padding: 0; overflow: auto; overflow: -moz-scrollbars-none; }
.bottom-thumbs {position: absolute; top: 440px; left:0;}
.thumbs { display:hidden; }
ul.thumbs { width: 1600px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:1600px }
ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-big { float: left; width: 200px; height:320px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0 }
ul.thumbs li.thumb-end {margin-top:144px}
.go-left { position:absolute; top:17px; right: 90px;display: none}
.go-right { position:absolute; top:17px; right: 50px; }
#branding { background: #000; color:#474747; position:absolute; z-index: 4; left: 0px; top:320px; height:40px; padding:40px; zoom:1; width:100%; margin:auto; clear: both; display: block; }
#branding a, #masthead a { color:#474747; text-decoration:none }
#branding h1 a, #masthead h1 a { color:#fff; }
#branding h1, #masthead h1 { text-transform:uppercase; font-weight:bold; margin:0 ;}
#branding a:hover { color:#fff }
#branding .description { text-align:left;}
.brand-wrap { float:left }

/* IE 6 hacks for position fixed */
* html #branding { position: absolute; padding:45px 40px 35px 50px;width: 1505px;}
* html .go-left { top:17px; right: 280px; display: none}
* html .go-right { top:17px; right: 240px; }

#branding h2 { float:left; text-transform:uppercase; margin:0; padding:0 }

.nav { margin:12px 0; font-size:11px}
.nav a { background:#000; color:#999; padding:8px; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.nav a:hover { color:#eee; background:#333; cursor:pointer }

/* Navigation at rest */
#branding #nav { position: absolute; top: 0; right: 0; padding:10px 0 6px 10px; }
#branding #nav { position: absolute; top: 45px; left:600px;}
#branding #nav ul, #branding  #nav ul li { margin: 0; padding: 0; }
#branding #nav ul {height:30px;width:710px}
#branding #nav ul li { font-size: 11px; font-weight: normal; text-transform: lowercase; list-style: none; float: left; margin-right: 15px; position: relative;color:#999 }
#branding #nav ul li a { color: #999; text-decoration: none; }
#branding #nav ul li a:hover {color:#fff}

/* Navigation interaction */
#branding #nav ul li ul { display: none; text-align:left;}
#branding #nav ul li.drop:hover ul { display: block; }
#branding #nav ul li span {cursor: pointer}

/* Sub-navigation */
#branding #nav ul li ul { padding-top: 7px; margin-left: -10px; position: absolute;z-index:200}
#branding #nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210}
#branding #nav ul li ul li a { display: block; background: #1a1a1a; padding: 7px 10px; width: 130px; color: #999; background-repeat: no-repeat; background-position: 5px 50%; }
#branding #nav ul li ul li a:hover { text-decoration: underline; background:#000;}
#branding #nav #search {margin:0; padding:0;}
#branding #nav #search #s {color: #999;font-size: 1em;margin:0;padding: 8px 0 8px 10px;width: 140px;border:none;background:#1a1a1a}
#branding #nav #search input {border:0}
#branding #nav #search #s:hover {color: #fff;background: #000}

/* Navigation enhanced styles */
#branding #nav ul li ul.push { margin-top: 12px; z-index:211}
#branding #nav ul li.enhanced { margin-right: 0; padding-right: 15px; z-index:211}
#branding #nav ul li.enhanced span { padding-right: 7px; float: left; z-index:211}
#branding #nav ul li.enhanced a.arrow { display: block; position: relative; top: -2px; width: 18px; height: 15px; overflow: hidden; float: left; }
#branding #nav ul li.enhanced a.arrow:hover { cursor: pointer; }
#branding #nav ul li.enhanced a.arrow img { display: block; position: relative; border: 0; }
#branding #nav ul li.enhanced a.rest img { top: 0; }
#branding #nav ul li.enhanced a.hover img { top: -15px; }
#branding #nav ul li.enhanced a.open img { top: -30px; }

#branding H2 A {
background: transparent url(images/logo.gif) no-repeat 0 0;
text-indent: -9999px;
width: 195px;
height: 64px;
display: block;
float: left;
}

#branding .description {
float:left; 
color: white;
margin-left: 12px;
margin-top: 22px;
}

.galeria .attachment-thumb {
margin: 0 16px 16px 7px;
}

.galeria UL {
width: 706px;
margin: 10px auto;
}

.page-template-pl_galeria-php .galeria {
background: #272727;
float: left;
padding-bottom: 55px;
}

.page-template-pl_galeria-php .galeria H2 {
color: white;
margin:5px auto 10px;
width:668px;
}

.page-template-pl_galeria-php .galeria P {
color: white;
margin:5px auto 10px;
width:668px;
}

.page-template-pl_galeria-php .large {
background: #272727;
}

.galeria .entry .thumb {
float: left;
width: 160px;
height: 170px;
}

.page-template-page-wide-php .post {
width: 800px;
margin: 0 auto;
}

.page-template-page-wide-php .post h2
{
	color: #3B4A25;
	border-bottom: 1px solid #AAA;
	margin-bottom: 5px;
}



SPAN.modyf {
background:none repeat scroll 0 0 #313131;
color:#CCCCCC;
display:block;
float:none !important;
font:11px/22px Helvetica;
height:auto !important;
padding:2px 20px 0;
text-decoration:none;
}


.th_modif .blogroll A {
display:block;
margin-bottom:4px;
width:275px;
}

.th_modif .blogroll IMG {
float:left;
margin-right:5px;
}

.th_modif .blogroll LI {
margin-bottom:17px;
margin-left:-13px;
width:277px;
}

.bottombar .blogroll A {
display:block;
margin-bottom:4px;
width:228px;
}

.bottombar .blogroll IMG {
float:left;
margin-right:5px;
}

.bottombar .blogroll UL {
margin-left: 0;
}

.bottombar .blogroll LI {
margin-bottom:26px;
margin-left:-13px;
width:228px;
line-height: 17px;
}

element.style  {
text-decoration:none;
}
.number {
color:#666666;
font-size:11px;
height:18px;
left:0;
margin-left:3px;
padding:3px;
position:absolute;
top:2px;
width:30px;
}


.pirobox_down em, .pirobox_down dfn {
background: transparent!important;
}