/*
Theme Name: Fernando Milagros Ultimate Diva Sandbox
Theme URI: http://www.wordpressdiva.com/themes/47/ultimate-diva-sandbox.html
Description: Two-column WordPress Sandbox theme.
Author: WordPress Diva
Author URI: http://www.wordpressdiva.com/
Version: 1.0.0
*/

/* =================================
All Rights Reserved.

This theme is subject to the theme use 
policy outlined at the address below:
http://www.wordpressdiva.com/themes/legal/theme-use/

Please note: There are a number of empty CSS 
elements. This is intentional and are there so you 
can have maximum flexibility with customizing 
specific theme elements.

For more information, see:
http://www.wordpressdiva.com/themes/read-me/css/
================================== */

/* reset css for all browsers */

/* v1.0 | 20080212 */

td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,center,i,u,b,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,center,i,u,b,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html,:focus{outline:0}body{line-height:1}ul,ol{list-style:none}q,blockquote{quotes:none}q:after,q:before,blockquote:after,blockquote:before{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

.story-content ol {list-style:decimal; margin-left:20px;}
.story-content ol li { margin-bottom:15px; margin-top:15px;}

/* let's get universal */
body {font-family:Arial, Helvetica, sans-serif; color: #EDDEDC; font-size:13px; line-height:140%;}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
a img {border: none; text-decoration: none;}
acronym, abbr {}
blockquote {}
blockquote cite {}
code, pre {}
fieldset {}
legend {}
h1, h2, h3, h4, h5, h6 {}
h1, h2, h3, h4, h5, h6 {}
h1 {}
h2 {font-size:24px; font-weight:normal; line-height:130%;}
h3 {font-size:18px; font-weight:normal; line-height:130%;}
h3.post-title {font-size:22px; font-weight:normal; line-height:130%;}
h4 {font-size:16px; font-weight:normal; line-height:130%;}
hr {}
input, textarea {}
td, th, tr {}

#wrapper {}

#header h1#fernando-milagros-site {width:293px; height:21px; position:absolute; left:30px; top:7px;background-image:url(images/bg-fernando-milagros.gif); background-attachment:scroll; background-position:0 0; background-repeat:no-repeat;z-index:2000; margin:0; padding:0; overflow:hidden;}
#header h1#fernando-milagros-site a span {visibility:hidden;}
#header h1#fernando-milagros-site a {display:block;width:293px; height:21px; text-decoration:none;}

h2#cattitle-1, h2#cattitle-4, h2#cattitle-3, #post-15 h2.post-title, #content h2#enlaces-title, #post-3 h2.post-title, h3#title_letras{background-position:0 0; background-attachment:scroll; background-repeat:no-repeat; widows:86px; height:26px; text-indent:-9000px; margin-bottom:30px;}

h2#cattitle-1{ background-image:url(images/title_noticias.gif);}

h2#cattitle-3{ background-image:url(images/title_fotos.gif);}

h2#cattitle-4{ background-image:url(images/title_videos.gif);}

#post-15 h2.post-title { background-image:url(images/title_creditos.gif);}

#post-15 h3#title_letras { background-image:url(images/title_letras.gif); margin-top:30px;}

#post-3 h2.post-title { background-image:url(images/title_contacto.gif);}

#content h2#enlaces-title { background-image:url(images/title_enlaces.gif);}

#linkcat-2 h2 {display:none;}


/* Header */
#header { background-color:#000000; height:35px; font-size:12px; font-weight:bold; line-height:14px; position:absolute; margin:0; padding:0 0 0 0; width:100%; z-index:1000;}
#header a {}
#header a:link, #header a:visited {color:#FFFFFF;text-decoration:none;}
#header a:hover, #header a:active {color:#FF4848;text-decoration:underline;}
#header ul {position:absolute;top:8px;}
	#global-nav {left:300px;}
	#global-nav-2 {left:540px; width:420px;}
#header ul li.current-cat a, #header ul li.current_page_item a {color:#FF4848 !important;}


#bg {
position: fixed;
margin: 0px;
border: 0px;
padding: 0px;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
#bg img {
width: 100%;
}

#window {
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height:100%;
padding: 0px;
z-index: 500;
text-align:center;
padding:0px;
}

h1.blogtitle {background-image: url(images/fernando-milagros-and-the-falsos.gif); background-position:0 0; background-attachment:scroll; background-repeat:no-repeat; width:128px; height:93px;}
h1.blogtitle a {visibility:hidden;}
	
/* Content */
#content { position:absolute; top:65px; left:30px; z-index:1100; width:700px}
	/* blog posts */
	.post-wrap {}
	.author {}
	.author a {}
	.author a:hover {}
	.post-meta {}
	.post-date {}
	.post-title { height:60px;}
	.categories small {font-size:10px; text-transform:uppercase; padding-bottom:8px;}
	.post-title a {}
	.post-title a:hover {}
	.story-content {}
		/* post content headings */
		.story-content h3 { font-size:22px;}
		.letra {font-size:13px; font-weight:bold; margin-bottom:15px; line-height:140%}
		.credito {font-size:11px; font-weight:bold; margin-bottom:5px; line-height:130%}
		ol.letras-canciones li {width:580px;}
		.story-content ol.letras-canciones {margin-left:40px;}
		.story-content h4 {}
		/* playing with blockquotes */
		.story-content blockquote {}
		.story-content blockquote cite {}
		.story-content blockquote .styleleft {}
		.story-content blockquote .styleright {}
		/* post content lists */
		.story-content ul {}
		.story-content ol {}
		/* post content links */
		.story-content a {}
		.story-content p {margin-bottom:10px; margin-top:10px;}
		.story-content a:visited {}
		.story-content a:hover {}
		.story-content a img {}
		/* post content tables */
		.story-content table {}
		.story-content th {}
		.story-content tr {}
		.story-content td {}
		/* post content forms */
		.story-content form {}
		.story-content fieldset {}
		.story-content legend {}
		.story-content label {}
		.story-content input {}
		.story-content input.submit {}
	/* single page meta info */
	.metawrap {}
	.singlemeta {}
	.singlemeta a {}
	.singlemeta a:hover {}
	.interact {}
	.interact a {}
	.interact a:hover {}
	/* blog comments */
	#commentwrap {}
	#comments {}
	#comments big {}
	#respond {}
	.nocomments {}
	.commentmetadata {}
		/* individual comments */
		#commentlist {}
		#commentlist li {}
		#commentlist li a {}
		#commentlist li a:hover {}
		#commentlist li.alt {}
		#commentlist li.alt a {}
		#commentlist li.alt a:hover {}
		#commentlist cite {}
			/* individual comment content */
			#commentlist .commentcontent {}
			#commentlist blockquote {}
			#commentlist code {}
			#commentlist ul {}
			#commentlist ol {}
		/* comment form */
		#commentform {}
		#commentform dl {}
		#commentform dt {}
		#commentform dd {}
		#commentform fieldset {}
		#commentform legend {}
		#commentform label {}
		#commentform input#author {}
		#commentform input#email {}
		#commentform input#url {}
		#commentform textarea {}
		#commentform input#submit {}
		/* pop up comments */
		#commentspopup {}
		#commentspopup h1#header {}
		#popupcontent {}
		#popupcontent .interact {}
		#popupcontent .commentwrap {}
		
/* Sidebar */
#sidebar { position:absolute; top: 130px; left:740px; width:180px; z-index:1500;}
    .widgettitle {font-size:12px; font-weight:bold; margin-bottom:10px; padding-bottom:4px; border-bottom:1px solid #000; text-transform:uppercase;}
	#sidebar ul {}
	#sidebar li { margin-bottom:20px;}
	#sidebar li h2 {}
	#sidebar li ul {}
	#sidebar li li {margin-bottom:8px;}
		/* search box */
		#sidebar li#search {}
		#sidebar li#search h2 {}
		#sidebar li#search fieldset {}
		#sidebar li#search legend {}
		#sidebar li#search label {}
		#sidebar li#search dl {}
		#sidebar li#search dt {}
		#sidebar li#search dd {}
		#sidebar li#search input#s {}
		#sidebar li#search input#search {}
		/* common sidebar list elements */
		#sidebar li#archive {}
		#sidebar li#categories {}
		#sidebar li#meta {}
		#sidebar li#pages {}
		/* calendar */
		#calendar_wrap {}
		#wp-calendar {}
		#wp-calendar #next {}
		#wp-calendar #next a {}
		#wp-calendar #next a:hover {}
		#wp-calendar #prev {}
		#wp-calendar #prev a {}
		#wp-calendar #prev a:hover {}
		#wp-calendar a {}
		#wp-calendar caption {}
		#wp-calendar th {}
		#wp-calendar tr {}
		#wp-calendar td {}
		#wp-calendar td.pad {}
		#wp-calendar td.pad:hover {} /* not IE compatible */
		
/* Footer */
#bottom {}
#bottom a {}
#bottom a:hover {}
	/* attribution link styling */
	#bottom p.credit {}
	#bottom p.credit a {}
	#bottom p.credit a:hover {}

/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.center {display: block; margin: 10px auto;}
img.left {display: inline; margin: 0 10px 5px 0;}
img.right {display: inline; margin: 0 0 5px 10px;}
.nav {
margin-top:30px;
margin-bottom:30px;
clear:both;
}
.previous {float: left; text-align: left; width: 45%;}
.next {float: right; text-align: right; width: 45%;}

/* NAVIGATION */

.nav-list { margin:0; padding:0; height:25px; list-style-type:none;}
.nav-list li { margin:0 15px 0 0; padding:0; list-style-type:none; float:left;}

.categories ul li {margin-bottom:30px; /*height:360px;*/ overflow:hidden; float:left; margin-right:20px; padding:0; width:202px;}
.image-thumbnail img {border:1px solid #CCCCCC;}