/*
Theme Name: Emanio Theme - Version 1 - www.blanktheme.com
Theme URI: http://www.blanktheme.com/
Description: Emanio Theme - Version 1 - Theme designed by Breakfrom
Version: 1.0
Author: Breakfrom Limited
Author URI: http://www.breakfrom.com/
*/

img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background: #666; font:12px/1.5 font-family: Arial, Helvetica, sans-serif; color: #000; margin: 20px 0 20px 0}

/*

color scheme
------------

color1: #code
color2: #code
color3: #code

*/


/*////////////////////		General		////////////////////*/

#main {margin: auto; width: 900px; background: #666}

#header {clear: both; width: 900px; height: 146px; background-image:url(images/header-bg.jpg)}
#menu {height: 53px; width: 900px; background-image:url(images/menu-bg.jpg)}

.col1page {width: 900px; height: 40px; background-color: #333333}

.col1 {width: 900px; background-image:url(images/main-bg.jpg)}

.col2 {width: 900px; background-image:url(images/text-bg.jpg); background-repeat:no-repeat; min-height:500px}
.col2 .left {width:590px; float:left; padding: 10px 10px 0 20px}
.left .box1 {width: 120px; min-height: 290px; background-image:url(images/col1.jpg); background-color: #860102; background-repeat:no-repeat; float:left; padding: 70px 5px 0 5px; margin-right: 20px}
.left .box2 {width: 120px; min-height: 290px; background-image:url(images/col2.jpg); background-color: #860102; background-repeat:no-repeat; float:left; padding: 70px 5px 0 5px; margin-right: 20px}
.left .box3 {width: 120px; min-height: 290px; background-image:url(images/col3.jpg); background-color: #860102; background-repeat:no-repeat; float:left; padding: 70px 5px 0 5px; margin-right: 20px}
.left .box4 {width: 120px; min-height: 290px; background-image:url(images/col4.jpg); background-color: #860102; background-repeat:no-repeat; float:left; padding: 70px 5px 0 5px; margin-right: 10px}

.col2 .right {width:279px; float:left; border-left:dotted 1px; margin-top:30px}
.right .top {width: 229px; float:left; background-image:url(images/top-box.jpg); background-repeat:no-repeat; height: 241px; padding: 10px 0 0 40px}
.right .bot {width: 219px; float:left; background-image:url(images/bot-box.jpg); background-repeat:no-repeat; height: 113px; margin-top:20px; padding: 10px 0 0 40px}

.col2b {width: 900px; background-image: url(images/page-text.jpg); min-height: 600px}
.col2b .left {width: 600px; float: left; padding: 0 10px 0 20px}
.col2b .right {width: 270px; float: left}




#footer {clear: both; margin: auto; width: 900px; height: 40px; background-color: #333333; border-top: 4px #000 solid}

.clear {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden}
.clear5 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:5px; overflow:hidden}
.clear10 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:10px; overflow:hidden}
.clear18 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:18px; overflow:hidden}
.clear20 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:20px; overflow:hidden}
.clear30 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:30px; overflow:hidden}
.clear40 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:40px; overflow:hidden}
.clear50 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:50px; overflow:hidden}
.clear100 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:100px; overflow:hidden}
.spacer-d10 {clear: both; height: 9px; border-bottom: 1px dotted #ccc; margin-bottom: 10px}
.spacer-d20 {clear: both; height: 19px; border-bottom: 1px dotted #ccc; margin-bottom: 20px}
.spacer-d30 {clear: both; height: 29px; border-bottom: 1px dotted #ccc; margin-bottom: 30px}
.spacer-s10 {clear: both; height: 9px; border-bottom: 1px solid #eee; margin-bottom: 10px}
.spacer-s20 {clear: both; height: 19px; border-bottom: 1px solid #eee; margin-bottom: 20px}
.spacer-s30 {clear: both; height: 29px; border-bottom: 1px solid #eee; margin-bottom: 30px}

.highlight {background: #f0e5d2; border: 1px dotted #d1c3aa; padding: 10px}


/*////////////////////		Text		////////////////////*/

h1 {font-weight: normal; font-size: 24px; font-family: "Eras Bold ITC", Arial, Helvetica, sans-serif; color: #860101}
h2 {font-weight: normal; font-size: 22px; font-family: "Eras Bold ITC", Arial, Helvetica, sans-serif; color: #860101}
h3 {font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration:underline}
h4 {font-weight: normal; font-size: 18px; font-family: "Eras Bold ITC", Arial, Helvetica, sans-serif; color: #860101}
h5 {font-weight: normal; font-size: 14px; font-family:  Arial, Helvetica, sans-serif; color: #860102; padding-left:5px}
h6 {font-weight: normal; font-size: 12px; font-family: "Eras Bold ITC", Arial, Helvetica, sans-serif; color: #666}

p {font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px}
.post p {margin-bottom: 10px; margin-left: 30px}
.post ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-bottom: 0px solid #fff}
.post img {margin: 0; padding: 0}
.post .alignright {margin-left: 20px}
.post .alignleft {margin-right: 20px}
#footer p {text-align: center; color: #666; padding-top: 10px}

.list {margin: 0; padding: 0 0 0 30px; list-style: circle; font-size: 14px; font-weight: bold}

.lightestblue {color: #adf}
.lightblue {color: #09f}
.blue {color: #026}
.orange {color: #f60}
.green {color: #590}
.black {color: #000}
.grey {color: #666}
.white {color: #fff}

.xxxlarge {font-size: 20px}
.xxlarge {font-size: 18px}
.xlarge {font-size: 16px}
.large {font-size: 14px}
.medium {font-size: 12px}
.small {font-size: 10px}
.xsmall {font-size: 8px}

.textright {text-align: right}
.textleft {text-align: left}
.textcenter {text-align: center}

.alignright {float: right}
.alignleft {float: left}

.clearright {clear: right}
.clearleft {clear: left}
.clearboth {clear: both}

.pad10 {padding: 10px}


/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: underline; color: #000}
a:hover {text-decoration: underline}
a:active {text-decoration: underline}

#footer a:link, #footer a:visited {text-decoration: underline; color: #f00}
#footer a:hover {text-decoration: underline}
#footer a:active {text-decoration: none}

a#bwd:link, a#bwd:visited {text-decoration: underline; color: #999; font-size: 11px}
a#bwd:hover {text-decoration: underline}
a#bwd:active {text-decoration: none}

a.button:link, a.button:visited {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding: 3px 5px 3px 5px; background-color: #ddd; border: 1px solid; border-color: #fff #bbb #999 #bbb; text-decoration: none; color: #000}
a.button:hover {background-color: #ffffe4; border-color: #ffffe6 #f5f5b6 #d3d397 #f5f5b6}
a.button:active {background-color: #ffffe6; border: 1px solid; border-color: #d3d397}

.breakfrom a {color: #f0f}

/*////////////////////		Menu		////////////////////*/

#menu ul {margin: 0 0 0 20px; list-style: none}
#menu ul li {height: 33px; padding: 20px 0 0 0; margin: 0; width: 130px; float: left; vertical-align:middle; line-height: 18px; font-family: "Eras Bold ITC", Arial, Helvetica, sans-serif; color: #e0e0e0; text-align: center}
#menu a:link, #menu a:visited {font-size: 16px; text-decoration: none; color: #000;}
#menu a:hover {font-size: 16px; text-decoration: underline; color: #000}
#menu a:active {font-size: 16px; text-decoration: none;}
#menu ul li.current_page_item a {color: #000;}
#menu ul li.current_page_item {color: #000; background: transparent url(images/current-page.jpg) top left no-repeat}

/*////////////////////		Forms		////////////////////*/

.linklove {display: none}

#menutwo a:link, #menutwo a:visited {text-decoration: none}
#menutwo a:hover {text-decoration: none}
#menutwo a:active {text-decoration: none}

#menutwo a.one {display: block; float: left; width: 280px; height: 330px}
#menutwo a.two {display: block; float: left; width: 330px; height: 330px}
#menutwo a.three {display: block; float: left; width: 290px; height: 330px}