@import url("reset.css"); 

body { font-family: "Courier New", Courier, monospace; font-size: 14px; line-height: 20px; color: #333; background: #fff; }
a { color: #111; text-decoration: none; }
a:hover { color: #333; }
p { margin-bottom: 10px; }
.wrap, #header h4, #nav ul, #footer ul { margin: 0 auto; width: 960px; }
#main { width: 960px; margin: 0 auto; }

/* HEADER */

#header { margin: 0 0 10px 0; padding: 30px 0 15px 0; border-bottom: 1px solid #e2e2e2; background: #fbfbfb; }
#header h4 { font-family: "Tahoma", Verdana, Helvetica, Arial; font-size: 100px; color: #111; text-transform: uppercase; line-height: 100px; }
#header h4 a { color: #111; text-decoration: none; }
#header h4 a:hover { color: #222; }
#header h4 a em { color: yellow; font-style: normal; }

/* NAV */

#nav { float: left; width: 100%; margin: 0 0 40px 0; }
#nav ul { width: 940px; padding: 0 20px 0 0; position: relative; }
#nav ul li { float: left; text-transform: uppercase; font-size: 16px; margin: 0 10px 0 0; }
#nav ul li.right { float: right; margin: 0 0 0 10px; }
#nav ul li a { display: block; color: #333; text-decoration: none; padding: 0 7px; line-height: 26px; }
#nav ul li a:hover,
body#new li.new,
body#popular li.popular,
body#random li.random,
body#search li.search,
body#login li.login,
body#forum li.forum,
body#info li.info,
#nav li.selected
{ background: yellow; }

#nav li.selected { position: absolute; z-index: 100; }
#nav li#usernav { margin: 0 0 0 10px; }
#nav li#usernav { top: 0; right: 20px; position: absolute; }
#drop .dropmenudiv_a { width: inherit; visibility: hidden; background: #111; }
#drop #dropmenu1_a a { display: block; clear: both; width: inherit; background: yellow; color: #000; line-height: 22px; font-size: 12px; padding-left: 8px; border-top: 1px solid #fff; }
#drop #dropmenu1_a a:hover { color: #ccc; background: #000; }

/* HEADERS */

h2 { clear: both; font-family: "Tahoma", Verdana, Arial, sans-serif; font-size: 35px; text-transform: uppercase; line-height: 40px; font-weight: bold; color: #111; margin: 0 0 20px 0; }

/* CONTENT */

#content { width: 960px; float: left; padding: 0 0 40px 0; }
.post { float: left; width: 600px; padding: 0 0 20px 0; }
#content p a { text-decoration: underline; }
.comment { float: left; width: 600px; border-top: 1px solid #dadada; padding: 20px 0 10px 0; color: #777; }
.comment p { margin: 0 0 15px 110px; }
.comment h4, .comment h5 { margin: 0 0 5px 110px; }
.comment img { float: left; margin-bottom: 10px; }
.comment textarea { width: 450px; height: 200px; margin-left: 20px; }
body.less-wide .comment textarea { width: 550px; }
.comment input { margin: 20px 0 0 110px; clear: both; }
.comment h3 { font-size: 22px; font-weight: normal;  margin: 0 0 8px 110px; }
body#activity .comment p { margin: 0 0 15px 320px; }
body#activity .comment h4 { margin: 0 0 5px 320px; }
body#activity .comment h3 { margin-left: 320px; line-height: 26px; }
body#activity .comment.new-user h3 { margin: 9px 0 0 65px; }
body#activity .comment, body#forum .comment { width: 750px; border-top: none; border-bottom: 1px solid #dadada; padding: 0 0 15px 0; color: #777; margin-bottom: 25px; }
body#forum .comment p { margin: 0 0 15px 110px; }
body#forum .filter, body#people .filter, body#categories .filter, body#activity .filter { margin: -10px 0 40px 0; }
body#forum .comment h3 { margin-top: 15px; font-family: "Tahoma", Verdana, Helvetica, Arial; text-transform: uppercase; font-weight: bold; }
.content-wrap { float: left; width: 660px; }
.vote { position: relative; }
.vote a { background:#FFFFFF url(/images/heart.png) no-repeat scroll 0 0; display: block; height: 21px; overflow: hidden; position: absolute; left: -45px; text-decoration: none; text-indent: -9999px; top: 10px; width: 30px; z-index: 2; }
.vote a:hover, .vote a.selected { background:#FFFFFF url(/images/heart.png) no-repeat scroll 0 -42px; }
.header h2 a.new-forum-post { float: right; font-size: 14px; margin-top: -66px; }
#content embed { margin: 0 0 15px 0; z-index: 0; }
.content { width: 100%; clear: both; padding: 30px 0; }
.content h2 { font-size: 26px; font-weight: normal; margin-bottom: 20px;  }
body#categories .thumb h2 { position: absolute; bottom: 0; font-size: 34px; width: 100%; height: 100%;  background: transparent url(/images/cat-bg.png) repeat scroll 0 0; font-weight: normal; color: #999; margin: 0; }
body#categories .thumb h2 a { color: #fff; position: absolute; text-align: center; top: 45%; width: 300px; }
body.cats .thumb img.video-icon { display: none; }
.filter { width: 100%; clear: both; margin-bottom: 20px; }
.filter a { padding: 2px 4px; }
.filter a:hover { background: #eaeaea; color: #111; }
.filter a.selected { background: #000; color: #fff; }
.filter span { float: left; display: block; background: #fff url(/images/right-arrow.gif) no-repeat scroll right 9px; padding: 1px 18px 0 0; margin: 0 7px 0 0; color: #555; }

/* SIDEBAR - POSTS */

#side { float: left; width: 300px; padding-left: 40px; }
#side ul { float: left; width: 300px; clear: both; margin-bottom: 25px; }
#side ul li { float: left; width: 44px; height: 44px; margin: 0 3px 3px 0; }
#side h4 { float: left; width: 220px; font-weight: normal; margin-bottom: 14px; color: #999;  }
#side h2 { width: auto; }
#side p.admin { width: 300px; font-size: 12px; float: left; padding: 15px 0 0 0; border-top: 1px solid #dadada; }
#side .author, #side .box { float: left; width: 300px; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #dadada; }
body#people #side .author, body#people #side .box { width: 200px; }
#side .author img { float: left; }
#side .author p { margin: 0 0 0 55px;  font-size: 12px; }
#side .box p { margin: 0 5px; font-size: 15px; line-height: 24px; }
#side .author p a { color: #999; text-decoration: none; font-size: 14px; }
#side .box ul li { width: auto; height: auto; float: none; margin: 0 0 5px 5px;  }
#side .box ul li a { display: block; background:#FFFFFF url(/images/right-arrow.gif) no-repeat scroll -2px 6px; padding-left: 17px; }
#side ul#bookmarks { border-top: 1px solid #dadada; margin: 0 0 5px 0; }
#side ul#bookmarks li { float: left; padding: 15px 10px 0 0; width: auto; height: auto; }
body#info .post h2, body#info #side h2 { font-size: 28px; margin-bottom: 15px; }
body#info #side h4 { font-size: 20px; margin-bottom: 15px; text-transform: uppercase; font-weight: bold; font-family: "Tahoma", Verdana, Helvetica, Arial; }
body#info .post a { text-decoration: underline; }

/* PROFILES */

body#profile .sub-header { float: left; width: 940px; clear: both; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dadada; }
body#profile .sub-header h2 { float: left; line-height: 30px; clear: none; margin-bottom: 10px; }
body#profile .sub-header h3 { float: left; font-size: 16px; line-height: 16px; margin-bottom: 10px; font-weight: normal; color: #666; }
body#profile .sub-header img { float: left; }
body#profile .sub-header ul#user-urls { float: left; }
body#profile .sub-header ul#user-urls li { float: left; margin-right: 10px; }
body#profile .sub-header ul#user-urls li a { padding: 2px 4px; background: yellow; }
body#profile .sub-header ul#user-urls li a:hover { background: #111; color: #fff; }
body#profile .sub-header h2, body#profile .sub-header h3, body#profile .sub-header ul#user-urls { margin-left: 20px; width: 825px; }

/* THUMBS */

.thumbs { float: left; width: 300px; margin: 0 20px 0 0; }
.thumbs img { width: 300px; height: auto; }
.thumbs .thumb, .thumb {
	float: left;
	width: 300px;
	height: auto;
	position: relative;
	margin: 0 0 20px 0;
	left: 44px;
	top: 207px;
}
.thumbs .thumb img.video-icon, .thumb img.video-icon { position: absolute; top: 40%; left: 44%; width: 38px; height: 32px; }
.thumb a.like, .thumb a.source { display: none; width: 38px; height: 32px; text-indent: -9999px; z-index: 3; position: absolute; right: 5px; }
.thumb a.like { background: transparent url(/images/like-icon.png) no-repeat scroll 0 0; top: 5px; }
.thumb a.source { background: transparent url(/images/source-icon.png) no-repeat scroll 0 0; top: 42px; }
.thumb:hover a.like, .thumb:hover a.source { display: block; }
a.like:hover, .thumb:hover a.like.selected { background: transparent url(/images/like-icon.png) no-repeat scroll 0 -32px; }
a.source:hover { background: transparent url(/images/source-icon.png) no-repeat scroll 0 -32px; }

/* AVATARS */

ul#avatars li { float: left; margin: 0 8px 8px 0; }
ul#avatars li a { display: block; width: 88px; height: 88px; }

/* FORM PAGES */

ul.form { float: left; width: 100%; }
ul.form li { float: left; margin-bottom: 25px; clear: both; width: 100%; }
ul.form label { float: left; clear: both; width: 500px; font-size: 16px; padding-bottom: 10px; }
ul.form label span { font-size: 12px;  color: #888; }
ul.form input { float: left; clear: both; font-size: 20px; width: 480px; padding: 5px; }
ul.form li.buttons input { width: auto; }
ul.form textarea { float: left; clear: both; font-size: 14px; width: 480px; height: 100px; padding: 5px; }
ul.form select { float: left; clear: both; font-size: 14px; width: 200px; }
ul.form input.error { border: 2px solid #ff0000; }
ul.form li.birthday select { float: left; margin-right: 10px; font-size: 14px; width: auto; clear: none; }
ul.form input#user_allow_notification { width: auto; clear: none; }

/* PAGINATION */

ul#pagination { float: left; width: 100%;  margin: 20px 0 0 0; clear: both; }
ul#pagination li { float: left; margin: 0 5px 0 0; }
ul#pagination li a { display: block; padding: 4px 10px 2px 10px; background: #eee; color: #666; }
ul#pagination li a:hover { background: #fff; color: #333; }
ul#pagination li a.selected { background: #111; color: #fff; }
body.less-wide ul#pagination { width: 700px; border: none; margin:0; padding: 0; }

a#next, a#previous { top: 42%; font-size: 100px; line-height: 120px; color: #ddd;  }
a#next:hover, a#previous:hover { color: #aeaeae; }
a#next { position: fixed; left: 10px; }
a#previous { position: fixed; right: 10px; }
_a#next, _a#previous { position: absolute; }

/* ABOUT & STATIC PAGES */

#about .header h2 { font-size: 45px; line-height: 55px; }
#about h3 { font-size: 24px; line-height: 38px;  font-weight: normal; margin-bottom: 20px;}
#about p { font-size: 16px; line-height: 22px; color: #888; margin-bottom: 20px; }
#about p span { background: #eee; color: #333; padding: 2px; }

/* FOOTER */

#footer { clear: both; height: 70px; border-top: 1px solid #e2e2e2;  text-transform: uppercase; }
#footer ul { padding: 10px 0 0 0; font-size: 14px; color: #666; }
#footer ul li { float: left; padding: 0 5px 0 0; }
#footer ul li a { color: #111; }
#footer ul li a:hover { color: #333; text-decoration: underline; }
#footer ul li.right { float: right; padding: 0 8px 0 0; }

/* THINGS */

.noborder, #side .box.noborder { border: none; }
.clear { clear: both; }
#content .meta a { color: #444; text-decoration: none; }
#content .meta a:hover { color: #111; }
u#postmedia1-title { cursor: pointer; }