/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}

body {color:#232323; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; background-color:#FFFFFF}

p {margin-bottom:12px}

a:link {color:#0f80b8; text-decoration:none}
a:visited {color:#0f80b8; text-decoration:none}
a:hover {color:#212121; text-decoration:none}
a:active {color:#212121; text-decoration:underline}

h1 {font-size:22px}
h2 {font-size:15px}
h3 {font-size:14px; font-weight:bold; text-transform:uppercase}

acronym {cursor:help}


#top {height:209px; width:980px}
#content {clear:both}
#popcontent {padding:18px}

#mastwrap {width:260px; float:left; clear:both;}
#aboutfront {margin:10px}
#reading {margin:10px; padding:15px 0}
#partners {margin:10px; padding:15px 0}

#articles-front {float:left; width:390px; margin:0 12px}


#portfolio-front {float:left; width:300px; margin:0 12px}

.articleitem { color:#565656; border-bottom:1px dotted #656565; padding-top:9px}
.articleitem p {margin-bottom:7px; line-height:1.3em}
.frontdate {font-size:12px; color:#454545; float:right}

.portfolioitem { color:#565656; border-bottom:1px dotted #656565; padding:5px 0}
.portfolioitem img { box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 15px;}

#search {width:200px; float:right}
#topaddress {width:150px; float:right; padding:15px 4px 0 4px; margin-left:6px; text-align:center; font-size:10px; color:#dddddd; height:180px; background-color:#222222; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px}

#nav {float:right}
#nav ul li {float:left; padding:15px 10px; border-left: 1px solid #bebebe; width:100px; text-align:center; height:50px;}
#nav ul li.last {border-right: 1px solid #bebebe;}

#nav ul li a:link, #nav ul li a:visited {font-size:12px; text-transform:uppercase; font-weight:bold;}
#nav ul li:hover, #nav ul li.active { background-color:#222222; text-decoration:none; color:#ffffff; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; height:60px}
#nav ul li.active a:link, #nav ul li.active a:visited, #nav ul li.active a:hover {text-decoration:none; color:#ffffff;}
#nav ul li:hover a:link, #nav ul li:hover a:hover, #nav ul li:hover a:visited {color:#ffffff; text-decoration:none;}

#nav ul li a.navsmall {font-size:10px; color:#999999; text-transform:none; font-weight:normal; text-shadow:none}

#blogcontainer {float:left; width:600px; padding:10px}
#blogsidebar {float:left; width:300px; padding:10px}

.blogentry {margin:12px 0; border-bottom:1px dotted #656565; padding:10px; text-align:justify}
.blogentry h2 {margin-bottom:12px}

.darkbox {background-color:#222222; color:#FFFFFF; width:270px; height:250px; padding:10px; -moz-border-radius:10px; border-radius:10px; float:left; margin:5px}

.portfoliochunk {float:left; margin:14px 10px; padding:10px; width:280px; height:200px}
.portfoliochunk img {padding-bottom:5px}
.portfoliochunk a:hover {color:#000000}

.s1 {font-size:12px}
.s2 {font-size:16px}
.s3 {font-size:19px}
.s4 {font-size:23px}
.s5 {font-size:30px}

.smalltext {font-size:10px; color:#777777}