/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { 	border-collapse: collapse; border-spacing: 0; }


/* MAIN */

body { color: #ccc; font-family: Arial,Helvetica,sans-serif; font-size:62.5%; background-color: #1A1613; width:940px; margin: 2em auto; padding: 0; }

#container { background:#131313 url(img/black.png) repeat scroll 0 0; width:940px; }
#content { background:#131313; }

/* HEADER */

#header { position: relative; height: 50px; margin:40px auto 0; width:940px; background:#1A1613 url(img/header-bg.png) no-repeat scroll 0 0; font-family: Arial,Helvetica,sans-serif; }
#header .title { font-size: 3em; font-weight: bold; text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; margin-left: 20px; font-family: Arial,Helvetica,sans-serif; }
#header .title a { color: #89897c; }
#header .title a:hover { text-decoration: none; color: #CDCDBF }
div.subtitle { line-height: 50px; font-size: 1.2em; color: #55554e; margin-left: 1em; float: left; text-transform: lowercase; }

#header ul { position: absolute; top: 11px; right: 16px; }
#header ul li { float: left; margin-left: 20px; text-transform: lowercase;}
#header ul li a { background-repeat: no-repeat; height: 11px; padding: 17px 0 0 37px; display: block; }
#header ul li a strong { display: none; }
#header ul li.rss a { background-image: url("img/rss.png"); width: 149px; color: #ec7e2d; }
#header ul li.email a { background-image: url("img/email.png"); width: 140px; color: #49abe8; }

/* SLIDER */

#slider {width:940px; height:200px; margin: 0 auto; background:transparent url(img/otk47_V4_HEADER.png) repeat scroll 0 0;  }
		
/* MENU */

#menu { background:transparent url(img/black.png) repeat scroll 0 0; height: 40px; position: relative; text-transform: uppercase; font-size: 1em; font-family: Arial,Helvetica,sans-serif; }
#menu ul { margin-left: 10px; padding: 0 10px; position: relative; float: left; line-height: 40px; }
#menu ul li { float: left; }
#menu ul li a { text-decoration: none; color: white; outline: none; text-align: center; display: block; overflow: hidden; float: left; z-index: 10; padding: 0 10px; position: relative; } /* relative breaks ie */
#menu ul li a:hover { text-decoration: none; background:#131313;}

#menu .login { position:absolute; right:10px; color:#ffffff; }
#menu .login ul li a { text-decoration: none; color: white; outline: none; text-align: center; display: block; overflow: hidden; float: left; z-index: 10; padding: 0 10px; position: relative; } /* relative breaks ie */
#menu .login ul li a:hover { text-decoration: none; }
#menu ul li.current_page_item { background:#131313; }

#menu ul li.fav, #menu ul li.fav a:hover { background:#131313; }


/* FOOTER */

#powered { color: #55554e; font-size: 1.3em; background:#1A1613 url(img/footer-bg.png) no-repeat scroll 0 0; line-height: 18px; height: 50px; width:940px; margin: 0 auto 40px; }
#powered p { padding:10px; text-align:center; }
#powered a { color: #89897c; }


h1 { margin: 0; font-size: 2em; font-weight: normal; text-transform: uppercase; }

h2 { height: 17px; line-height: 17px; font-weight: normal; font-size:1.1em; text-transform: lowercase; padding:16px 15px; }
h2 span { background: transparent url(img/black.png) repeat scroll 0 0; padding: 0 7px 0 8px; float: left; color: #e7e7da; }
h2 small { float: left; padding-left: 8px; color: #89897c; display: block; height: 17px; }

a { color: #555555; text-decoration: none; }
a:hover { color: #9F4E47; }

div.clear { clear: both; }

div.post { float: left; width: 216px; height: 175px; overflow: hidden; margin: 9px; margin-left: 10px; position: relative; display: inline; /* JESUS FUCKING IE */ }
div.post img { border: 0; }
div.post p { position: absolute; bottom: 35px; margin: 0; padding: 0; font-size: 140%; font-weight: normal; color: #ccc; }
div.postInfo { background:#181818; bottom:10px; line-height:1.5em; font-size:1.2em; height:21px; right:0; padding:5px; position:absolute; text-align:center; }
div#pages { margin-top: 1em; }
div.pageInfo { float: left; 	padding:10px; display: inline; font-size:1.2em; }
div.pageLinks { float: right; padding:10px; font-size:1.2em; }
	
#whitebox { top: 0; left: 0; display: none; position: absolute; padding: 10px; margin: -12px 0 0 -12px; background: #131313 url(loading.gif) no-repeat scroll center center; }
#whitebox img { 	cursor: pointer; }