* { margin: 0; padding: 0; }

body { 
	background-color: #eee;
	border-top: 10px solid #999;
	font: normal 100%/1.3em "trebuchet MS", arial, helvetica, sans-serif;
	padding: 20px 0; 
	margin: 0; 
}

#wrapper1 {
	font-size: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 980px;
}

#wrapper2 {
	background-color: #fff;
	border: 10px solid #fff;
	font-size: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 960px;
}

#title { position: absolute; }
#title h1 { font-size: 2.3em; }
#title a { color: #999; text-decoration: none; }

#floral {
	background: url(floral.png) no-repeat 0 0;
	height: 260px;
	margin-left: 880px;
	width: 101px;
	position: absolute;
}

#header {
	background: #eee url(header.png) no-repeat 0 0;
	border-bottom: 10px solid #fff;
	float: left;
	height: 100px;
	padding: 10px;
	width: 960px;
}

#header h1 {
	font: 50px/58px 'BlackJackRegular', Arial, sans-serif; letter-spacing: 0;
	line-height: 1.8em;
	padding: 0 0 0 20px;
}

@font-face {
	font-family: 'BlackJackRegular';
	src: url('black_jack-webfont.eot');
	src: local('?'), url('black_jack-webfont.woff') format('woff'), url('black_jack-webfont.ttf') format('truetype'), url('black_jack-webfont.svg#webfontWY3rjNeL') format('svg');
	font-weight: normal;
	font-style: normal;
}

#search {
	background: transparent url(bg-search.png) no-repeat center bottom;
	margin: -30px 0 0 560px;
	padding: 10px;
	position: absolute;
	width: 275px;
}

#search input { border: 1px solid #999; padding: 2px; }

#navTop { 
	float: left; 
	margin-top: 60px;
	width: 100%; 
}

#navTop ul { margin: 0; padding: 0; }

#navTop li {
	display: inline;
	float: left;
	list-style: none;
	line-height: 2em;
}

#navTop li a { 
	color: #000;
	font-weight: normal;
	display: block; 
	padding: 0 10px; 
	text-decoration: none; 
}

#navTop li a:hover {

	background: #fff; /* old browsers */
	color: #000;
	display: block; 
	padding: 0 10px; 
	text-decoration: none; 
}

#navTop li a.current {

	background: #fff; /* old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
	color: #000;
	display: block; 
	padding: 0 12px; 
	text-decoration: none; 
}

.navList {
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	width: 100%;
}

.navList li { list-style: none; }

.navList li a {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: underline;
}

.navList li a:hover { text-decoration: none; }

#mainColumn {
	background-color: #fff;
	float: left;
	padding: 0 10px 10px 0;
	width: 670px;
}

.list { margin-left: 30px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.1em; margin: 0 0 16px 0; padding: 0; }

h1 { font-size: 5em; }

h2 { font-size: 2.3em; margin: 16px 0; text-transform: uppercase;  }
h3 { font-size: 1.5em;  text-transform: uppercase; }
h4 { color: #4D4D4D; font-size: 1.3em; }

#footer h4 { color: #fff; }

p { padding: 0;	margin: 8px 0 16px 0;}

a { color: #06386C; font-weight: bold; text-decoration: none; }
a:hover { color: #0066CC; text-decoration: underline;  cursor: pointer;}

hr {
    float: left;
    width: 100%;
    height: 1px;
    color: #999;
    border: none;
}

html > body hr {
    margin: 8px 0 14px 0;
    width: 100%;
    height: 1px;
    background-color: #999;
    border: none;
}

#mainColumn .divider { border-top: 2px dotted #999; float: left; height: 2px; margin: 2px 0 16px 0; width: 100%;  }

.divider { border-top: 2px dotted #999; float: left; height: 2px; margin: 8px 0; width: 100%;  }

.divider2 { 
	background: url(divider2.png) no-repeat center 0;
	float: left; 
	height: 13px; 
	margin: 8px auto 16px auto; 
	width: 100%;  
}

.button {
	background: #E6E6E6 url(bg-button.png) repeat-x 0 0;
	border: 1px solid #ccc;
	padding: 2px 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: auto;
}

.button:hover {
	background: #999;
	color: #fff;
	border: 1px solid #999;
	cursor: pointer;
}

input, textarea {
	border: 1px solid #ccc;
	margin: 8px 0;
	padding: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

input {
	width: 200px;
}

textarea {
	height: 200px;
	width: 500px;
}

.comment {
	background-color: #eee;
	border: 1px solid #999;
	margin: ;
	padding: 5px 10px;
}

.error {
    background: #FBE3E4 url(error.png) no-repeat 4px 6px;
    border: 2px solid #FBC2C4;
    margin: 0 0 8px 0;
    padding: 2px 4px 2px 25px;
}

.success {
    background: #E6EFC2 url(success.png) no-repeat 4px 6px;
    border: 2px solid #C6D880;
    margin: 0 0 8px 0;
    padding: 2px 4px 2px 25px;
}

.info {
    background: #D5EDF8 url(info.png) no-repeat 4px 6px;
    border: 2px solid #92CAE4;
    margin: 0 0 8px 0;
    padding: 2px 4px 2px 25px;
}

#thumbs, #marketplace { float: left; margin: 16px 0 16px 65px; width: 100%; }
#thumbs ul, #marketplace ul { margin: 0; padding: 0; }
#thumbs li, #marketplace li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0 15px 16px 0;
	width: 170px;
}

#thumbs li img, #marketplace li img { border: 0; margin-bottom: 5px; height: 128px; width: 170px; }

img { border: 0; vertical-align: middle; }

.pagination { 
	background-color: #eee;
	float: left; 
	margin-bottom: 16px;
	padding: 4px 10px;
	width: 650px; 
}

#thumbs .icon, .icon {
	background-color: #999;
	background-image:none;
	margin-right: 5px;
	height: 16px;
	width: 16px;
}

#rightColumn {
	background-color: #eee;
	float: left;
	padding: 10px;
	width: 260px;
}

.pdf:after { content:url(../../images/pdf.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.mp3:after { content:url(../../images/mp3.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.video:after { content:url(../../images/video-play.png); margin: 0 0 0 5px; padding-top: 7px; vertical-align: middle; }

.doc:after { content:url(../../images/doc.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.txt:after { content:url(../../images/txt.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.jpg:after { content:url(../../images/jpg.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.gif:after { content:url(../../images/gif.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.bmp:after { content:url(../../images/bmp.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.png:after { content:url(../../images/png.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.zip:after { content:url(../../images/zip.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.zoom:after { content:url(../../images/zoom-in.png); margin: 0 0 0 5px; padding-top: 10px; vertical-align: middle; }

.mail:after { content:url(../../images/mail.png); margin: 0 0 0 5px; padding-top: 2px; vertical-align: middle; }

.external:after { content:url(../../images/external.png); margin: 0 0 0 5px; padding-top: 2px; vertical-align: middle; }

#rightColumn p { margin-bottom: 4px; }

#footer {
	background-color: #999;
	border-top: 10px solid #fff;
	color: #fff;
	text-align: center;
	float: left;
	padding: 10px;
	width: 940px;
}

#footer a {	color: #fff; font-weight: bold; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer li { list-style: none; }

.bottom-block {
	float: left;
	padding-bottom: 16px;
	text-align: left;
	width: 33.33%
}

.inner { margin-right: 16px; }

#copyright {
	background-color: #000;
	float: left;
	padding: 8px 0;
	width: 100%;
}

.topic { 
	background-color: #F0F0F0;
	float: left;
	margin: 0;
	padding: 7px 10px;
	width: 650px;
}

#mainColumn .topic li {
	margin-left: 30px;
}

.topicFooter { 
	background: url(comment-arrow.png) 20px 0 no-repeat;
	float: left;
	height: 18px;
	margin-bottom: 16px;
	width: 100%;
	padding-left: 58px;
	padding-top: 1px;
}

#bottom {
	background-color: #999;
	height: 5px;
	margin: 0 auto;
	width: 980px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }