 @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-family:'Droid Sans', arial, sans-serif; color: #4C4C4C; background-color:#fff; } #container{ width:620px; margin:50px auto 0 auto; z-index:0; overflow:hidden; } header{ text-align:center; margin-bottom:50px; } header h1{ font-size:30px; line-height:30px; } header p{ font-family:'Droid Serif', Times, serif; font-style:italic; font-size:13px; margin-top:10px; } #content article{ margin-bottom:50px; padding:0 0 2px 0; } #content article p { font-size: 14px; line-height:23px; padding:0px 0px 15px 0px; } #content article p.meta span { padding:0px 0px 0px 0px; font-family:'Droid Serif', Times, serif; font-size:12px; line-height:19px; font-style:italic; } #content article p small { font-size:13px; } #content blockquote { margin:10px 0px 30px 0px; padding:0px 0px 0px 16px; font-family:'Droid Serif', Times, serif; line-height:23px; font-size:14px; font-style:italic; border-left:8px solid #f0f0f0; } #content blockquote p { padding:0 !important; } #content blockquote p cite { padding:5px 0px 0px 0px; font-size:12px; font-weight:bold; } #content address { padding:0px 0px 20px 0px; line-height:20px; } #content pre { padding:0px 0px 20px 0px; } #content table { margin:10px 0px 30px 0px; } #content table tr { border-bottom:1px solid #4C4C4C; } #content table tr th { padding: 10px 20px 10px 20px; border-top:1px solid #4C4C4C; border-left:1px solid #4C4C4C; border-right:1px solid #4C4C4C; } #content table tr td { padding: 10px 20px 10px 20px; border-left:1px solid #4C4C4C; border-right:1px solid #4C4C4C; } #content img { } #content img.wp-post-image { margin: 5px 15px 5px 0 !important; padding: 0; float: left; } #content img.wp-smiley { display: inline; } #content img.x-left { margin: 5px 10px 10px 0px; } #content img.x-right { margin: 5px 0px 5px 10px; } #content img.x-none { margin: 10px 0px 10px 0px; } #content .x-caption { max-width: 100%; display: block; } #content p.x-caption-text { font-family:'Droid Serif', Times, serif; font-size:14px; text-align:center; line-height:18px; padding:7px 0px 10px 0px; } #content object, #content embed, #content iframe { display: block; max-width: 100%; margin: 3px 0 10px 0; } #content article p.meta { margin:0px 0px 15px 0px; padding:0px 0px 5px 0px; font-size:12px; line-height:19px; clear:both; } #content article p.meta span { padding:0px 0px 0px 0px; font-family:'Droid Serif', Times, serif; font-size:12px; line-height:19px; font-style:italic; } aarticle-edit-link { font-family:'Droid Serif', Times, serif; font-size:12px; font-style:italic; } #content p.previous { float:left; font-size:12px; } #content p.next { float:right; font-size:12px; } #content article p.meta-date{ margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; font-size:12px; line-height:19px; clear:both; } #content article p.meta-date span.separator{ padding: 0px 5px 0px 5px; } img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, img { max-width: 620px; } #content article #author-info { margin:5px 0px 30px 0px; padding:10px 0px 0px 0px; background:url(image/debut_light.png); overflow:hidden; } #content article #author-avatar { margin:5px 15px 0px 15px; float:left; } #content article #author-description { overflow:hidden; } #content article #author-description h2 { padding:0px; font-family:'Droid Serif', Times, serif; font-size:12px; font-weight:normal; } #content article #author-description h2 span { font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; } #content article #author-description p { font-family:'Droid Serif', Times, serif; font-size:14px; line-height:18px; font-style:italic; padding-top:3px; } .link-page { font-family:'Droid Serif', Times, serif; font-size:14px; line-height:18px; font-style:italic; margin-bottom:15px; } #content article h2.page{ margin-bottom:15px; } #content h3.sticky{ font-size:10.5px; font-weight:normal; padding:0; text-transform:uppercase; letter-spacing:2px; } h1.archive { margin:0px 0px 25px 0px; padding: 10px 0px 10px 10px; font-family:'Droid Serif', Times, serif; font-size:14px; font-weight:normal; font-style:italic; letter-spacing:0.1em; background:url(image/debut_light.png); } #container .sidebar-left, #container .sidebar-foot-left{ float:left; margin-right:20px; width:300px; } #container .sidebar-right, #container .sidebar-foot-right{ float:right; width:300px; } #container .sidebar-foot-right, #container .sidebar-foot-left{ margin: 0px 0px 40px 0px; } .widget-wrapper{ margin:40px 0 0px 0; clear:both; } .widget-wrapper h3.widget-title{ font-size:12px; float:left; letter-spacing:0.2em; padding: 0 0 5px 0; } .widget_archive ul li, .widget_pages ul li.page_item, .widget_categories ul li.cat-item, .widget_links ul.blogroll li, .widget_recent_entries ul li, .widget_recent_comments ul#recentcomments li.recentcomments, ul.menu li, .widget_meta ul li, .widget_rss ul li{ font-size:13px; text-align:left; padding:3px 0 0 5px; } .tagcloud{ float:left; margin-bottom:30px; } .widget_archive select, .widget_categories select{ float:left; } .textwidget{ font-size: 14px; line-height: 23px; padding: 0 0 15px; text-align:left; letter-spacing:0.1em; font-style:italic; } .search-input { width: 125px; margin:0px 0px 40px 0px; font-size:12px; float:left; } #searchsubmit { margin:0 0 0 5px; padding:2px 4px 2px 4px; float:left; background:#468aff; border:none; font-family:'Droid Sans', arial, sans-serif; font-size:12px; color:#fff; cursor:pointer; } table#wp-calendar caption { font-family:'Droid Serif', Times, serif; font-size:12px; line-height:18px; font-style:italic; text-align:left; padding:0px 0px 3px 0px; } table#wp-calendar td { padding:3px; } .authcomment { background: url(image/debut_light.png) !important; padding:8px 8px 8px 8px; } .bypostauthor{ } article .comments-content { margin:6px 0px 0px 0px; border-top:4px solid #f0f0f0; } #content article #comments-content h3#comments { padding:80px 0px 8px 0px; font-size:16px; } #comments-content .comment-body p { padding:0px 0px 10px 0px; font-size:13px; line-height:19px; } #comments-content p.moderation { font-family:'Droid Serif', Times, serif; font-size:12px; font-style:italic; color:#999; } #content article #comments-content ol, #content #page #comments-content ol { padding:0px; } #content article #comments-content ol li ul.children, #content #page #comments-content ol li ul.children { padding:0px; } #content article #comments-content ol li.depth-1 { padding:25px 0px 25px 0px; border-bottom:4px solid #f0f0f0; overflow:hidden; } #comments-content ol li.depth-2, #content #page #comments-content ol li.depth-2, #comments-content ol li.depth-3, #content #page #comments-content ol li.depth-3, #comments-content ol li.depth-4, #content #page #comments-content ol li.depth-4, #comments-content ol li.depth-5, #content #page #comments-content ol li.depth-5 { margin:10px 0px 0px 30px; padding:25px 0px 0px 0px; border-top:4px solid #f0f0f0; border-bottom:none; overflow:hidden; } .comment-meta { padding:0px 0px 10px 0px; font-family:'Droid Serif', Times, serif; font-size:12px; font-style:italic; } .comment-gravatar { margin:1px 15px 0px 0px; float:left; } #comments-content .comment-body { padding:0px; overflow:hidden; } .reply { margin:0px 0px 0px 0px; float:right; } a.comment-reply-link { font-size:12px; font-weight:bold; } p.logged-in-as { font-family:'Droid Serif', Times, serif; font-size:12px; font-style:italic; } #comments-content ol li.post.pingback { margin:0px; padding: 20px 0px 20px 60px; list-style:none; } #content #comments-content .comment-body ol { padding:6px 0 6px 30px; line-height: 1.3; } #content #comments-content .comment-body ol li { list-style: decimal !important; } #content #comments-content .comment-body ol li ol li { list-style: upper-alpha !important; } #content #comments-content .comment-body ol li ol ol li{ list-style: lower-roman !important; } .visitor-comment a.url{ color:#468ACA; } .visitor-comment a.url:hover{ text-decoration:none; } a#cancel-comment-reply-link { padding:3px 0px 0px 0px; float:right; font-size:12px; } #content article #comments-content #respond h3#reply-title { padding:80px 0px 6px 0px; font-size:16px; } #content article form#commentform p { font-size:14px; } form#commentform p.comment-notes { padding:5px 0px 15px 0px; font-family:'Droid Serif', Times, serif; font-size:10px; font-style:italic; } form#commentform input#author, form#commentform input#email, form#commentform input#url { font-family:'Droid Sans', arial, sans-serif; height:22px; display: block; } form#commentform textarea#comment { width:100%; padding:3px; font-family:'Droid Sans', arial, sans-serif; } form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment { padding:10px 0px 0px 0px; } form#commentform p.form-submit input#submit { margin:8px 0px 10px 1px; padding:6px 8px 6px 8px; background:#4C4C4C; border:none; font-family:'Droid Sans', arial, sans-serif; font-size:12px; color:#fff; cursor:pointer; } .nav-previous { float:left; margin:20px 0 0 0; } .nav-next { float:right; margin:20px 0 0 0; } .gallery { margin: auto; padding:5px 0px 5px 0px; } .gallery .gallery-item { float: left; margin: 10px 5px 0px 5px; text-align: center; width: 30%; vertical-align: top; } .gallery img { border: 1px solid #cfcfcf; padding:3px; } .gallery .gallery-caption { margin-left: 0; padding: 3px 0px 8px 0px; font-family:'Droid Serif', Times, serif; font-size: 12px; line-height: 18px; letter-spacing:0.1em; } .header-nav { } .footer-nav { text-align: center; margin-bottom:40px; } .botnav {margin:5px 0;} .botnav li{ display: inline-block; } .botnav li a{ display: block; padding-right: 35px; padding-bottom:20px; } .botnav li:last-child a{ padding-right:0; } .botnav li ul { display:none; } footer { width:100%; padding: 50px 0px 50px 0px; clear: both; font-size: 12px; overflow:hidden; text-align:center; } footer p { line-height:19px; } .x-left { display: inline; float:left; margin-right: 10px; } .x-right { display: inline; float: right; margin-left: 10px; } .x-center { clear: both; display: block; margin-left: auto; margin-right: auto; } img.x-left, img.x-right, img.x-center { margin-bottom: 10px; } header h1 a{ color:#4A4A4A; } header h1 a:hover{ text-decoration:none; } #content article h1 { padding:0px 0px 0px 0px; font-size: 22px; line-height:28px; } #content h2 { padding:0px 0px 0px 0px; font-size: 18px; line-height:26px; } #content h3 { padding:0px 0px 2px 0px; font-size: 16px; line-height:24px; } #content h4 { padding:0px 0px 2px 0px; font-size: 15px; line-height:21px; } #content h5 { padding:0px 0px 2px 0px; font-size: 14px; line-height:20px; } #content h6 { padding:0px 0px 2px 0px; font-size: 13px; line-height:19px; } #content article ul, #content article ul { padding:20px 0px 0px 25px; } #content article ul li, #content article ul li { padding:0px 0px 20px 0px; font-size: 14px; line-height:23px; list-style: square !important; } #content article ol, #content article ol { padding:20px 0px 0px 30px; } #content article ol li, #content article ol li { padding:0px 0px 20px 0px; font-size: 14px; line-height:23px; list-style: decimal; } #content article ol ol li, #content article ol li ol li { list-style: upper-alpha !important; } #content article ol ol ol li, #content article ol li ol ol li{ list-style: lower-roman !important; } #content h2 a { color:#468ACA; } a, #content h2 a:hover{ text-decoration:none; } a:hover { text-decoration:underline; } a, ul.sidebar li.widget_text a { color:#468ACA; } ul.sidebar a, p.meta-date a, .comment-meta a, p.logged-in-as a, aarticle-edit-link, #footer a { color:#999; } #content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, p.logged-in-as a:hover, p.meta-date a:hover, aarticle-edit-link:hover, #footer a:hover { color:#4A4A4A; } #searchsubmit:hover, form#commentform p.form-submit input#submit:hover, input.contact-submit:hover { background:#4A4A4A; } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 } @media screen and (max-width: 870px){ } @media screen and (max-width: 770px){ #content { float: none; margin: 0 0 12px 0; } } @media screen and (max-width: 620px) { #container, #content { float: none; width: auto; } #content { margin: 0 15px 0 15px; } .gallery .gallery-item { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: center; width: 100%; float:none; vertical-align:top; } .gallery img { border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .gallery .gallery-caption { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; font-family:'Droid Serif', Times, serif; font-size: 12px; line-height: 10px; letter-spacing:0.1em; } #container .sidebar-left, #container .sidebar-foot-left{ float:none; width:100%; } #container .sidebar-right, #container .sidebar-foot-right{ float:none; width:100%; } .widget-wrapper{ margin:30px 10px 10px 10px; padding:0px 0px 40px 0px; clear:both; } header{ text-align:center; margin-bottom:50px; } } 