/* 
Theme Name: FullPage
Theme URL: http://nunofigueiredo.net/
Description: Theme design for my personal blog
Author: Nuno Figueiredo
Author URI: http://nunofigueiredo.net
Version: 1.0

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
/*

/*
Here is a list of all the <DIV>s in Whiteboard.
*/

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

a:link, a:active, a:visited{
color: #009cff;
text-decoration: none;
}
	a:hover{
	text-decoration: line-through;
	}

a img{
border: none;
}

img{
margin: 0;
padding: 0;
border: 0;
}

blockquote{
font-family: "Times New Roman";
font-size: 16px;
font-style: italic;
}

cite{
display: block;
text-align: right;
}
	cite a:link, cite a:active, cite a:visited{
	font-style: normal;
	text-decoration: none;
	color: #fff;
	background: #000;
	padding: 2px;
	}

h1, h2, h3, h4, h5, h6{
margin: 15px 0 -5px 40px;
}

ul, ol{
margin: 10px 0 5px 90px;
padding: 0;
}
	ul li,
	ol li{
	list-style: square;
	margin: 0;
	padding: 2px 0 1px 0;
	line-height: 20px;
	}

img.alignleft { display: block: }
img.alignright { display: block: }
img.aligncenter { display: block: }


.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
.aligncenter { display: block; margin: 0 auto; }



/*** BODY ***/


body{
text-align: center;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 12px;
color: #181818;
}

#container{
position: relative;
text-align: left;
width: 715px;
float: right;
padding: 0;
margin: 165px 40px 0 0;
}

.headerimg{
margin: 0 0 25px 300px;
padding: 0;
}
	.headerimg a img{
	border: none;
	}
	

.introduction{
float: left;
width: 560px;
background: url(images/aboutback.png) top left no-repeat transparent;
}
	.introduction p{
	padding: 15px 0 5px 0;
	background: #fff;
	}

.post{
float: left;
width: 560px;
background: url(images/contentback.png) repeat-y left;
}
	.post img{
	background: #000;
	margin: 10px 0;
	padding: 5px;
	}
	
	.contentimg img{
	width: 460px;
	height: auto;
	}

.postmeta{}

p{
margin: 2px 50px 2px 40px;
padding: 5px 0;
line-height: 20px;
}

a.more-link{
font-family: Verdana, Tahoma, Arial, Helvetica;
text-decoration: none;
color: #fff;
font-size: 14px;
margin-top: 10px;
padding: 0 40px 2px 0;
display: block;
text-align: right;
background: url(images/moreback.jpg) no-repeat right;
}

a:hover.more-link{
text-decoration: line-through;
}

h2.titleback{
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 18px;
text-transform: uppercase;
text-align: left;
}
	h2.titleback a{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	}
	h2.titleback a:hover{
	text-decoration: line-through;
	}
	
span.titleright{
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 18px;
text-transform: uppercase;
color: #fff;
font-weight: normal;
float: right;
text-align: right;
margin-right: 23px
}

span.smallt{
font-size: 10px;
}

.title{
background: url(images/titleback.png) no-repeat left center;
width: 600px;
height: 49px;
margin-top: 35px;
margin-bottom: -15px;
}

.postnavigation{
margin: 20px 0 5px 0;
width: 540px;
padding: 0 0 2px 0;
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 14px;
text-transform: uppercase;
}
	.postnavigation a{
	color: #fff;
	text-decoration: none;
	}
	
	.postnavigation p.recente{
	margin: 0 2px 0 0;
	padding: 2px 20px 2px 4px;
	background: #000;
	display: inline;
	float: right;
	}
	.postnavigation p.anterior{
	margin: 0 2px 0 0;
	padding: 2px 4px 2px 20px;
	background: #000;
	display: inline;
	}

#searchform{}

#sidebar{
float: left;
width: 101px;
margin: 20px;
}
	#sidebar ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	#sidebar ul li{
	width: 105px;
	list-style: none;
	padding: 0;
	margin: 0;
	}
	#sidebar ul li ul{}
	#sidebar ul li ul li{
	text-align: right;
	padding: 2px 4px 2px 2px;
	margin: 6px 0;
	background: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
		#sidebar ul li ul li:hover{
		background: #009cff;
		}
	#sidebar ul li ul li a{
	color: #f4f4f4;
	text-decoration: none;
	}
		#sidebar ul li ul li a:hover{
		text-decoration: none;
		}
	
#comments{
margin: 25px 0 15px 0;
padding: 0;
border-top: 1px solid #dfdfdf;
width: 538px;
}
	ol#comments_list{
	margin: 0;
	padding: 0;
	}
	ol#comments_list li{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.commentsbox{
margin: 20px 0 50px 40px;
width: 440px;
}
.comments_navigation{
}
.comments_reply{
width: 538px;
border-top: 1px solid #dfdfdf;
}
	.comments_reply input{
	margin: 1px 0;
	font-family: Arial, Helvetica;
	font-size: 12px;
	border: 1px solid #000;
	padding: 3px;
	}
	h3.replyh3{
	margin: 15px 40px;
	}

.comment_text{
padding-left: 50px;
display: block;
width: 440px;
}

.avatar{
float: left;
width: 58px;
margin-right: 25px;
}
	.avatar img{
	padding: 2px;
	}

.comments_meta{
font-weight: bold;
font-family: Verdana, Tahoma;
font-size: 12px;
width: 490px;
margin-bottom: 5px;
}

textarea#comment{
width: 440px;
border: 1px solid #000;
font-family: Arial, Helvetica;
font-size: 12px;
padding: 5px;
}

input#submit{
margin-right: 18px;
color: #fff;
float: right;
width: 100px;
background: #000;
border: none;
padding: 2px;
}

/*** Contact Form ***/

input#si_contact_name,
input#si_contact_email,
input#si_contact_subject{
margin: 0 0 0 40px;
width: 200px;
border: 1px solid #000;
}

label{
margin: 0 0 0 40px;
}

textarea#si_contact_message{
margin: 0 0 0 40px;
border: 1px solid #000;
width: 440px;
}

/*** End Contact Form ***/

#footer{
text-align: left;
width: 560px;
background: url(images/contentback.png) repeat-y left;
float: right;
padding: 25px 0;
margin: 0 14px 40px 0; 
}