/*
Theme Name: Ezion's Damn Ugly Theme
Theme URI: http://sebastiano.ezion.cc/
Description: First theme build by Sebastiano Bellinzis for WP Platform.
Version: 1.0
Author: Sebastiano Bellinzis
Author URI: http://sebastiano.ezion.cc/
Tags: blue, graphic sidebox header, fixed width, two columns, widgets

		Damn Ugly
	 	http://sebastiano.ezion.cc/

	This theme was designed and built by Sebastiano Bellinzis,
	whose blog you will find at http://sebastiano.ezion.cc/
*/

/* Begin Typography & Colors */
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #333333 url('images/pattern.png');
	color: #333;
	text-align: center;
	background-attachment:fixed;
	}

#page {
	text-align: left;
	background: url('images/bg_main.png') repeat-y bottom center;
	}

#header {
	background: url('images/nheader.png') no-repeat bottom center;
	}

#headerimg 	{}

#content {	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.entry {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}

.clear{clear:both;}

.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

#footer {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}

small {font-family: Arial, Helvetica, Sans-Serif;font-size: 10px;}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 {font-size: 24px; text-align: center;}

#headerimg .description {
	font-size: 12px;
	text-align: center;
	}

h2 {
	font-size: 16px;
	}

h2.pagetitle {
	font-size: 24px;
	}


.post h2, .evenpost h2 {
	font-size:18px;
	font-weight:bold;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	display:block;
	border-bottom:1px dotted #CCCCCC;
	}

h3 {
	font-size: 18px;
	}

h4 {
	background-color:#CCFFFF;
	border:1px solid #CCCCFF;
	display:block;
	margin:10px;
	padding:5px 0 5px 90;
	font-size: 16px;
	text-align:center;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #000;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {color: #b85b5a;}

.commentlist li, #commentform input, #commentform textarea {font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
.commentlist p {font-weight: normal;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}



#sidebar {font-size: 12px;font-family: Arial, Helvetica, sans-serif;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #000000;}

code {font: 12px 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{font-size: 10px; letter-spacing: 1px;}

a, h2 a:hover, h3 a:hover {color: #06c;text-decoration: none;}

a:hover {color: #147;text-decoration: underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 10px;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}

#wp-calendar th {font-style: normal;text-transform: capitalize;}
/* End Typography & Colors */



/* Begin Structure */
body {margin: 0px;padding: 0;}

#page {margin: 0px auto;padding: 0;width: 982px;}
#header {height: 284px;width: 982px;}
#headertop{height:75px;}
#headerimg {margin-left:65px;float:left;height:72px;width: 467px; padding-top:8px;}
#headersocial{float: right;height:75;width:350px;margin-right:23px;text-align:center;padding-top:20px;}

#headermid{height:134px; border:0px solid black;}
#headerblock{margin-left:35px;margin-top:10px;float: left;height:110px;width: 540px;}
#headerblock-side{float: right;height:110px;width:350px;margin-right:23px;text-align:center;}
#headerblock-subscribe{
	background-image:url(images/subscribeto.png);
	width:280px;
	height:47px; 
	margin-left:35px;
	padding-top:53px;
	}

#headerblock-subscribe input, #headerblock-subscribe submit{
	border:2px solid #cf7015;
	background:transparent;
	color: #cf7015;
}

#headerblock-extrafield {
	border:0px solid black;
	height:100px;
	width:340px;
	padding:5px;
}

#headerblock-extrafield li img.widgettitle{display:none;}
#headerblock-extrafield li {list-style-type:none; width:340px; text-align:center;}


#headersub{margin-top:5px;height:30px;padding-left:30px;}


.narrowcolumn {float: left;padding: 0 0 20px 24px;margin: 0px 0 0;width: 570px;border:0px solid black;}

.post,.evenpost {margin: 0 0 40px;width:549px; padding:0 10px 0 10px; font-size:12px;}

.evenpost {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}




.navigation a, .navigation a:visited {color: #666666;}
.previous-entries a {float: left;margin-left:10px;padding-left: 35px;background: url(images/arrow_left.png) no-repeat left center;}
.next-entries a {float: right;margin-right:10px;padding-right: 35px;background: url(images/arrow_right.png) no-repeat right center;}

.narrowcolumn .postmetadata {padding-top: 5px;}
.narrowcolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.narrowcolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {clear: left;}

/* Footer */
#footer {width: 982px;height:289px;clear: both;}
#l_footer{height:289px;width:228px;background: url('images/l_footer.png') no-repeat;float:left;padding-left:20px;}
#lc_footer{height:289px;width:221px;background: url('images/lc_footer.png') no-repeat;float:left;padding-left:10px;}
#rc_footer{height:289px;width:221px;background: url('images/rc_footer.png') no-repeat;float:left;padding-left:10px;}
#r_footer{height:289px;width:227px;background: url('images/r_footer.png') no-repeat;float:left;}
#tb_footer{height:289px;width:45px;background: url('images/tb_footer.png') no-repeat;background-position:top right;float:left;}
#tb_footer img{margin:35px auto; height:240px;width:35px;}
#footer ul{margin:0px;padding:0px;}
#lc_footer ul li {list-style-type:none;background: url(images/mini_page.png) no-repeat;margin-left:10px;padding-left:20px;}
#rc_footer ul li, #l_footer ul li{list-style-type:none;background: url(images/mini_comment.png) no-repeat;margin-left:10px;padding-left:20px;}
.footer_content{width:200px;height:200px;overflow:hidden;margin:60px auto;border:0px solid black;}
/* End Structure */


/*	Begin Headers */
h1 {padding-top: 0px;margin: 0;}
h2 {margin: 10px 0 0;}
h2.pagetitle {margin-top: 30px; text-align: center;}
h3 {padding: 0;margin: 30px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
/* End Headers */



/* Begin Images */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}
	
.post img { padding: 3px 3px 3px 3px;background:#f0f0f0;border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important;}
.evenpost img { padding: 3px 3px 3px 3px;background:#f0f0f0;border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important;}
/* End Images */


/*sidebar text styles */
#sidebar h2 {height:60px;}

#sidebar a, #sidebar a:visited{color: #06c;text-decoration: none;}
#sidebar a:hover{color: #000000;text-decoration: none;}

/*sidebar list level1 */
#sidebar ul {margin:0; padding: 0;}
#sidebar ul li {list-style: none;margin: 0;padding: 0;border: none;}

/*sidebar list level2 */
#sidebar ul li ul {padding: 0;margin: 0;}
#sidebar ul li ul li{padding: 2px 0 2px 0px;border-bottom: 1px solid #CCCCCC;}

/*sidebar list level3 */
#sidebar ul li ul li ul li{padding: 1px 0 1px 10px;border: none;}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}

#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}

/* This is mainly for password protected posts, makes them look better. */
.entry form { text-align:center;}

select {width: 130px;}


#commentform {padding:0px 5px 0px 5px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 549px;padding: 2px;}
#commentform #submit {margin: 0;float: right;}
/* End Form Elements */



/* Begin Comments*/
.commentlist li.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* End Comments */



/* Begin Sidebar */
#sidebar{float:right;padding: 0px 0 10px 0;margin-right: 24px;width: 350px;border:0px solid black;}


#sidebaradv{height:165px;border-bottom:#000000 0px solid; text-align:center;}
#sidebaradv li img.widgettitle{display:none;}
#sidebaradv li {list-style-type:none; width:340px; text-align:center;}

#sidebarsocial{text-align:center;margin-bottom:10px;}

#sidebarleft{float:left;width:162px;margin-left:8px;}
#sidebarright{float:right;width:162px;margin-right:8px;}
#sidebar form {margin: 0;}
	
/*blogroll */
ul.list-blogroll li, li.widget_links li, li.widget_meta li,li.widget_linklove li{
	background: url(images/mini_arrow.png) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini_star.png) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archive li,li.widget_archives li{
	background: url(images/mini_dot.png) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini_page.png) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini_comment.png) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {padding: 1px 7px;}
/*text widget */
.textwidget {padding-top: 5px;}
	
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}

blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}


a img {border: none;}
/* End Various Tags & Classes*/

/* Navigation */
#navigation {	margin-left:100px; }

.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

#navigate{margin: 0px;padding: 0px;list-style-type: none;text-align:center;}

#navigate li {display: inline; list-style-type: none;}

#navigate a {
	font-family : "Trebuchet MS", Tahoma, Arial; 
	text-decoration: none;
	background: url(images/rollover.png) top left no-repeat;
	font-size: 14px;
	font-weight:bold;
	margin: 0px;
	height: 23px;
	padding-top:7px;
	width: 120px;
	float: left;
	text-transform:uppercase;
	color:#5b9400;
	margin-right:5px;
	}

#navigate a:hover {
	font-family : "Trebuchet MS", Tahoma, Arial;
	text-decoration: none;
	background: url(images/rollover.png) bottom left no-repeat;
	color:#be8f00;
	}

#navigate li.active_page a {
	background: url(images/rollover.png) bottom left no-repeat;
	color:#be8f00;
	}
	
#navigate li.active_page a:hover {
	background: url(images/rollover.png) top left no-repeat;
	color:#5b9400;
	}

pre{font-size: 10px;margin: 0px;padding: 0;}