@charset "utf-8";
/*
Theme Name: 미투미투 티스토리
Description: 미투데이의 디자인을 따라했습니다.
Version: 1.5
Author: 가우리
Author URI: http://gaury.pe.kr
*/

/* =default */

* { font-weight: normal; font-style: normal; text-decoration: none; text-align: left; text-indent: 0; margin: 0; padding: 0; }

body { font-family:  "Malgun Gothic", "Trebuchet MS", "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif; background: #FFFFFF; color: #333333; }
body * { font-size: 100%; line-height: 1.5; }

em { font-style: normal; }
strong { font-weight: bold; }
img, fieldset { border: 0 none; }

a { text-decoration: underline; }
a:link { color: #336699; }
a:visited { color: #996699; }
a:hover { color: #FF0000; }
a:active { color: #993300; }

h1 { clear: both; font-size: 1.5em; letter-spacing: -0.05em; }
h2 { font-size: .75em; line-height: 2em; }

/* =topbar */

body > div#topbar { left: 0; position: fixed; top: 0; }
div#topbar { background: #C3E3F5; color: #0E7AB9; font-size: 0.75em; width: 100%; z-index: 500; }
div#topbar a { background: transparent; text-decoration: none; }
div#topbar a:link, div#topbar a:visited { color: #0E7AB9; }
div#topbar a:hover, div#topbar a:active { color: #0E7AB9; text-decoration: underline; }
div#topbar p, div#topbar ul { height: 1.5em; position: relative; text-align: right; }
div#topbar p { float: left; display: inline; height: 1.5em; margin:0 3px 0 4px; padding: 5px 43px 5px 25px; }
div#topbar ul { float: right; list-style: none; margin: 0; padding: 5px 40px 5px 0; }
div#topbar li { display: inline; float: left; margin: 0 3px 0 4px; padding: 0 3px 5px 5px; }

/* =header */

div#header { background: #FFFFFF url('./images/logo.gif') no-repeat bottom left; margin: 0 0 0 40px; padding: 40px 0 0 100px; }
div#header * { line-height: 1.3em; }
div#header h1 { color: #4499CB; margin-bottom: 0.1em; clear: both; font-size: 1.5em; letter-spacing: -0.05em; }
div#header h1 a { background: transparent; text-decoration: none; }
div#header h1 a:link, div#header h1 a:visited { color: #57ACD3; }
div#header h1 a:hover, div#header h1 a:active { color: #0E7AB9; text-decoration: underline; }
div#header h2 { color: #82AEC2; float: left; font-size: 0.75em; }
div#header ul { float: right; color: #479DC4; list-style: outside none; margin: -1px 40px 0 0; font-size: 11px; }
div#header ul a { font-size: 12px; text-decoration: none; }
div#header ul a:link, div#header ul a:hover, div#header ul a:visited { color: #479DC4; }
div#header ul a:hover { background: #C3E3F5; }
div#header ul li { display: inline; float: left; margin-left: 5px; padding: 3px 10px; }
div#header ol { background:#EEEEEE; clear: both; height: 26px; margin: 0 30px 15px -10px; font-size: small; line-height: 2em; padding: 0 10px; color: #999999; list-style: none; }
div#header ol li { line-height: 2em; }

/* =header */

div#wrapper { margin: 0 30px 30px 40px; }
div#wrapper div.day, div#wrapper div.writer { margin: 0 0 1.2em 0; }
div#wrapper div.writer p { padding-bottom: 12px; }

div#wrapper div.dateblock { float: left; width: 90px; text-align: center; text-transform: uppercase; width: 80px; }
div#wrapper div.dateblock span.date_day { color: #57ACD3; font-weight: bold; letter-spacing: -0.05em; text-align: center; display: block; font-size: 56px; margin-bottom: -20px; margin-top: -10px; position: relative; }
div#wrapper div.datablock span.date_month, div#wrapper div.datablock span.date_year { font-weight: normal; font-size: 13px; }
div#wrapper div.dateblock span.date_month { color: #3872BB; text-align: left; padding-left: 4px; }
div#wrapper div.dateblock span.date_year { color: #87A7CF; padding-left: 3px; }

div#wrapper div.article { margin-left: 90px; }
div#wrapper div.article div.context div.text { padding: 20px 25px 3.5px 25px; }
div#wrapper div.article div.context div.text p { line-height: 1.55em; text-align: left; padding: 5px 0; }
div#wrapper div.article div.context div.text a { color:#E65802; text-decoration: none; }
div#wrapper div.article div.context div.text a:hover { text-decoration: underline; }

div#wrapper div.meta { padding: 3.5px 25px 24px 25px; }
div#wrapper div.meta:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#wrapper div.meta a { color:#797979; text-decoration: none; }
div#wrapper div.meta a:hover { text-decoration: underline; }
div#wrapper div.meta p { color: #797979; font-size: 0.7em; padding: 0; }

div#wrapper div.day div.article { background: url('./images/day_bottom_left.gif') no-repeat bottom left; }
div#wrapper div.day div.article div.context { background: url('./images/day_top_left.gif') no-repeat top left;}
div#wrapper div.day div.article div.context div.text { background: url('./images/day_top_right.gif') no-repeat top right; }
div#wrapper div.day div.artlcle div.context div.text span embed { display: none; }
div#wrapper div.day div.meta { background: url('./images/day_bottom_right.gif') no-repeat bottom right; }

div#wrapper div.writer div.article { background: url('./images/writer_bottom_left.gif') no-repeat bottom left; }
div#wrapper div.writer div.article div.context { background: url('./images/writer_top_left.gif') no-repeat top left; }
div#wrapper div.writer div.article div.context div.text { background: url('./images/writer_top_right.gif') no-repeat top right; }
div#wrapper div.writer div.meta { background: url('./images/writer_bottom_right.gif') no-repeat bottom right; }

div#wrapper div.rp { border-top: 1px dashed #C5C1BF; clear: both; font-size: 0.7em; margin-top: 0.5em; padding: 0.5em 10px; }
div#wrapper div.rp a { color: #E65802; }
div#wrapper div.rp a:link { text-decoration: none; }
div#wrapper div.rp a:hover, div#wrapper div.rp a:active { text-decoration: underline; }
div#wrapper div.rp dl { clear: both; margin: 0 0 10px 0; width: 100%; }
div#wrapper div.rp dt { float: left; clear: left; text-align: right; width: 95px; color: #646464; font-weight: normal; text-align: right; }
div#wrapper div.rp dd { margin-left: 10px; float: left; }
div#wrapper div.rp span.date { color: #AAAAAA; font-size: 11px; margin-left: 1em; }
div#wrapper div.rp form { clear: both; font-size: 1.5em; }
div#wrapper input.input_text { margin-left: 4em; width: 70%; border-color: #646464 #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; line-height: 1em; margin: 0; padding: 0.15em 0.1em 0.05em; }
div#wrapper input.guest_name, div#wrapper input.guest_password { width: 30%; }

/* =paging */

ul#page_nav { clear: both; font-size: small; list-style: none; margin: 0 2em; margin-left: 120px; text-align: center; }
ul#page_nav li { padding-bottom: 3em; }
ul#page_nav a { color: #0058B9; text-decoration: none; }
ul#page_nav a:link, ul#page_nav a:hover, ul#page_nav a:visited { color: #7D7D7D; }
li.no-more-next, li.no-more-prev { display: none; }
li#prev_list { float: right; }
li#next_list { float: float; }

/* =footer */

div#footer { clear: both; font-size: 0.75em; margin: 0; padding: 0 0 50px; width: 100%; }
div#footer, div#footer a:link, div#footer a:visited, div#footer a:hover { color: #8C8C8C; }
div#footer p#stat { background: #FFFFFF url('./images/logo.gif') no-repeat bottom left; margin:0 40px 15px 50px; padding:30px 0 5px 115px }
div#footer p#stat span.today, div#footer p#stat span.total { font-weight: bold; }
div#footer p#stat span.today { font-size: 1.5em; color: #57ACD3; }
div#footer p#stat span.total { margin: 0; }
div#footer p#stat img { margin: 0; }
div#footer ul#panel { clear: both; margin: 10px 40px 0 50px; padding: 0; list-style: none outside none; }
div#footer ul#panel li { margin: 0 0 20px; padding: 0; }
div#footer ul#panel li ul { list-style: inside square; margin: 5px; padding: 0 0 0 5px; border-left: 1px dotted #7D7D7D; }
div#footer ul#panel li ul li { margin: 0; padding: 0; clear: both; }
div#footer ul#panel li ul li ul { border-left: medium none; display: inline; list-style: none outside none; margin-left: 2em; padding: 0; }
div#footer ul#panel li ul li ul li { margin: 0; padding: 0; }
div#footer ul#panel li.panel1 { float: left; width: 24%; }
div#footer ul#panel li.panel1 ul { border: none; margin: 0; padding: 0; }
div#footer ul#panel li.panel1 dl { float: left; margin: 5px 0 0; padding: 0; width: 100%; }
div#footer ul#panel li.panel1 dt { float: left; margin: 0 5px 0 0; padding: 0; }
div#footer ul#panel li.panel1 dd { margin: 0; padding: 0; }
div#footer ul#panel li.panel1 img { background: #FFFFFF; border: 1px solid #143E5C; margin: 0; padding: 5px; }
div#footer ul#panel li.panel2 { float: left; width: 37%; }
div#footer ul#panel li.panel3 { float: left; width: 37%; }
div#footer ul#panel li.panel2 ul.comments li, div#footer ul#panel li.panel3 ul.links li{ list-style: none; }
div#footer div#meta { background: url('./images/line.gif') repeat-x left top; clear: both; margin: 10px 40px 0 50px; padding: 0; }
div#footer div#meta p { margin-top: 5px; padding-top: 5px; }
div#footer div#meta p#copy { background: url('./images/footer.gif') no-repeat top right; clear: both; line-height: 35px; margin: 0; padding: 0; }