/* @override http://s51370.gridserver.com/_rainer/wp-content/themes/milan/style.css */

/*
Theme Name: Milan
Theme URI: http://www.siiimple.com
Description: A minimalist wordpress theme
Version: 3.0
Author: Justin
Author URI: http://www.justinmarcusdesign.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:none }
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:150px;}
.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: 0px; background: #777; width: 10px; }

/*Basic Conglomeration of Typographical Elements*/
/* body,h1,h2,h3,h4,h5 {font-family: Helvetica, Arial, sans-serif;}*/
strong, b {font-size:13px; }
a, a:link, a:visited {  text-decoration: none; color: #555;}
div#line.g450 h1#ekloff a .tightkern {margin-left:-3px}
a:hover, .g400 p a, .g400 p a:link,.g400 p a:visited {  color: #008DC7 !important; }
h1{font-size: 15px;font-weight: bold; margin-bottom: 5px;}
div#line.g450 h1#ekloff a, div#line.g450 h1#ekloff a .tightkern {font-style: normal; text-transform: uppercase; font-family: 'Raleway', Helvetica, Arial, sans-serif; letter-spacing: 0.025em; font-size: 42px; font-weight:normal;}
h2.title {  margin-top: 5px; margin-bottom: 5px; font-weight: bold; font-size: 15px;}
h2.title a{ font-size: 15px;  color: #000; text-decoration: none;}
h2.archive {  margin-top: 20px;margin-bottom: 10px; font-style: italic;}
h2.header {  margin-bottom: 10px; font-size: 15px; font-weight: bold; }
div.g225 p {  margin-top: 10px; }
ul#twitter_update_list li  {  margin-bottom: 10px !important;line-height: 18px; }
ul#twitter_update_list li span{  font-size:11px;padding-right: 0px;}
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-size:11px;line-height: 18px;padding-right: 20px;padding-bottom:7px;}
p.intro, ul#twitter_update_list li{  padding-right: 150px; margin-bottom: 0px; }
p.desc {  font-size: 11px; }
div#line.g450 span { font-size: 11px; }
ul li span {  font-weight: normal;  }
div.more-link {  margin-left: 230px; font-size: 10px; margin-top: 20px; text-align: right;}
div.more-link  a{  color: #000 ; text-decoration: none;}
input#s {  font-size: 11px; padding: 10px; background-color: #eee; color: #666;}
hr {margin:25px 0px 15px 0px; height:1px; color: #eee; background-color: #eee;}
small {font-size: 11px}

/*Some Random Stuff, Not Really In Order*/
div#intro.g450 {  padding-left: 0px; }
div#line.g450 h1 {  font-size: 15px; font-weight: bold; margin-bottom: 0;}
div#line.g450 h1 a { font-size: 15px; font-weight: bold; text-decoration: none;color: black;  }
div#line.g450 {  margin-bottom: 35px; margin-left: 20px; }
div#line.g450 ul li a {  font-size: 15px; font-weight: bold;  text-decoration: none;color: black; }
div#line.g450 ul li { font-size: 15px;  line-height: 20px;}
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;}
body.archive.date div.main div#post.g450 {  margin-right: 40px; }
body.archive.date div.main div#post.g450.odd {  margin-right: 0px; }
body.search div.main div#post.g450.odd {  margin-right: 40px; }
body.search div.main div#post.g450.even {  margin-right: 0 !important; }
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 !important; 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; }
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: 13px; }
span.pages {  margin-right: 20px; color: #777;}
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 {  margin-left: 40px; padding-top: 20px; border-top: 1px solid #ccc; }
div#single.g225 {  border-top: 1px solid #ccc; }
div#single.g225  img {  margin-bottom: 25px; max-width: 470px;}
div#single.g400 p {  margin-bottom: 10px; }
div#single.g400 input {  border: 1px solid #ddd; padding: 5px; }
textarea#comment {  width: 380px; border: 1px solid #ddd; }
input#submit {  border: 1px solid #ddd; background: #fff;  margin-top: 10px; padding: 5px;color: #777;}
p.meta {  font-size: 10px; font-style: italic; margin-bottom: 25px; }
div.cats {width:230px; float:left}
div.cats2 {float:left}
div.cats, div.cats2 {font-size:11px; line-height: 20px;}

/*Slideshow*/
#show {width: 430px ;height: 400px !important;margin-top: 25px; overflow: hidden; margin-bottom: 10px;}
#show img.attachment-large {cursor: pointer; max-height: 430px;max-width: 450px !important;}
#show_nav a {font-size: 15px; color: #000; text-decoration: none; margin-right: 10px;}
#show_nav a:hover, #show_nav .activeSlide {color: #ccc;font-weight: bold;}

div#twitter.g450 h1 {  margin-bottom: 5px; }
div#twitter.g450 h1.twitter {  margin-bottom: 5px !important; }
div#twitter.g450 h1 a { color: #000; text-decoration: none; font-weight: bold; }
h3.reply{  font-size: 15px;margin-top:60px; margin-bottom: 20px;  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; color: #ccc; }
a.url {  color: #000;}
img.avatar {  border: 1px solid #eee; padding: 5px; }
cite.fn { margin-left: 10px; font-size: 13px; font-weight: bold;}
div#respond {  width: 320px; }
ol.commentlist p{  border: 1px solid #eee;  padding: 10px; margin-bottom: 10px;margin-top: 20px; font-size: 11px;}
div.reply {  font-size: 11px;  margin-bottom: 10px; text-align: right; }
ol.commentlist {  width: 380px}
form#commentform {  margin-top: 0px !important; width: 450px;margin-bottom: 50px;}
div.comment-author.vcard {  margin-bottom: 3px; }
a.comment-reply-link {  color: red; }

/*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; }
body.home.blog .navigation div.wp-pagenavi {  padding: 0; margin:0 }
div.navigation {  font-size: 11px; padding-top: 10px; padding-bottom: 10px; text-align: right; }

/*Cover*/
.cover {float: none; display: block; position: relative;  margin-top:5px; }
.meta {position: absolute;top: 0px; left: 0px; bottom: 10px; padding: 8px; font-size: 11px; width: 199px; height: 248px;background:url(i/transpBlack50.png) repeat top left; display: none; z-index: 10;border-bottom: 1px solid #000;}
div#post.g450:hover .meta {display: block;}
span.category {color:white}
.meta p.postmetadata, h6 a {  margin-top: 5px; padding-bottom: 0;}
.meta p.postmetadata a {  color: #fff; font-size: 11px;}
h6 {  margin: 5px 0px}
h6 a, h6 a:link, h6 a:visited, meta.h6 {padding: 3px 2px 2px 1px; color: #eee; font-size: 11px; font-weight: bold;}
div.meta ul li a{  display: block;   color: #fafafa;}
div.meta ul li a:hover {background-color: #000;}
div.meta ul li  { margin-bottom: 2px; }
div.meta ul.cat-right {  float: right; }
div.meta ul.cat-left {  float: left; }
.meta {color:#fff}