/* 
Theme Name: Mr Style
Description: Based on Codreanu Catalin's Minn. Mangling now underway by J Nash.
Version: v1.1
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; }

/* 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; width: 960px; }

/* 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 omitted */

/* text defs */
h1, h2, h3 { font-weight: normal; letter-spacing: -1px; margin: 0; }
#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 */

/* 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; }