body, html{
	height: 100%;
	}

#mainwrapper {
	min-height: 100%;
	}

* html #mainwrapper {
	height: 100%;
	}

body {
	margin: 0px auto;
	text-align: center;
	background: #c7d0d5 url(images/background.gif);
	text-align:center;
}

#mainwrapper {
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	margin-top: -31px;
	text-align: left;
	width:810px;
	height: 100%;
}

#push {
	height: 40px;
}

#wrapper {
	margin: 0px auto;
	padding-top: 70px;
	text-align: left;
	width: 810px;
	text-align:left;
	z-index: 0;
}

#footer {
	text-align: justify;
	padding-left: 10px;
	background: #c6d0d5;
	border: 1px solid #b2bec3;
	height: 50px;
	font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #717e83;
	width: 100%;
	margin-bottom: 10px;
}

#nav {
	width: 100%;
	height: 60px;
	background: url(images/navbg.png) repeat-x;
	position: fixed;
	top:0px;
	z-index: 1;
}

.article {
	width: 270px;
	height: 370px;
	float: left;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition-duration: 2s;
	-webkit-transform:rotate(2deg) scale(1.0);
	-moz-transform:rotate(2deg) scale(1.0);
}

.article:nth-child(2n+1) {
	-webkit-transform:rotate(-2deg) scale(0.9);
		-moz-transform:rotate(-2deg) scale(0.9);
}

.article:nth-child(2n+2) {
	-webkit-transform:rotate(3deg) scale(0.9);
		-moz-transform:rotate(3deg) scale(0.9);
}

/*BIG MORE LINK AND TRICKY PNG FADE BOX TRIGGERED BY TAGGING ANY POST WITH 'more'*/
.morewrap{
	display:none;}
body#index .more .morewrap{
	display:block}
.morelink{
	display:block;
	background:#a00;
	position:absolute;
	top:235px;
	left:0px;
	padding:0 10px 0 45px;
	border:0;
	line-height:27px;
	z-index:3000;}
.morelink:hover{
	border:0;
	background:#800;
	color:#fff;}	
.fade{
	position:absolute;
	bottom:10px;
	height:175px;
	background:url(http://themes.paulgiacherio.com/museum/shade.png) repeat-x left bottom;
	width:250px;
	display:block;
	z-index:100;}


.article:hover,
.article:focus,
.article:active {
	-webkit-transform:rotate(0deg) scale(1.0);
		-moz-transform:rotate(0deg) scale(1.0);
	-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
}

/* Text post */

h1 {
	font: 13pt "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	margin: 40px 0 0 25px;
}

.quote {
	background: url(images/quote.png) no-repeat;
	margin: 10px;
	margin-top: -5px;
	padding-top: 30px;
	height: 361px;
	width: 263px;
	text-align: left;
}

.quote p {
	margin-top: 0;
	padding: 11px 22px 0;
	font: 12pt/17px "Courier New", Courier, mono;
	color: #626059;
}

.post {
	background: url(images/textbg.png) no-repeat;
	margin: 10px;
	margin-top: -5px;
	padding-top: 30px;
	height: 361px;
	width: 263px;
	text-align: justify;
	color: #6e6357;
}

.post p {
	margin-top: 0;
	padding: 10px 25px 0;
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #646464;
}

pre {
	margin-top: 0;
	padding: 3px 25px 0;
	color: #626059;

}

.post img.title {
	width: 259px;
	height: 20px;
	top: 260px;
	left: 0px;
	position: absolute;
}

/* PHOTO POST :D */
.photo {
	margin: 20px;
	height: 330px;
	width: 259px;
}

a:link, a:visted {
		color: #646464;

}

.photo img
{
	width: relative;
	height: 295px;
	border: 0px;
	margin: 0px;
}

.photo img.title {
	width: 259px;
	height: 20px;
	top: 273px;
	left: 0px;
	position: absolute;
}

.polaroid {
	background: url(images/polariod.png) no-repeat;
	display: inline;
	position: absolute;
	left:6px;
	top:9px;
	height: 330px;
	width: 259px;
}

ul#navigation {
	list-style-type: none;
	text-shadow: none;
	display: inline;
	font-family: Lucida Grande,Lucida, Arial;
	float: right;
	top:14px;
	margin-top: -18px;
	margin-right: 0px;
	font-size: 14px;
	height: 50px;
	width: auto;
}

ul#navigation li {
	display: inline;
	margin: 0px;
	margin-top: 100px;
}
		
ul#navigation a {
	padding-left: 11px;
	padding-bottom: 6px;
	padding-right: 11px;
	padding-top: 6px;
	background: #541f00;
	color: #f7dbc1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	float:left;
	font-size: 11px;
	margin: 0;
	margin-left: 8px;
	font-weight: bold;
}

ul#navigation a:hover {
	background: #fa0b00;
	color: #FFF;
}