html, body { height: 100%; overflow-x: hidden; }
body { margin: 0; font-family: verdana; font-size: 11px; color: #ddd; }

select, textarea, input { font-family: verdana; font-size: 11px; color: #222; border: 1px solid gray; background: #eee; margin: 0; }
table { font-size: 11px; }

ul { padding-left: 25px; }
ul li { margin-bottom: 5px; }
ul li:last-child { margin-bottom: 0; }

a img { border: 0; }

.crossed { text-decoration: line-through; }
.big_font { font-size:15px; }
.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; }
.green_font { color:#d00000; }
.slime_green_font { color: #ff4444; }
.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; }
.spoiler:hover { color: #fff; }
.spoiler:hover * { visibility: visible; }
.times { font-family: Times New Roman; }
.clearing { clear:  both; }

.forum .left_td { background-color: black; text-align: left; }
.forum .left_td2 { background-color: #333333; text-align: left; }
.forum .left_td3 { background-color: #555555; text-align: left; }
.forum .center_td { background-color: black; text-align: center; }
.forum .center_td2 { background-color: #333333; text-align: center; }
.forum .center_td3 { background-color: #555555; text-align: center; }
.forum .center_align { text-align: center; }
.forum .left_align { text-align: left; }
.forum .right_align { text-align: right; }
.forum .right_td { background-color: black; text-align: right; }
.forum .right_td2 { background-color: #333333; text-align: right; }
.forum .right_td3 { background-color: #555555; text-align: right; }
.forum .tr_hover tr.hover td { background: #555; }
.forum .general_table { background: #808080; width: 100%; }
.forum .general_table td { padding: 5px; }
.quote { background: #111111; border: #aaa 1px solid; padding:5px; }

.the_farm_head { position: fixed; top: 30px; left: 30px; width: 137px; height: 135px; background: url(images/farm4sun.png) top center; z-index: 10; }
.night .the_farm_head { background: url(images/farm4moon.png) no-repeat top center; }

.stage { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: url(images/gray_sky.jpg) 0 0; }
.content_stage { position: absolute; top: 0; left: 0; right: 0; min-height: 100%; }
.grass { position: fixed; bottom: 0; left: 0; right: 0; height: 80px; background: url(images/grass2.png) 0 0 repeat-x; }

.night .stage { background: url(images/night_sky.png) 0 bottom repeat-x; }
.night .night_sky_clouds { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(images/night_sky_clouds.png) top left; }
.night .grass { background-image: url(images/night_grass2.png); }

.monolith { position: relative; margin: 10px auto; min-height: 0px; width: 600px; padding: 65px 20px 50px 20px; background: url(images/monolith_background.jpg); }
.monolith h2 { position: absolute; top: -10px; left: -23px; right: 0; height: 55px; padding: 10px 0 0 86px; margin: 0; background: url(images/title_thing.png) no-repeat 0px 0px; font-weight: normal; font-size: 25px; }
.monolith .content_item h3 { font-weight: normal; font-size: 16px; margin: 0 0 10px 75px; }
.monolith .content_item .content { background: url(images/content_thing_bottom2.png) repeat-y 0px 55px; padding: 17px 0 35px 40px; min-height: 40px; }
.monolith .content_item .content_end { position: absolute; bottom: 0; left: 0; right: 0; background: url(images/content_thing_end.png) no-repeat bottom left; height: 20px; }
.monolith .content_item { position: relative; background: url(images/content_thing_left2.png) no-repeat 0px 0px; padding: 7px 0 0px 0; margin-bottom: 20px; width: 550px; }
.monolith_shadow_corner { position: absolute; top: 0; right: -20px; background: url(images/monolith_shadow.png) center center no-repeat; width: 20px; height: 20px; }
.monolith_shadow { position: absolute; top: 20px; right: -20px; bottom: -20px; width: 20px; background: #101010; }
.monolith_shadow_bottom { position: absolute; bottom: -20px; height: 20px; left: 20px; right: -20px; background: #101010; }
.monolith_shadow_bottom_corner { position: absolute; bottom: -20px; height: 20px; width: 20px; left: 0px; background: url(images/monolith_shadow_bottom.png) center center no-repeat; }
.content_subnav { position: absolute; top: 20px; right: 10px; text-align: right; }
.content_subnav a { display: block; text-align: right; clear: both; }
.content_subnav a:hover span { }
.content_subnav a span { float: right; white-space: nowrap; height: 15px; border-radius: 15px; border: 1px solid gray; background: #333; padding: 5px 0; margin: 0 0 5px 0; }
.content_subnav a.active_subcontent span { background: white; color: black!important; }
.presentable { position: relative; display: block; padding-right: 50px; padding-top: 0px; margin-bottom: 10px; height: 125px; }
.presentable i { display: block; height: 125px; background-position: left -125px; border: 1px solid gray; background-color: black; background-repeat: no-repeat; }
.exploded .presentable { margin-bottom: 0; }
.presentable:hover i, .exploded .presentable i { background-position: left 0px; }
.presentable span { background-position: left -79px; position: absolute; top: 25px; right: 0px; width: 175px; height: 75px; border: 2px solid white; background-color: black; background-repeat: no-repeat; }
.presentable:hover span, .exploded .presentable span { background-position: left 0px; }
.presentable_dish { position: relative; }

.dish_screenshot_selection { float: right; width: 179px; margin-left: 15px; }
.dish_screenshot_selection a { float: left; width: 177px; height: 50px; overflow: hidden; background-position: center center; /*background-size: 100% auto;*/ margin-bottom: 5px; border: 1px solid gray; }
.dish_screenshot_selection a span { display: block; padding-left: 5px; line-height: 50px; background: rgba(0, 0, 0, 0.8); }
.dish_screenshot_selection a:hover span { background: rgba(0, 0, 0, 0.2); }
.screenshot_info { display: none; }
.screenshot_bg { z-index: 12; }
.screenshot { z-index: 13; }
.super_img { z-index: 14; }

.category_music .dish_screenshot_selection a { height: 20px; color: #ddd; }
.category_music .dish_screenshot_selection a:hover { text-decoration: none; }
.category_music .dish_screenshot_selection a span { line-height: 20px; }

.dish_screenshot_selection a:hover { border: 1px solid white; }
.screenshot_summoner { border-right: 1px solid red!important; }
.screenshot_info_shown { margin-top: 10px; }
.screenshot_title { display: block; margin-top: -50px; margin-bottom: 10px; margin-right: 260px; clear: both; }
.screenshot_description { float: right; column-count: 2; column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; width: 500px; }
.screenshot_audio { text-align: right; }
.screenshot_controls { display: block; margin-bottom: 10px; padding-right: 260px; }

.story { line-height: 15px; }
.download_pdf { float: right; margin-top: -30px; }

.dish_edge { display: none; padding-top: 15px; margin-bottom: 20px; }
.dish_title, .sub_title { display: none; background: url(images/creations_detail_top.png) top left no-repeat; width: 300px; height: 33px; padding: 6px 0 0 25px; }
.sub_title { display: block; }
.dish_bottom { clear: both; display: none; opacity: 0.5; margin: 20px 0 10px 0; background: url(images/creations_detail_bottom.png) top left no-repeat; height: 13px; }
.dish_content { padding-left: 10px; }
.exploded div { display: block; }

.exploded_piece_hole { background-image: url(images/monolith_background.jpg)!important; }
.half { width: 50%; float: left; }

.farm_news_notes_container { margin-top: 15px; }
.farm_news_notes, .farm_news_notes_display { border: 1px solid #666; padding: 5px; float: left; line-height: 15px; height: 15px; margin: 0 5px 0 0; background: #222; }
.farm_news_notes_display:last-child { height: 5px; margin-top: 10px; }
.note { margin-top: 15px; padding-bottom: 5px; clear: both; }
.notes_flag { float: left; border: 1px solid gray; }
.notes_flag img { float: left; }
.notes_sender { float: left; margin-left: 5px; padding: 0 10px; width: 150px; height: 30px; line-height: 30px; border: 1px solid gray; background: #222; }
.notes_datetime { color: #aaa; float: left; margin-left: 5px; padding: 0 10px; width: 200px; height: 30px; line-height: 30px; border: 1px solid gray; background: #111; }
.notes_content { padding: 10px 0 0px 0; clear: both; width: 460px; }

.newsletter { display: none; width: 500px; margin-bottom: 18px; border: 1px solid #808080; color: white; width: 525px; padding: 10px; font-size: 11px; background: #333; position: relative; }
.newsletter form { border-top: 1px dashed gray; margin-top: 12px; padding-top: 10px; }
.newsletter #alerter { position: absolute; top: 66px; right: 10px; border: 1px solid white; border-radius: 5px; padding: 10px; color: #ddd; background: black; z-index: 15; }

.news_ticker { width: 500px; margin-bottom: 18px; }
.news_ticker_content { border: 1px solid #808080; color: gray; width: 550px; position: relative; }
.news_ticker_content span { color: #aaa; font-family: Book Antiqua; font-size: 14px; display: block; padding: 10px 10px 10px 20px; background: rgba(0, 0, 0, 0.4); }
.news_ticker_content span:hover { text-decoration: none; }
.news_ticker_content b { margin-left: 15px; padding-left: 10px; border-left: 1px solid gray; }
.news_ticker_content i { color: #bbb; }
.ticker_progress { position: relative; }
.ticker_progress_bar { position: absolute; top: 11px; right: 11px; width: 100px; height: 10px; background: black; border: 1px solid gray; }
.ticker_progress_bar_progression { width: 85%; height: 10px; background: white; animation: progression 2s; -webkit-animation: progression 2s; }
@keyframes progression { from { width: 0%; } to { width: 85%; } }
@-webkit-keyframes progression { from { width: 0%; } to { width: 85%; } }

#socialize { position: absolute; top: -10px; right: 55px; display: none; }
#socialize a { float: left; margin-right: 20px; text-align: center; }
#socialize a:hover { opacity: 0.8; }
.active_monolith #socialize { display: block; }

.forum_smilies { vertical-align: bottom; }
.forum_categories { }
.forum_first { width: 170px; }
.forum_second { width: 50%; }
.forum_cat { text-align: left; float: left; margin: 7px 7px; padding: 5px 6px 6px 36px; display: block; width: 135px; font-size: 15px; line-height: 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: 8px; font-size: 10px; color: gray; }
.forum_categories { background: #222; }
.forum_activity { background: #222; padding: 10px; }

.add_note { margin-top: 10px; }
.add_note form { clear: both; padding: 5px 0 0 0; margin: 0; width: 462px; }
.add_note textarea, .edit_note textarea { width: 457px; height: 100px; margin-bottom: 3px; resize: none; }
.edit_note { display: none; padding-top: 10px; clear: both; }
.please_do_edit_that_note_good_sir { display: block; width: 20px; padding: 10px; margin-top: 10px; background: #111; border: 1px solid gray; }
.post_table { margin-bottom: 5px; }
.add_note_title { float: left; margin-left: 5px; padding: 0 10px; width: 150px; height: 30px; line-height: 30px; border: 1px solid gray; background: #222; }
.add_note_title_box { float: left; height: 30px; line-height: 30px; border: 1px solid #555; background: #111; }
.note_code { float: right; }
.error { margin-top: 15px; }

.stuff { width: 100%; }
.stuff .pic { width: 99px; text-align: center; }
.stuff td { border: 1px solid gray; background: black; }
.stuff .story td { padding: 5px; background: #111111; }

.image_gallery, .pocket_image_gallery { float: left; margin: 5px; }
.image_gallery img, .pocket_image_gallery img { width: 90px; border: 1px solid gray; }
.monolith_creation_images .image_gallery img, .monolith_fan_stuff .image_gallery img { width: 90px; height: 90px; }
.fan_stuff_music { float: left; width: 240px; margin: 5px; }

/*.television { margin-top: -50px; position: absolute; width: 100px; box-shadow: 0 0 15px 5px #888; background: url(images/monolith_background.png); padding: 20px; }*/

a { color: red; text-decoration: none; }
a:hover { color: white; text-decoration: underline; }
#arrows { position: fixed; bottom: 0px; left: 10px; padding-top: 25px; width: 200px; height: 265px; background: url(images/navigation_stick3.png) top center no-repeat; z-index: 11; }
#arrows a { display: block; margin-left: 6px; margin-top: 9px; width: 100px; padding-left: 20px; line-height: 26px; height: 28px; background: url(images/arrow_left.png) top left no-repeat; color: white; text-decoration: none; }
#arrows a.right { margin-left: 97px; background: url(images/arrow_right.png) top left no-repeat; padding-left: 20px; }
#arrows a.here_you_are { margin-left: 50px; background: url(images/arrow_center.png) top left no-repeat; line-height: 27px; padding-left: 20px; }

.content_rain { position: fixed; top: 0; left: 0px; bottom: 0; right: 0; }
.content_rain div { position: absolute; width: 8px; height: 8px; background: rgba(155, 155, 155, 1)/*#333 */; border-radius: 5px; }
.content_rain2 div { width: 6px; height: 6px; background: #888; }
.content_rain3 div { width: 5px; height: 5px; background: #111; }
.night .content_rain3 div { width: 5px; height: 5px; background: red; }

.summon_youtube { position: relative; border: 1px solid gray; cursor: pointer; height: 125px; overflow: hidden; text-align: center; background: black; }
.summon_youtube div { background-position: center -125px; height: 125px; background-repeat: no-repeat; opacity: 0.3; }
.summon_youtube span { position: absolute; top: 0; left: 0; right: 0; height: 125px; background: url(images/video_starter.png) no-repeat center center; }
.youtube { border: 1px solid gray; margin-bottom: 10px; }

/* Store */
.debug_totaltime { display: none; }
.farm_table, .shop { margin-bottom: 0; position: relative; }
.shop tr { }
.shop td { vertical-align: top; padding: 10px; }
.shop td.description { padding-bottom: 0px; }
.shop .image { padding-left: 0; }
.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; width: 100px; }
.shop .pricetag { height: 10px; }
.buy_things { display: none; }
.shop i { display: block; }

.redirect_link { border: 1px solid #808080; padding: 0px 10px; background: #101010; }

#hovertitle { position: absolute; border: 1px solid gray; padding: 5px; background: #222; }

/* History */
.history_img { border: 1px solid gray; }

/* Small Windows */

@media screen and (max-width: 775px) {
	html, body { overflow: visible!important; background: url(images/monolith_background.jpg); }
	.content_stage { position: static!important; height: auto!important; }
	.stage { display: none; }
	.the_farm_head { position: static!important; display: block; background-repeat: no-repeat; width: auto!important; margin-top: 20px; }
	body, .night_sky_clouds, .stage { background: none; }
	.night_sky_clouds { display: none; }
	.monolith { position: static!important; bottom: auto!important; width: auto; height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; background: none; visibility: hidden; }
    .active_monolith { visibility: visible; height: auto; overflow: initial; padding-top: 6px; }
	.grass { display: none; }
	.content_item { width: auto!important; background: none!important; margin: 0!important; }
	.content_item .content { padding-left: 0!important; background: none!important; }
	.content_item h3 { margin: 0!important; padding: 10px; background: #333; border: 1px solid white; }
	.monolith h2 { position: static; cursor: pointer; }
	#arrows { position: static; padding: 20px; width: auto; height: auto; background: none; }
	#arrows a { margin: 3px!important; width: auto; background: #333!important; padding: 5px!important; border: 1px solid white; }
	#arrows a:hover { background: #666!important; }
	#arrows a.here_you_are { background: gray!important; }
	.content_end { display: none; }
	.content_item .content img { max-width: 99%; }
	#socialize { right: 0; }
	#socialize a { margin-right: 5px; }
	.notes_datetime { float: none; margin-left: 0; display: block; width: auto; clear: both; }
	.notes_sender, .add_note_title { float: none; width: auto; margin-bottom: 1px; }
	.notes_flag, .add_note_title_box { margin-right: 9px; }
    .notes_content { width: auto; }
	form, textarea { max-width: 99%; }
	.monolith_shadow_corner, .monolith_shadow, .monolith_shadow_bottom, .monolith_shadow_bottom_corner { display: none; }
	.dish_title, .sub_title { background: #333; border: 1px solid gray; padding: 5px; margin: 15px 0; height: auto; width: auto; }
	.dish_screenshot_selection { float: none; margin-left: 0; width: auto; }
	.dish_screenshot_selection a { display: block; float: none; width: auto; background-size: cover; }
	.screenshot, .screenshot_description { width: 90%!important; -webkit-column-count: 1; column-count: 1; }
	.screenshot { text-align: left; padding: 10px; }
	.screenshot_title { margin-top: 0; margin-right: 0; }
	.screenshot_controls { padding: 0; }
	#chosen_story img { max-width: 95%; }
	.patreon img { margin-left: 0!important; width: 100%; }
}

.session_id { display: none; }

/* Farm News May 5th 2013 */

.phq_thankyou span { float: left; margin: 5px 0; line-height: 30px; width: 170px; }
.phq_thankyou span img { float: left; margin-right: 5px; }
.phq_thankyou br { display: none; }

/* Farm News January 1st 2014 */
.year2014 { position: relative; width: 500px; height: 200px; }
.year2014 .yeardot { position: absolute; background: white; }
.pocket_news_content .year2014 { display: none; }