/*   
Theme Name: Enzo Theme
Theme URI: http://enzoamata.com
Description: Clean, Custom Menu, Simple Layout, Resposive Design.
Author: Enzo Amata
Author URI: http://enzoamata.com
Version: v1.1
*/

body {
	font-family: "Trebuchet MS", serif;
	font-size: 11;
	color: gray;
	margin:0;
	border-top:3px solid gray;
}

* {
	margin:0;
	padding:0;
}

/* added float information */

.left{width:320px; height: auto; margin: 0px auto; }
.posts{width:320px; margin: 0px auto;}
.clear{clear:both;}

/* my own code coming here */

h1 {
	font-family: "Trebuchet MS", serif;
	font-size:17px;
	color: gray;
	letter-spacing:1px;
}

h1 a {
	text-decoration:none;
	color: gray;
}

/* footer starts here */

.footer {
	width: 240px; height: 30px;
	font-size: 9px;
	padding:30px 10px 20px 0px;
	border-top:solid 1px #F0F0F0;
	color: gray;
	text-align: center;
	margin: 0px auto;
}

.footer a {
	text-decoration: none;
	color: gray;
}
.footer a:hover {
	color: black;
}

/* header section here should be 170 x 170 pixels */

.header {
	width: 125px; height: 125px;
	padding-bottom: 30px;
	margin: 0px auto;
}

/* dont need description 

.header .description {
	float:right;
	margin:0 0 0 0;
	color: gray;
}

.header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	border-bottom:20px solid #fafafa;
}

*/

#wrapper { width: 320px; margin: 40px auto; }

/* navigation? */

.nav {
	border-bottom:1px solid #eee;
	padding:7px;
	margin:0;
	border-top:1px solid #eee;
	height:28px;
}

.nav li {
	float:right;
	list-style:none;
}

.nav li a {
	color:#999;
	padding:5px 5px 7px 5px;
	background:#fff;
	font:1.6em Trebuchet MS;
	margin:1px 2px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.nav li a:hover {
	background-color:#eee;
	color:#333;
	text-decoration:none;
}

.nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

/* content section here */

.content {
	width: 320px; height: auto;
	margin-top:20px;
	font-size: 12px;
	color: #141414;
	margin-left: -1px;
}

.date {
	margin-top: -20px;
	float: right;
	text-align: right;
	padding-bottom: 20px;
	font-size: 10px;
}

.content p {
	text-align: justify;
	line-height:19px;
	margin:15px 0;
	padding: 3px;
	letter-spacing: 1px;
}

.content a {
	text-decoration:none;
	color: #4372AA;
	width: 100%;
}

.content a:hover {
	color: black;
}

.content h2 {
	font-family: "Trebuchet MS", serif;
	font-size: 17px;
	margin:10px 0;
	padding:5px 0;
}

.content h2 a {
	color: gray;
	text-decoration:none;
	text-transform: uppercase;
	font-weight: normal;
}

/* sidebar section here */

.sidebar {
	height: auto; width:260px;
	font-size: 17px;
	text-align: center;
	margin: 0px auto;
}

/* side bar title within widgets 

.sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color: gray;
	padding:0 0 0px 0;
}
*/
.sidebar ul {
padding-top: 30px;
border-top: solid 1px #F0F0F0;
}

.sidebar li {
	list-style-type: none;
	letter-spacing: 2px;
	padding-bottom: 10px;
}

.sidebar li a {
	color: gray;
	text-decoration:none;
}

.sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #F8F8FF;
	font:11px Verdana;
}

.sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

.sidebar li a:hover {
	color: #4372AA;
}

/* style other things */

/*
p.news {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
}
*/
blockquote {
	
	text-align: justify;
	font-size: 10px;
	font-style: italic;
	padding:0px 70px 0px 20px;
	margin:0px 0px 0px 15px;
	border-left:1px solid #F8F8FF;
}


.content ul, ol {
	margin:10px 10px 10px 25px;
}
.content li {
	padding:10px;

}



img {
	/*
	background:#ccc;
	*/
	padding:1px;
	/*
	border:5px solid #eee;
	*/
}

.content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color: red;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}


/* dealing with the leave comments section */

textarea#comment { width: 200px; padding: 5px; }  
  
.commentmetadata { font-size: 10px; }  

/* post title thing */

.postandtitle {
   position: relative;
   width: 320px; height: auto;
}

.postandtitle p {
   position: absolute;
   font-size: 9px;
   bottom: 20px;
   left: -2px;
   width: 100%;
}

.title span {
   color: white;
   letter-spacing: 1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(67, 114, 170, 0.8);
   padding: 11px 20px 11px 20px;
}

/* opacity of featured image

.postandtitle a:hover {
	opacity: 0.9;
}
*/

.title a:hover {
	background: rgba(67, 114, 170, 0.5);
	padding-top: 11px;
	padding-bottom: 11px;
}

.title {
	text-transform: uppercase;
}

.pagenav {
	padding-left: 4px;
	padding-top: 1px;
	font-size: 10px;
}