/*  
Theme Name: RippedPaper
Theme URI: http://www.handsonweb.it/
Description: Ripped photo background. Based o The wonderful Hemingway theme
Version: 0.1
Author: Luca Di Bella
Author URI: http://www.handsonweb.it/

*/

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica", "Arial", sans-serif;
	line-height: 1.4em;
	background-color: black;
	color: #ECECEC;
}
h1,h2,h3,h4,h5 {
	font-weight: normal;
}
input, textarea, select {
	padding: .2em;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 16px;
}
a {
	text-decoration: none;
	color: #ECECEC;
}
a:hover {
	color:#999;
}
strong {
	font-size: 1.4em;
	line-height: 1em;
	font-weight: normal;
}
/* COMMON CLASSES */
.inner {
	width: 680px;
	margin: 0 auto;
}
br.clear {
	clear: both;
}

.inner .left {
	width: 48%;
	float: left;
}

.inner .right {
	width: 48%;
	float: right;
}

#header {
	position: absolute;
	z-index: 10;
}
#header h1 {
	margin: .5em 0 0 .5em;
	padding: 0;
}

/* STRUCTUR FOR HEADER ACCODION */
#mastHead {
	position: relative;
	padding: 6% 0 12% 0;
	background-color: #333; 
}
.infoTitle {
	height: 2.5em;
	line-height: 2.5em;
	color: white;
	text-align: left;
}
.infoTitle h2 {
	font-family: "Georgia";
	font-size: 2.4em;
	cursor: pointer;
	color: #ECECEC;
}
.infoTitle h2:hover {
	text-decoration: underline;
}
.infoContent {
	position: relative;
}
.infoContent a {
	color: #333;
	text-decoration: none;
}
.infoContent a:hover {
	text-decoration: underline;
}
.topRip, .bottomRip {
	position: relative;
	z-index: 5;
	height: 50px;
}
.topRip, .bottomRip {
	background: url('images/rippedstripe.png') repeat-x center left;
}
.topRip {
	top: 15px;
}
.bottomRip {
	bottom: 15px;
}
.innerBackground {
	margin: 0;
	padding: 1em 0;
	background-color: white;
	color: #333;
}

/* RIBBON */
#ribbon {
	position: relative;
	height: 50px;
	font-size: .8em;
	background-color: white;
	color: #333;
}
#ribbon .inner {
	position: relative;
	padding: 1em 0;
}
#ribbon ul, #ribbon p, #ribbon h2, #ribbon h3, #ribbon h4 {
	margin: 0;
	padding: 0;
}

/* START BLOG STRUCTURE */
#blog {
	position: relative;
	top: 0;
}

/*-------------The Post-------------*/

h2 a {
	font-size: 1.2em;
}
h2 a:hover {
	color: #999;
}
h3 a {
	font-size: 1em;
	text-decoration: none;
	color: #ECECEC;
}
h3 a:hover {
	color: #999;	
}
.post {
	margin: 2em 0 3em 0;
	clear: both;
}

.post p {

}

.post a {

}

.post ul {

}

.post li {

}

.postitle {
	position: relative;
	border-bottom: 1px solid #ececec;
}

.postitle h2, .postitle h3 {
	position: relative;
	padding-left: 22%;
	width: 68%;
}

.postitle h3{
	margin-bottom: 0;
}
.postitle span.postime {
	position: absolute;
	top: 0;
	left: 0;
	width: 22%;
}
.postitle p.commented {
	margin: 0;
	padding: 0;
	width: 20%;
	font-size: small;
}

.entry {
	width: 68%;
	margin-left: 22%;
	position: relative;
}

.entrytext .postmetadata {
	
}

.postmetadata alt {

}

.postmetadata a {

}

.navigation {
	position: relative;
	height: 1.5em;
}

.alignleft a {
	width: 20%;
	height: 30px;
	position: absolute;
	top: 0;
	display: block;
}

.alignright a {
	width: 20%;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.alignleft a, .alignright a {
}

.center {

}

.pagetitle {
	font-size: 2em;
	margin: 0;
	padding: 1em 0 .5em 0;
	color: white;
}

blockquote {
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #ECECEC;
}

cite {

}

a img {
	border: none;
}

acronym, abbr {

}

/*--------------Sidebar------------*/

#sidebar ul {

}

#sidebar ul h2 {

}

#sidebar ul li {

}

#sidebar ul ul {

}

#sidebar ul ul li {

}

#sidebar ul ul ul {

}

#sidebar p {

}

#sidebar a {

}
#sidebar a:hover {

}

#sidebar a:visited {

}


/*--------------Comments--------------*/

ol.commentlist {
	list-style: none;
	padding-left: 0;
}

ol.commentlist li {
}

ol.commentlist li .commentInfo {
	background-color: #666;
	padding: .5em;
}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}

#commentform textarea {
	width: 90%;
}

/*--------------Search Form-------------*/

#searchform {

}

#searchform input {

}

#searchform #s {

}


/*-------------Calendar-----------------*/

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*-------------Custom Contact-----------------*/
.custom_contact_data input, .custom_contact_data textarea {
	width: 88%;
}

/*-------------Images------------------*/

.imageframe {
	padding: 5px;
	background-color: white;
}
.imgalignleft {
	float: left;
	margin: .5em 1em 1em 0;
}
.imagecaption {
	clear: both;
	color: #333;
	font-size: small;
}