/* design & styling is copywrite Feileacán McCormick: www.feileacan.no

Do use this for learning (if you think it might help you), but don't copy/paste, make the knowledge your own and write from scratch. You learn more that way. :)  */


/* body & text styling */
body {font-family: Georgia, "Times New Roman", Helvetica; color: #f8f8f8; background-color: #1b1b1b; font-variant: normal; margin: 0; padding: 0; font-weight: normal;}

blockquote, p, li { font-size: 1.0em; line-height: 1.4em; text-decoration: none; text-align: left; font-weight: normal;
	margin: 2ex;
}
blockquote {margin-right: 0; margin-left: 20px;}

#content h1, #content h2, #content h3 {font-weight: 600; text-align: left; padding-top: 2ex;}


#content h4 {font-size: 1.1em; line-height: 1.3em; margin: 0; font-variant: normal; font-weight: 600; padding: 1.5ex 0px 0.5ex 3.5ex; color: #41d0e0;}

#content img { border: 0; 
}

#h1, #h2, #h3 #h4 {line-height: 0.8em; font-family: "Trebuchet MS", Helvetica, Verdana; color: #41d0e0;}

hr {margin: 1.4em auto; width: 370px; height: 1px; background-color: #7a7e7d; border: 0;}


/* Txp nav-list styles */
.section_list {list-style-type: none;}
.active_section {color: #e3bd00;}
.active_category {color: #e3bd00;}


/* links & nav */
a {color: #33a4b0;}
h3 a {font: 1.2em "Trebuchet MS", Helvetica, Verdana; color: #41d0e0; font-weight: 500; text-decoration: overline;}

/* mainnav */

#head ul {margin: 0; padding: 0; list-style: none; float: left; margin-left: 0px;}
#head li {display: inline; margin: 0; padding: 0;}
#head a:link, #head a:visited {color: #fff; padding: 5px 5px 4px 14px; float: left; width: auto; text-decoration: none; font: 0.8em/0.8em Arial, Helvetica, sans-serif;}
#head a:hover {color: #aca3a6;}
#head_nav li {padding: 0;}


/* subnav (top) */
#nav ul {margin: 0;padding: 0; list-style: none;}
#nav li {display: inline; margin: 0; padding: 0;}
#nav a {text-decoration: none; font: 0.8em/0.8em Arial, Helvetica, sans-serif;}


/* subnav (bottom) */
#break {width: 760px; border-bottom: 1px solid #959595;}
#subnav_bottom ul {margin: 0; padding: 0; list-style: none;}
#subnav_bottom li {display: inline; margin: 0; padding: 0;}
#subnav_bottom a {text-decoration: none; font: 0.8em/0.8em Arial, Helvetica, sans-serif;}
#subnav_bottom {clear: both; text-align: center; height: 20px; border-top: 1px solid #959595; border-left: 1px solid #959595; border-right: 1px solid #959595; width: 680px; margin: 0px 0 0px 40px; padding-top: 5px; padding-bottom: 3px;}


/* layout: main */
#accessibility {position: absolute; top: -10000px;}
#container {margin: 5px auto; padding: 10px; width: 790px;}
#banner {height: 150px; 	width: 511px; margin: 0px 0 5px 125px; }
#head {height: 15px; width: 790px; border-bottom: 1px solid #959595; padding-bottom: 5px;}
#nav {
	clear: both;
	text-align: center;
	height: 20px;
	border-bottom: 1px solid #959595;
	width: 720px;
	margin: 0px 0 5px 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
}
#content {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 75ex;
	padding-bottom: 5ex;
	list-style-position: inside;
}


/* layout: IE hack for readability settings */
#content p {min-width: 65ex; max-width: 75ex;}
#foot {clear: both; margin-left: 130px; width: 500px; text-align: center;}


/* layout: box model hacks - http://archivist.incutio.com/viewlist/css-discuss/48386 */
#container {\width: 770px; w\idth: 760px;}


/* article image placement */
img.article_img_right_top {float: right; margin: 0ex 0ex 2ex 2ex;}
img.article_img_left_top {float: left; margin: 0ex 2ex 2ex 0;}

img.article_img_right {float: right; margin: 2ex 0ex 2ex 2ex;}
img.article_img_left {float: left; margin: 2ex 2ex 2ex 0;}

img.article_img_center {margin: 0px 0 5px 110px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}


/* footer */
#footer {text-align: center; font-size: 0.8em; line-height: 0.8em; color: #959595;
	font-style: italic;
}

/* contact form styling */

form.zemContactForm {
	border-style: none;
}

fieldset {
	border: 1px solid #959595;
} 

form .zemTextarea {
font-family: Georgia, "Times New Roman", Helvetica; font-variant: normal;font-weight: normal;
}

