/*   
Author: Enzo Amata
Theme Name: Enzo Theme
Theme URI: http://enzoamata.com/download-wordpress-theme-enzoamata
Author URL: http://enzoamata.com
Description: Clean, Custom Menu, Simple Layout, Resposive Design.
Tags: white, two-columns, fixed-width, featured-images, custom-menu
Version: 1.3

License: 
License URI: 
*/

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

* {
	margin:0;
	padding:0;
}

/* added float information */

.left{float:left;width:160px;}
.posts{float:right;width:600px;}
.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;
}

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

.header {
	width: 125px; height: 125px;
	padding-bottom: 50px;
	margin: 0px 0px 0px 0px;
	position: fixed;
}

/* 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:850px; height:100%;
	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 {
	margin:0px 0 0 0 !important;
	margin:0px 0 0 0;
	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;
}

.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 {
	font-size: 14px;	
	width: 170px;
	margin-top: 185px;
	margin-left: -45px;
	float:left;
	border-right:1px solid #F0F0F0;
	position: fixed;
}

/* side bar title within widgets 

.sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color: gray;
	padding:0 0 0px 0;
}
*/
.sidebar ul {
	list-style:none;
	margin:15px 15px 15px 0;

}

.sidebar li {
	text-align: right;
	letter-spacing: 2px;
	padding:8px 3px 8px 0px;
}

.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: 100%;
}

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

.title span {
   color: white;
   letter-spacing: 2px;
   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;
}

/* footer starts here */

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

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

/* content I don't use

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

*/