/* 
Theme Name: Mr Style Redux
Description: Based on Codreanu Catalin's Minn. Mangling now underway by J Nash.
Version: v1.0
Author: JN
*/

/* base */
body { font-family: "Gill Sans", sans-serif; font-size: 80%; line-height: 1.2; margin: 0px; padding: 0px; padding-top: 32px; text-align: center; background: #fff; }

/* page outer */
#wrap { margin: auto; text-align: left; width: 976px; } /* width is 960 of main + 8 pad left + 8 pad right */

/* page title */
#header { padding: 8px 8px 0px 8px; text-transform: lowercase; background: #fffebd; }

/* pics */
img.mr_ad { width: 467px; height: 60px; }
.mr_peeceegeefax_border { border: 32px; background: #000; text-align: center; }

/* screenshots (touch items) */
.mr_screenshot { text-align: center; line-height: 0.5em; font-size: 80%; font-style: italic; }
.mr_screenshot img { border: 4px #000 solid; }
.mr_screenshot b { font-style: normal; }
hr.mr_sep { border: 1px #000 solid; text-align: center; width: 50%; }

/* archive bits */
#mr_line { margin: 0px; padding: 0px; clear: both; width: 100%; background: #fffebd; display: inline-block; }
#mr_menu { list-style: none; padding: 0px; }
#mr_menu li { float: left; padding: 0px 20px 0px 0px; }
#mr_menu a:hover { background: #000; }

/* mag name (align left); search box (align right) */
.jump { float: left; text-align: left; }
.step, .narrow_step { float: right; text-align: right; clear: right; }
.sep { clear: right; }

/* page itself */
/* #content { font-size: 1.2em; float: left; padding: 8px 32px 8px 8px; width: 75%; text-align: justify; } */
/* #sidebar { } */

/* side-y fix */
#content { font-size: 1.2em; float: left; padding: 8px 0px; width: 75%; text-align: justify; }
#sidebar { float: right; padding: 8px 0px; width: 22%; }

/* speech bubble pop-ups */
span#mr_pop { position: relative; }
span#mr_pop a img { border: 0px; }
span#mr_pop a span { display: none; }
span#mr_pop a span img { margin: 4px; float: left; }
span#mr_pop a:hover span { display: block; position: absolute; top: 2px; left: 2px; width: 600px; padding: 8px; margin: 8px; z-index: 100; color: #000; background: #fffebd; border: 8px solid #000; font-style: normal; font-family: "Gill Sans", sans-serif; text-align: justify; overflow: auto; }
span#mr_pop a:hover span.mr_force { height: 30em; } /* limit huge */

/* link line (previous left, next right, gap for non-stylesheet */
.prev_next_line { margin: 0px; }
.prev_next_line span.prev { float: left; text-align: left; }
.prev_next_line span.next { float: right; text-align: right; clear: right; }
.prev_next_line span.invis { display: none; }

/* page bottom */
#footer { color: #333; clear: both; font-size: 1em; padding: 8px; width: 960px; background: #fffebd; margin: auto; }

/* sidebar */
#sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#sidebar ul li { margin-bottom: 0.3em; padding: 0.3em; }

/ * comments (default) */
.comments { }
.entry form { }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #000; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond { border-top: 1px solid #888; padding: 8px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { }
.commentmetadata { font-weight: normal; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { font-style: italic; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
.even { background: #fffebd; }

/* text defs */
h1, h2, h3 { font-weight: normal; letter-spacing: -1px; margin: 0; }
#sidebar h2 { }
h3#comments { padding: 8px 0px; border-top: 1px solid #000; }
#header h1 { font-size: 3em; margin: 0; }
#header h1 a { color: #f00; background: #000; }
#header h1 a:hover { color: #f00; background: #000; }
#header p { color: #aaa; font-size: 1.1em; margin: 0; margin-top: -0.5em; }
#sidebar h3 { color: #555; font-size: 1.5em; margin: 1em 0; }
.entrytitle h2 { font-size: 1.8em; }
.entrytitle h2 a { color: #000; }
.entrytitle h2 a:hover { color: #f00; background: #000; }
.entrytitle h3 { font-size: 0.8em; }
.entry { margin-bottom: 1em; }
.entrymeta { font-size: 0.9em; }

/* alt fonts */
.mr_serif { font-family: Palatino, "Times New Roman", serif; font-size: smaller; } /* Holmes The PC */
.mr_thrills { font-family: Garamond, Palatino, "Times New Roman", serif; text-align: justify; } /* Toothbrush */
.mr_drop { float: left; color:#000; font-size: 100px; line-height: 70px; padding: 2px 8px 0px 0px; font-family: serif; } /* drop cap */

/* backs */
.mr_urchin_ruin { background: #fffebd url("/p/the_weekly_page_manuscript.jpg") repeat; padding: 8px 1px; border: 0px; }

/* links */
a { color: #00f; text-decoration: none; }
a:hover { color: #f00; }

/* two-col item */
#mr_columns { width: 960px; margin: auto; font-family: Palatino, Georgia, "Times New Roman", serif; font-size: 12px; line-height: 1.5em; }

/* two-col title */
#mr_columns_title { width: 930px; margin: 16px 0px; }
#mr_columns_title p { margin: auto; width: 75%; text-transform: uppercase; font-style: italic; text-align: center; }
p#page { width: 10%; float: right; text-align: right; font-style: normal; }

/* two-col main */
.mr_column { width: 450px; float: left; margin-right: 30px; }
.mr_cunning_left { width: 298px; height: 400px; float: right; margin-bottom: 5px; }
.mr_cunning_right { width: 300px; height: 400px; float: left; margin-bottom: 5px; }
.mr_cunning_right img { margin-left: -315px; }
.mr_column p { text-align: justify; margin: 0px; padding: 0px; }
.mr_column p:first-letter { margin-left: 1.5em; }
.mr_column .mr_fix:first-letter { margin-left: 0em; }
.mr_column .mr_chap { margin: 1.5em; text-align: center; }

/* your game name */
div#name { font-size: 100%; }
div#name h2 { display: none; } /* space for WP Touch */
div#name u { text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.5em; text-decoration: none; }
div#name strong { font-size: 1.5em; font-weight: normal; }
div#name span { text-transform: uppercase; font-size: 0.8em; }
div#name i { font-size: 0.8em; font-style: italic; }
div#name.outer { float: left; width: 952px; margin: 0px; padding: 0px; }
div#name div.both { float: left; width: 935px; text-align: center; border: 1px solid #000; padding: 8px; margin: 4px 0px 4px 0px; }
div#name div.left { float: left; width: 454px; border: 1px solid #000; padding: 8px; margin: 4px 0px 4px 0px; }
div#name div.right { float: right; width: 454px; border: 1px solid #000; padding: 8px; margin: 4px 0px 4px 0px; }
div#name div.high { height: 250px; }

/* bonus, etc */
.mr_hyde { color: #000; background: #000; }