/*
Theme Name: seventy75
Theme URI: http://phoat.com/themes
Description: A new phoat.com theme using HTML5
Version: 0.1
Author: Phoat
Author URI: http://phoat.com/
Tags: 
*/

@import url('_reset.css');
@import url('_layout.css');
@import url('_typography.css');
@import url('_color.css');

/* Common styles */
.alignright 	{ float: right; }
.alignleft	{ float: left; }
.alignnone	{ float: none; }

img.alignright 	{ margin: 0 0 9px 20px; }
img.alignleft	{ margin: 0 20px 9px 0; }

/* Hide element */
hr,
.site-description,
.hide { display: none; }

/* Image replacement for elements */
.text-replacement { text-indent: -9999px; }

/* Fix to clear floated content */
article.category-tweets:after,
nav:after,
.clear-fix { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Firebug */
body { background: #333 url(images/bg_body.jpg) fixed repeat-x top left; color: #aaa; }
a { color: #369; text-shadow: 1px 1px 1px #000;  }
a:hover { color: #f26c4f; }

header, section#page, section#comments, footer {
    width: 980px; margin: 0 auto;
}

header { position: relative; }
header h1 {
    position: fixed;
    top: -100px; left: 50%;
    margin-left: -480px;
    width: 355px; height: 424px;
    background: url(images/bg_logo.png) no-repeat top left;
    text-indent: -9999px;
}
header h1 a { display: block; width: 230px; height: 340px;  }
#googleads{ position: fixed; top: 75px; left: 50%; margin-left: 505px; }


nav#main {
    margin: 36px 0 2px 240px;
    position: relative;
    float: right;
}

nav#main li {
    float: left;
    line-height: 36px;
    background-color: rgba(0,0,0,.4);
    font-size: 14px; text-transform: uppercase; font-weight: bold;
    margin-right: 2px; padding: 0 15px;
}

nav#main li:first-child { -moz-border-radius: 10px 0 0 0; }
nav#main li:last-child { -moz-border-radius: 0 10px 0 0; margin-right: 0; }
#page { clear: both; }

article { 
    position: relative;
    width: 700px;
    margin: 0 0 18px 240px; padding: 18px 20px;
    background-color: rgba(0,0,0,.4);
    -moz-border-radius: 10px; 
}
article .entry-date abbr { border-bottom-width: 0; }

.category-tweets { padding-left: 120px; width: 600px; background-color: rgba(0,0,0,.4); font-size: 16px; font-weight: bold; min-height: 55px; }
.category-tweets .entry-date abbr { border-bottom-width: 0; }
.category-tweets .entry-date { font-size: 10px; background-color: rgba(0,0,0,.4); position: absolute; bottom: 0; right: 0; padding: 5px 20px; -moz-border-radius: 10px 0 10px 0;}

/*
.category-tweets .entry-date {
    margin: -18px 20px -18px -20px; padding: 18px 20px;
    width: 60px; float: left;
    font-size: 14px; font-weight: bold;
    text-align: center;    
    background: rgba(51,102,153,.8);
    -moz-border-radius: 10px 0 0 10px; 
}*/
.twitter-bird { width: 100px; height: 100%; position: absolute; left: 0; top: 0; background: rgba(51,102,153,.6) url(images/bg_twitter.png) scroll no-repeat center center; -moz-border-radius: 10px 0 0 10px;  }

article h2 { font-size: 27px; margin-bottom: 18px; text-transform: lowercase; }
.entry-content p { margin-bottom: 18px; }
.entry-content p:last-child { margin-bottom: 0; }
.entry-content a { font-weight: bold; }

.entry-meta { position: absolute; top: 0; right: 0px; padding: 9px 20px; background-color: rgba(255,255,255,.2); -moz-border-radius: 0 10px;}
.entry-meta li { 
    font-size: 10px;
    display: inline; 
}
.entry-meta li:after { content: " //"; }
.entry-meta li:last-child:after { content: "" }

.category-website { padding-left: 120px; width: 600px; }
.category-website h2 { font-size: 18px; font-weight: bold; margin-bottom: 9px; }
.icon-globe { position: absolute; width: 100px; height: 100%; top: 0; left: 0; background: rgba(141,177,63,.6) url(images/bg_web.png) scroll no-repeat center center; -moz-border-radius: 10px 0 0 10px; }

article.p1 { -moz-border-radius: 10px 0 10px 10px; }

.single .entry-meta { position: relative; -moz-border-radius: 5px; margin-top: 18px; }

nav.posts { float: none; background-color: rgba(0,0,0,.5); margin-left: 240px; -moz-border-radius: 10px; padding: 0 20px; position: relative; -moz-box-shadow: 2px 2px 5px #000; }
nav.posts li { line-height: 36px; font-weight: bold; text-transform: lowercase; font-size: 16px; color: #369; }
nav.posts li:first-child { float: left; }
nav.posts li:last-child { float: right; }

.entry-content ul, .entry-content ol { margin-left: 40px; margin-bottom: 18px; }
.entry-content ul li { list-style-type: disc; }
.entry-content ol li { list-style-type: decimal;}

article { padding-left: 120px; width: 600px;}
article h2 { text-shadow: 1px 1px 1px #000; }
article .icon { width: 100px; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3) url(images/bg_post.png) scroll no-repeat center 15px; -moz-border-radius: 10px 0 0 10px; }

.entry-tags { background-color: rgba(0,0,0,.5); margin: 18px -10px -7px; -moz-border-radius: 5px; height: 36px; line-height: 36px; padding: 0 10px; }

section#comments { position: relative; left: 50%;width: 720px; margin-left: -250px; background-color: rgba(0,0,0,.5); -moz-border-radius: 10px; margin-top: 18px; padding: 18px 10px;}
section#comments h3 { font-size: 18px; margin: 0 0 9px 5px; text-transform: lowercase;}
li.pingback { background-color: rgba(0,0,0,.3); -moz-border-radius: 5px; padding: 45px 20px 18px; margin: 9px 0; position: relative; display: none; }
li.pingback .comment-author { margin-bottom: 9px; }

li.comment { -moz-border-radius: 5px; background-color: rgba(0,0,0,.3); margin: 9px 0; padding: 18px 20px; }
li.comment:last-child { margin-bottom: -7px; }
li.comment.odd { background-color: rgba(255,255,255,.1); }
li.comment.byuser{ background-color: rgba(51,102,153,.4); }

li.comment { padding-left: 90px; position: relative;}
.comment-author img { float: left; width: 60px; height: 60px; margin-right: 20px; position: absolute; left: 10px;}
.comment-meta { position: absolute; top: 0; right: 0; background-color: rgba(0,0,0,.2); padding: 9px 18px; -moz-border-radius: 0 5px 0 5px; font-size: 10px; }
.comment p { clear: both; margin-top: 9px;}


code { background-color: rgba(0,0,0,.3); display: block; padding: 9px 10px; margin: 0 -10px; -moz-border-radius: 5px; line-height: 27px; }
.page article h3 { font-size: 18px; margin: 27px 0 9px; }
dt { font-weight: bold;}
dd { margin-bottom: 18px; }

#gallery-1 img { padding: 5px; opacity: .7;}
#gallery-1 img:hover { border-color: #55f; opacity: 1;}
.social { position: absolute; top: 90px; left: 25px;}
.social.website { top: 0px; left: 665px; background: rgba(255,255,255,.4); width: 70px; padding: 7px 0 0 5px; -moz-border-radius: 0 10px 0 10px }
article.p1 .social.website { -moz-border-radius: 0 0 0 10px; }

nav#post-nav { 
    background: #ccc;
    margin: 0 0 18px 240px; padding: 18px 20px;
    background-color: rgba(0,0,0,.4);
    -moz-border-radius: 10px; 
}