/* Theme Name: Milan Theme URI: http://www.siiimple.com Description: A minimalist wordpress theme Version: 3.0 Author: Justin Author URI: http://www.justinmarc.com Tags: fixed-width, theme-options, white, custom-menu */ /*Milan is a theme by siiimple.com*/ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style-image: url("http://thedailymuddle.com/wp-content/uploads/2010/08/plus.gif"); font-family: Georgia, serif; font-size: 11px; line-height: 18px } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ /*The Grid, The Framework, The Structure - Whatever You Want to Call It*/ html,body,div{border:0;margin:0;padding:0;} .main{width:900px;padding-top:40px;margin:0 auto; } .g100,.g110,.g160,.g200,.g225,.g260,.g300,.g320,.g400,.g450,.g480,.g590,.g640,.g800,.g900,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960{float:left;display:inline;margin-left:10px;} .g100{width:90px;} .g110{width:105px;} .g160{width:15000px;} .g200{width:190px;} .g225{width:215px;} .g300{width:290px;} .g320{width:310px;} .g400{ width: 390px; } .g450{width:430px;} .g480{width:470px;} .g590{ width: 580px; } .g640{width:630px;} .g800{width:790px;} .g900{width:890px;} .g960{width:950px;} .g80{width:70px;} .g240{width:230px;} .g260{width:250px; } .g400{width:390px;} .g560{width:550px;} .g720{width:710px;} .g880{width:870px;} .clear{clear:both;width: 890px;} .clearfix:after,.main:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix,.main{display:block;} div#divide.clear { height: 1px; background: #777;width: 900px; } div#short.clear { height: 1px; background: #777; width: 10px;margin-bottom: 5px; } div#twitter-short.clear { height: 1px; background: #777; width: 10px;margin-bottom: 11px; } /*Basic Conglomeration of Typographical Elements*/ body{font-family: Georgia, serif;} h1,h2,h3,h4,h5 {font-family: Georgia, serif;} a{ color: #000; text-decoration: underline;} a:hover{ color: #33a8e5 !important; } a:visited{ color: #000; text-decoration: underline} h1{font-size: 11px;font-weight: bold; margin-bottom: 5px;} h2.title { margin-top: 5px; margin-bottom: 5px; font-weight: bold; font-size: 11px;} h2.title a{ font-size: 11px; color: #000; text-decoration: none;} h2.archive { margin-top: 20px;margin-bottom: 10px; font-style: italic;} h2.header { margin-bottom: 10px; font-size: 11px; font-weight: bold; } div.g225 p { margin-top: 10px; } ul#twitter_update_list li { margin-bottom: 11px !important; } ul#twitter_update_list li span{ font-size:11px;line-height: 18px;padding-right: 20px;} ul#twitter_update_list li a { font-size: 11px !important; font-style: italic; color: #777; } p.twitter a, p.intro a{ font-size: 10px;color: #000; text-decoration: none; font-style: italic;} p{font-family: Georgia, serif; font-size:11px;line-height: 18px;padding-right: 20px;} p.intro, ul#twitter_update_list li{ padding-right: 150px; margin-bottom: 0px; } p.desc { font-size: 10px; font-style: italic; } ul li span { font-weight: normal; list-style-type:square; margin-bottom: 5px } div.more-link { margin-left: 230px; font-size: 10px; margin-top: 20px; text-align: right;} div.more-link a{ color: #000 ; font-style: italic; text-decoration: none;} input#s { font-size: 10px; font-style: italic; } /*Some Random Stuff, Not Really In Order*/ div#intro.g450 { padding-left: 0px; } div#line.g450 h1 { font-size: 11px; font-weight: bold; margin-bottom: 0;} div#line.g450 h1 a { font-size: 11px; font-weight: bold; text-decoration: none;color: black; } div#line.g450 { margin-bottom: 15px; margin-left: 20px; } div#line.g450 ul li a { font-size: 11px; font-weight: bold; text-decoration: none;color: black; } div#line.g450 ul li { font-size: 11px; line-height: 18px;} div#noLine.g110 p { padding-right: 0px; font-size: 11px;margin-bottom: 30px; padding-top: 5px;line-height: 18px;} /*Something to do with Posts*/ div#post.g450 { border-top: 1px solid #ccc; margin-bottom: 20px; padding-top: 20px; width: 430px;} div#post.g450.odd, body.archive.category div#post.g450.even,body.archive.category div#post.g450{ margin-right: 40px; } body.archive.category div#post.g450.odd { margin-right: 0; margin-left: 0px !important;} div#post.g450 h2 { padding-left: 230px; font-weight: bold;} div#post.g450 p { padding-left: 230px; padding-right: 10px; } div#post.g450 img{float: left; margin-bottom: 25px; } div#portfolio.g225 { margin-right: 5px !important; margin-left: 5px !important;margin-bottom: 20px;} div.postthumb {padding-bottom: 0px; margin-bottom: 0px;} div#single.g225 div.postthumb img { margin-bottom: 15px; } /*This is for the Portfolio*/ div#portfolio.g400 { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } div#portfolio.g400 p { margin-bottom: 10px; } div#portfolio.g300 { margin-bottom: 20px; clear: both;} div#portfolio.g400 p, div#portfolio.g400 h2.title, div#portfolio.g400 h1 { margin-left: 10px; } div#portfolio.g400 h1 { font-size: 11px; font-style: italic; } div#portfolio.g400 h1 a{ color: #000; text-decoration: none; font-weight: normal;} /*Basic Styles for the Plugin Page-Navi, Which Hopefully You Have Installed*/ div.wp-pagenavi{ text-align: right; margin-top: 20px; margin-bottom: 20px;margin-right: 10px; font-size: 11px; } span.pages { margin-right: 20px; } a.page{ margin-right: 10px; margin-left: 10px; text-decoration: none; color: black;} a.nextpostslink { color: black; text-decoration: none; } /*This is for the Single.php page*/ div#single.g400 p { margin-bottom: 10px; } textarea#comment { width: 280px; border: 1px solid #000; } input#submit { border: 1px solid #000; background: #fff; margin-top: 10px; padding: 5px;} p.meta { font-size: 10px; font-style: italic; margin-bottom: 25px; } div#single.g260 a { font-weight: bold; color: #000; text-decoration: none; } div#single.g260 ul li { font-size: 10px; font-style: italic; } div#single.g260 input { border: 1px solid #000; font-size: 11px; margin-bottom: 10px; } div#twitter.g450 h1 a { color: #000; text-decoration: none; font-weight: bold; } h3.reply{ font-size: 12px;margin-top:0px; margin-bottom: 10px; font-weight: bold;} h3#comments, div.comment-author.vcard, div.comment-meta.commentmetadata{ font-size: 10px; font-style: italic; margin-bottom: 10px; } div.comment-meta.commentmetadata a { font-weight: normal !important; } img.avatar { border: 1px solid #000; padding: 2px; } cite.fn { margin-left: 10px; font-weight: bold;} div#respond { width: 320px; } ol.commentlist p{ border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;margin-top: 20px;} div.reply { font-size: 10px; margin-bottom: 10px; text-align: right; } ol.commentlist { width: 283px !important; } form#commentform { margin-top: 0px !important; } /*The Bottom of it All.*/ div#bottom.g225 { margin-bottom: 20px; } div#bottom.g225 h1{ margin-top: 20px; } div#bottom.g225 ul{ margin-top: 10px; } div#bottom.g225 ul li a, div#bottom.g225 ul li { font-size: 11px; color: black; text-decoration: none; line-height: 18px;} input#s{ border: none;width: 185px; border-left: 2px solid black; padding-left: 5px; } div#footer.g900 { margin-bottom: 20px; } div#footer.g900 a { font-size: 10px;color: #000; text-decoration: none; font-style: italic; } /*Float*/ img.floatLeft { float: left; margin: 4px; } img.floatRight { float: right; margin: 4px; } /*Lists*/