body {
	background: black;
	width: 100%;
	height: 100%;
}

body, td, p, font {
	font-family: verdana;
	font-size: 10px;
	color: #C0C0C0;
	margin: 0px;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: red;
	outline-width: 0;
}

a:hover {
	text-decoration : underline;
	color: white;
}

select, input {
	background-color:#C0C0C0;
	color:#000000;
	height:20px;
	font-weight:bold;
	font-size:10px;
	font-family: Verdana;
	border:2px solid gray;
	margin:0px;
	padding: 0px;
	height: 16px;
}

textarea {
	background-color:#C0C0C0;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana;
	border:2px solid gray;
	margin-bottom:0px;
}

button {
	background-color:#C0C0C0;
	border:2px outset black;
	text-align:center;
	margin-bottom:0px;
}

.ms_box {
	background: url(layout/sheep_exp.png) no-repeat top left;
	width: 160px;
	height: 327px;
}

.ms_box div {
	padding-left: 35px;
	padding-top: 70px;
}

#recommendations div {
	border-left: 1px solid gray;
	padding: 0px;
	float: left;
	width: 93px;
}

.title_background {
	background:url(../layout/title_bg.png) no-repeat top left;
	padding-left: 50px;
}

.content_title {
	width: 540px;
	height: 30px;
	padding-left: 20px;
	font-family: Arial;
	font-size: 13px;
	background: url(layout/menu_bg.png) no-repeat top left;
}

.content_side {
	background: url(layout/sider.jpg) repeat-y top left;
	width: 20px;
	font-size: 1px;
}

#news_page, #news_year {
	position: absolute;
	top: -50px;
	left: 30px;
	display: none;
	background: black;
	border: 0px;
	color: white;
	text-align: center;
	background: url(layout/dotbg.gif);
	padding: 5px;
}

.spaceday {
	background: #333333!important;
}

.month {
	background: #555555!important;
	text-align: center;
	width: 240px!important;
}

#news_page td, #news_calendar td, #news_year td {
	width: 25px;
	height: 25px;
	border: 1px solid gray;
	margin: 1px;
	text-align: center;
	background: black;
}

.post_table {
	width: 100%;
}

.post_table td {
	border: 1px solid gray;
	margin: 1px;
	padding: 2px;
	background: #222222;
}

#news_page a, #news_year a {
	outline-width: 0px;
	display: block;
}

#news_calendar div {
	float: left;
	height: 200px;
	margin-right: 5px;
}

#news_calendar td {
	width: 30px;
}

#news_year td {
	width: 40px;
	height: 40px;
}

.highlight {
	color: white;
	font-weight: bold;
}

.decision, .decision ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.decision li {
	padding-left: 35px;
	background: url(layout/link.gif) no-repeat top left;
	font-size: 15px;
	margin: 0px;
	width: 400px;
	line-height: 21px;
}

.decision li li {
	background: url(layout/link2.gif) no-repeat top left;
}

.stuff {
	width: 100%;
}

.stuff .pic {
	width: 99px;
	/*height: 99px;*/
	text-align: center;
}

.stuff td {
	border: 1px solid gray;
	background: black;
}

.stuff .story td {
	padding: 5px;
	background: #111111;
}

.history_img {
	border: 1px solid gray;
}

#hovertitle {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	border: 1px solid gray;
	background: #333333;
}

.customlink {
	cursor: pointer;
	color: red;
}

.walktitle {
	font-size: 15px;
	color: white;
}

/* PHQ */

.viewall_td {
	background: black;
	font-size: 8pt;
	text-align: center;
}

.viewall_td2 {
	background: #333333!important;
	font-size: 8pt;
	text-align: center;
}

.viewall_td3 {
	background: #555555!important;
	font-size: 8pt;
	text-align: center;
}

.right_td {
	background-color: black;
	font-size: 8pt;
	text-align: right;
}

.right_td2 {
	background-color: #333333;
	font-size: 8pt;
	text-align: right;
}

.right_td3 {
	background-color: #555555;
	font-size: 8pt;
	text-align: right;
}

.forum_smilies {
	vertical-align: bottom;
	margin: 0px;
	border: 0px;
}

.general_table {
	border: 2px;
	background-color: #808080;
	border-color: #808080;
	width: 100%;
}

.registration_td {
	background-color: black;
	font-size: 8pt;
}

.registration_td2 {
	background-color: #333333;
	font-size: 8pt;
}

.registration_td3 {
	background-color: #555555;
	font-size: 8pt;
}

.big_font {
	font-size:15px;
}

.small_font {
	font-size:6pt;
}

.arial_font {
	font-family: arial;
}

.green_font {
	color:red;
}

.black_font {
	color:#000000;
}

.cons_td_lt {
	background-color: #444444;
	font-size: 8pt;
}	

.cons_td_rt {
	background-color: #222222;
	font-size: 8pt;
}	

#loading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	text-align: center;
	background: black;
	padding-top: 60px;
}

.project_page_news_head {
	background:#333333;
	width: 513px;
	padding: 10px 0px;
	margin: 0px;
	border: 1px dotted gray;
	font-size: 12px;
	text-align: center;
}

.project_page_news_nav {
	background:#111111;
	width: 513px;
	padding: 0px 0px;
	margin: 0px;
	border-bottom: 1px dotted gray;
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
	font-size: 11px;
	text-align: center;
}

.project_page_nav {
	background: #111111;
	width: 511px;
	padding: 10px 0;
	margin: 2px 0 10px 0;
	border-top: 2px solid #888888;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-right: 2px solid #888888;
	font-size: 11px;
	text-align: center;
}

#farm_update a {
	color: #00B1FA;
}

#sidebar {
	position: absolute;
	left: 745px;
	top: 10px;
	width: 210px;
}

#sidebar a {
	display: block;
	margin-bottom: 10px;
}

#sidebar * {
	outline-width: 0;
}

#content {
	position: absolute;
	top: 0px; 
	left: 50%;
	width: 950px;
	margin-left: -475px;
}

/* Forum */

.left_td { background-color: black; font-size: 8pt; text-align: left; }
.left_td2 { background-color: #333333; font-size: 8pt; text-align: left; }
.left_td3 { background-color: #555555; font-size: 8pt; text-align: left; }
.center_td { background-color: black; font-size: 8pt; text-align: center; }
.center_td2 { background-color: #333333; font-size: 8pt; text-align: center; }
.center_td3 { background-color: #555555; font-size: 8pt; text-align: center; }
.right_td { background-color: black; font-size: 8pt; text-align: right; }
.right_td2 { background-color: #333333; font-size: 8pt; text-align: right; }
.right_td3 { background-color: #555555; font-size: 8pt; text-align: right; }
.forum_first { width: 170px; }
.forum_second { width: 50%; }
.forum_cat { text-align: left; float: left; margin: 7px 7px; padding: 3px 6px 6px 36px; display: block; width: 135px; font-size: 15px; border: 2px solid gray; background: url(http://phq.muddasheep.com/design/mb_forum.jpg) 6px 6px no-repeat #333; }
.forum_cat span { line-height: 10px; font-size: 10px; color: gray; }
.forum_categories { background: #222; }
.forum_activity { background: #222; padding: 10px; }
.forum_activity td { padding: 3px; }

.crossed { text-decoration: line-through; }
.big_font { font-size:15px!important; }
.bigger_font { font-size:20px; }
.even_bigger_font { font-size:25px; }
.supersize_font { font-size: 30px; }
.extremesupersize_font { font-size: 35px; }
.gigantic_font { font-size: 40px; }
.colossus_font { font-size: 45px; }
.small_font { font-size:6pt; }
.smallish_font { font-size:10px; }
.arial_font { font-family: arial; }
.courier_font { font-family: Courier New; }
.slime_green_font { color: #c0ffc0; }
.white_font { color:#FFFFFF; }
.gray_font { color:#808080; }
.normal_font { color: #C0C0C0; }
.black_font { color: #000000; background-color: white; }
.spoiler { color: #000; background: #000; }
.spoiler * { visibility: hidden; background: #000; }
.spoilerhover { color: #fff; }
.spoilerhover * { visibility: visible; }
.times { font-family: Times New Roman; }
.buy_buttons { width: 100px; }
.buy_buttons2 { width: 60px; }
.buy_buttons3 { width: 120px; }
.buy_buttons4 { width: 400px; }
.small_input { width: 25px; }
.tr_hover tr.hover td { background: #555; }
.pointer, .pointer * { cursor: pointer; }
.forum_smilies { vertical-align: bottom; }
.general_table { background: #808080; width: 100%; }
.quote_table { border: 1px solid #ccc; background-color: #222222; width: 100%; }
.title_table { border-top: 1px solid #aaa; border-bottom: 1px solid #ccc; background-color: #222222; width: 100%; }
.redirect_link { border: 2px solid #808080; padding: 0px 10px; background: #333333; }
.quote { background: #111111; border: #aaa 1px solid; padding:5px; }
.general_table td { padding: 3px; }
.nopadding, table.nopadding td { padding: 0!important; }
.normalpadding, table.nonormalpadding td { padding: 3px!important; }
.maxheight { height: 100%; }
.minheight { height: 1px; }
.maxwidth { width: 100%; }
.minwidth { width: 1px; }
.nowrap { white-space: nowrap; }
.block { display: block; }
.relative, .super_relative { position: relative; }
table.tight { border-collapse: collapse; padding: 0; }
table.tight td { padding: 0; }
.hidden { display: none; }
.show_message_codes { width: 130px; }
.debug_totaltime { display: none; }
.half_width { width: 50%; }
.third_width { width: 33%; }
.fourth_width { width: 25%; }
.nomarginbottom { margin-bottom: 0; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.floatright { float: right; }
.floatleft { float: left; }
.clear { clear: both; }

.alerter { position: absolute; border: 1px solid #eee; background: #666; }
body > .alerter { position: fixed; }
.shadow { position: absolute; }
body > .alertershadow { position: fixed; }

/* Shop */ 
.shop { margin-bottom: 1em; position: relative; width: 510px; }
.shop tr { }
.shop td { vertical-align: top; padding: 10px; }
.shop .image .thumb { border: 1px solid gray; padding: 10px; width: 125px; height: 125px; }
.shop .image .label { position: relative; }
.shop .image .label div { position: absolute; top: 125px; left: 2px; background: #000; border: 1px solid white; font-size: 9px; padding: 3px; }
.shop .image .type { position: relative; }
.shop .image .type div { position: absolute; top: 2px; right: 2px; background: #ddd; border: 1px solid gray; color: gray; font-size: 9px; padding: 3px; }
.shop .price { width: 125px; font-size: 16px; }
.shop .name { font-size: 12px; font-weight: bold; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed gray; }
.shop .submit { border: 0; background: 0; width: 96px; height: 21px; }
.shop .pricetag form { float: right; }
.shop .pricetag { height: 10px; }

/* HQS */
.hqs .quest { padding: 5px; border: 1px solid gray; background: #555; margin-top: 1.5em; font-weight: bold; }
.hqs .answer { padding: 7px 7px 7px 7px; border: 1px solid #333; background: #333;  }
.hqs .faq_title { text-align: center; }
.hqs .gray { color: gray; }
.hqs .big { font-size: 20px; }
.hqs .times { font-family: Times New Roman; font-style: italic; display: none; margin-top: 0px; }
.center { text-align: center; }
.hqs .title { height: 32px; }
.downloads { width: 50%; float: left; margin: 1em 0 0em 0; }
.downloads tr { background: #333; }
.downloads td, .downloads th { border: 1px solid #aaa; padding: 7px; }
.downloads th { background: #555; }
.downloads td a { white-space: nowrap; }
.hqs .hqs_press { margin-top: 0; padding-top: 0; }

.hqs .reviews { width: 100%; }
.hqs .reviews table { width: 100%; }
.hqs .reviews tr { background: #333; }
.hqs .reviews td, .hqs .reviews th { border: 1px solid #aaa; padding: 7px; }
.hqs .reviews th { background: #555; text-align: left; padding-left: 32px; }
.hqs .reviews td a { white-space: nowrap; }
.hqs .reviews td { }
.hqs .reviews ul { margin-bottom: 0; }

.hqs .title .letter { background: url(http://farm.muddasheep.com/hq3/letters/alphabet.png) no-repeat 0px 32px; }
.screens a { display: block; margin-top: 1.5em; border: 1px solid #333; width: 500px; }


/* Trap Activation */
.percentunlocked { position: relative; border: 1px solid gray; margin-left: 10%; margin-right: 10%; background: #333; height: 20px; }
.percentunlocked .meter { background: #555; float: left; height: 20px; line-height: 20px; }
.percentunlocked .amount { position: absolute; top: 0; left: 50%; width: 100px; margin-left: -50px; height: 20px; line-height: 20px; text-align: center; color: white; }
#summon_traps a { float: left; margin: 0 2px 2px 0; border: 1px solid gray; }
#summon_traps { margin-top: 1em; }
.trapname td { text-align: center; font-size: 20px; }
table.trapname { border-top: 0; }
.sirpopup2ndmover { cursor: move; }
#sirpopup2nd .description, #sirpopup2nd .unlockedby { padding: 0 10px 10px 10px; }
#sirpopup2nd .trapimage { margin-left: 10px; }

/* Popup */
#sirpopup2nd { position: absolute; width: 550px; border: 1px solid #eee; background: #000; }
#sirpopupcloser { position: absolute; width: 12px; height: 13px; line-height: 12px; cursor: pointer; border: 1px solid #eee; background: #333; text-align: center; padding: 3px; }
#sirpopupmover { position: absolute; height: 13px; line-height: 12px; cursor: pointer; border: 1px solid #eee; background: #333; text-align: center; padding: 3px; }
#sirpopup2nd img, .sirpopupmover { cursor: move; }
#sirpopup2nd .closer { position: absolute; top: 6px; right: 6px; border: 1px solid gray; background: black; padding: 2px; height: 20px; width: 20px; line-height: 20px; text-align: center; }
#sirpopup2nd .create_account, #sirpopup2nd .password_recovery { display: none; }
#sirpopup2nd .loginalert { padding: 2px; border: 1px solid #eee; background: #000; margin-bottom: 1em; }
#sirpopup2nd a.ajax { color: black; background:#C0C0C0; padding: 2px 10px; border: 2px solid gray; font-weight: bold; }
#sirpopup2ndloading { margin: 2px; background: black; text-align: center; padding: 10px 10px; border-bottom: 1px solid white; border-top: 1px solid white; }

/* Flashlight */
#flashlight_top { position: fixed; top: 0; left: 0; background: url(layout/flashlight.png) no-repeat top left; width: 400px; height: 190px; z-index: 1000000000; }
#flashlight_bottom { position: fixed; top: 0; left: 0; background: url(layout/flashlight.png) no-repeat bottom left; width: 400px; height: 190px; z-index: 1000000000; }
#flashlight_left{ position: fixed; top: 0; left: 0; background: url(layout/flashlight.png) no-repeat 0px -190px; width: 190px; height: 20px; z-index: 1000000000; }
#flashlight_right { position: fixed; top: 0; left: 0; background: url(layout/flashlight.png) no-repeat -210px -190px; width: 190px; height: 20px; z-index: 1000000000; }
#flashborder_top, #flashborder_left, #flashborder_right, #flashborder_bottom { position: fixed; width: 100%; height: 100%; background: black; z-index: 1000000000; }

/* 7th HQ Art Contest */
.contest_submissions, .contest_vote, .contest_pic { position: relative; }
.contest_pic a img { width: 162px; }
.contest_facebook { position: absolute; top: -25px; left: 5px; }
.contest_twitter { position: absolute; top: -50px; left: 5px; }