/*  
Theme Name: Modern
Theme URI: http://ulfpettersson.se/design/modern/
Description: A light, simple and modern theme.
Version: 0.9
Author: Ulf Pettersson
Author URI:http://ulfpettersson.se/

	Modern v 0.9
	http://ulfpettersson.se/design/modern/

	This theme was designed and built by Ulf Pettersson,
	whose blog you will find at http://ulfpettersson.se/

	Structure of theme files derived from the default WordPress 1.5 theme.	
	
	The CSS, XHTML and design is released under the LGPL:
	http://www.opensource.org/licenses/lgpl-license.php
*/

/* CSS Document */

/* Limpieza de CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
a {
	color:#0033FF;
	text-decoration:none;
}
a:hover {
	color:#0033FF;
	text-decoration:underline;
}
body {
     line-height: 1;
}

:focus {
     outline: 0
}

ol {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/* Limpieza de CSS */
/* header */
#header {
	margin: 0 0 0 0;
	background-image:url(images/header.jpg);
	height:230px;
	width:780px;
	border-left: 1px solid #00006C;
	border-right: 1px solid #00006C;
}
#header a {
	color: #00006C;
	margin-top: -3px;
	border-right: 1px solid #666;
	border-bottom: none;	
	text-transform: uppercase; 
	font-size: 12px; 
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	letter-spacing: 1px;
}	
#header a:hover {
	text-decoration: none; 
	color: #FFF;
	background: #00006C;
}
#header ul, #header li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#header li a {
	display: block;
	min-width: 40px;
	padding: 55px 32px 12px 12px;
	float: left;
}
/* header */
body  { 
	font-size: 12px;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
	color: #00006C;
	background-color: #00006C;
	margin: 0;
	padding: 0; 
}
a 	{ 
	font-size: 12px;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
	color: #00006C;
	}
h1, h2 {
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	color: #00006C;
	}

h1 {
	font-size: 14px;
	}	

h2 {
	font-size: 16px;
	text-transform: uppercase; 
	}
	
h2 a {
	color: #00006C;
 	text-decoration: none;
	}

h2 a:visited {
	color: #00006C;
	}		
#content {
	width: 419px;
	min-height: 600px;
	margin: 0 0 0 0;
	padding: 0px 40px 40px 50px;
	float: left;
	clear: both;	
	line-height: 15px;	
	background: #FFF;
	border-left: 1px solid #00006C;
	border-right: 1px solid #00006C;
	border-bottom: 1px solid #00006C;
	}
#content.single {
	width: 520px; 
	margin: 0 0 0 0; 
	padding: 25px 130px;
	top: 0px;
	}	
.post {
	margin: 0 0 40px 0;
	text-align: left;
	}
.postmetadata .alt {
	margin: 25px 0 0 0;
	}	
#page {
	margin: 0 auto;
	width: 782px;
	}
#pageblock {
	background: #FFF; 
	}	
#pagestripe {
	background: #FFF; 
	width: 782px; 
	clear: both;
	}
	/* contenido */	
	/* footer*/	
#footer {
	width: 510px;
	clear: both;
	color: #FFF;
	}
#footer  a {
	color: #FFF;
	text-transform: uppercase;
	}
	
#footer.single {
	width: 780px;
	}	

#footer p {
	margin: 0;
	text-align: left;
	}
	/* footer*/	
	/* columnas*/	
div.columnleft {
	float: left;
	width: 285px;
	padding-right: 33px;	
	}

div.columnright {
	float: right;
	width: 285px;
	padding-left: 34px;
}
	/* columnas*/	
