*{
padding:0px;
margin:0px;
}
img{border:0px}
html{
width:100%;
height:100%;
}
body{
width:980px;
height:100%;
margin:0 auto;
position:relative
}
#header{
background-image:url(images/header.jpg);
background-position:top left;
background-repeat:no-repeat;
height:301px;
}


.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a .previewtwo
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -60px;
	left: -10px;
	z-index: 1;

	
}

.hoverbox a:hover .previewtwo
{
	display: block;
	position: absolute;
	top: -60px;
	left: -80px;
	z-index: 1;

	
}

.hoverbox img
{
	background: #fff;
	border-color: #ffffff;
	border-width: 0px;
	padding: 5px;
	vertical-align: top;
	width: 100px;
	height: 70px;
}

.hoverbox li
{
	background: #ffffff;
	border-color: #b5b5b5;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 15px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 220px;
	height: 150px;
	background: #ffffff;
	border-color: #b5b5b5;
	border-style: solid;
	border-width: 1px;
	
}

.hoverbox .previewtwo
{
	border-color: #000;
	width: 220px;
	height: 150px;
	background: #ffffff;
	border-color: #b5b5b5;
	border-style: solid;
	border-width: 1px;
	
}

.vlinks {
	padding-top:10px;
	padding-left:30px;}
#content{
background-color:#fefefe;
width:850px;
padding:0 60px 50px 70px;
float:left;
}
#content a {
    color: #0066cc;
    text-decoration: none;

}
#footer{
height:83px;
width:980px;
float:left;
background-color:#D1CFCE
}
@font-face {
 font-family:Crayon;
 src: url('fonts/Crayon.ttf') format('truetype');
 src: url('fonts/Crayon.eot?#iefix') format('embedded-opentype'),
       url('fonts/Crayon.woff') format('woff'), /* Super Modern Browsers */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
#menu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding:2px 0 0 410px;
font-weight:bold;
}
#menu li{
list-style-type:none;
display:inline
}
#menu a{
color:#ffffff;
text-decoration:none;
margin:0 350px;
}
#menu a:visited{text-decoration:none}
#menu a:hover{
font-weight:bold;
color:#d31818;

}
.title{
font-family:Comic Sans MS, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#065661;
letter-spacing:6px;
position:absolute;
top:195px;
left:652px;
}
#main{
width:580px;
float:left;
overflow:hidden;
padding:0 90px 0 0;
font-family:Arial, Helvetica, sans-serif;

}
#sidebar{
width:180px;
float:left;
font-family:Arial, Helvetica, sans-serif

}

#main h2{

color:#0a88db;
font-weight:normal;
display:block;
font: 20px Crayon, Arial, Helvetica, sans-serif;
border-bottom:2px dashed #D1CAC6;
margin:0 0 0px 0;
text-align:left;

}
.autor{
font-size:11px;
color:#1C99B0;
}
.date{
font-size:11px;
color:#F26522
}
.post{
padding:4px 10 28px 0;
margin:0 0 50px 0;
font-size:11px;
color:#535D61;
line-height:25px;
float:left;
border-bottom:1px solid #D1CAC6;
}
.style1{
font-size:14px;
color:#4D803F;
padding:4px 0 0 0
}


#navigation{
padding:69px 0 61px 0

}
#navigation li{
display:block;
background-position:left 19px;
background-repeat:no-repeat;
padding:11px 0 1px 11px;
line-height:23px;
border-bottom:3px dashed #ebf81d;
/*background-color:#40c925;*/
width: 220px;
}
#navigation a{
font: 28px Crayon, Arial, Helvetica, sans-serif;
color:#3366cc;
text-decoration:none;

}
#navigation a:visited{text-decoration:none}
#navigation a:hover{
color:#40c925;
}

#footer p{
text-align:right;
padding:30px 90px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#686767;
text-transform:uppercase;
}
#footer a{
color:#686767;
text-decoration:none
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}


#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}