/*
Theme Name: Luca
Theme URI: http://lucabiagini.com/
Description: A simple, minimal theme.
Version: 2
Author: Luca Biagini
Author URI: http://lucabiagini.com/
Tags: minimal

*/



* { margin: 0; padding: 0; }
body { background: #cdcdcd url(images/white.gif) repeat-y; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; }
h1 { text-indent: -9999px; }
#container { background: #fff url(images/bg.gif) no-repeat; width: 960px; font-size: 1.1em; padding-right: 30px; }
p.twitter { margin-left: 400px; text-align: right; color: #828282; }
p.twitter span { color: #cdcdcd; }
ul#nav { float: right; list-style: none; margin-top: 70px; font-size: 2em; }
ul#nav li { display: inline; padding-left: 20px; }
ul#nav li a { color: #cdcdcd; text-decoration: none; }
ul#nav li a:hover { color: #008fd2; }
ul#nav li a.current { color: #828282; }

#main { margin: 160px 0 30px 215px; color: #828282; }
#main h2 { margin-left: 80px; padding: 60px 0 60px 150px; width: auto; display: inline; font-size: 2em; font-weight: normal; float: right; text-align: right; }
#main h2 span { font-size: .6em; color: #cdcdcd; font-style: italic; border-top: 1px dotted #cdcdcd; margin-top: 5px; padding-top: 5px; display: block; float: right; width: 100%; }
#main h2.home { background: url(images/home.jpg) 0 30px no-repeat; }
#main h2.about { background: url(images/about.jpg) 0 30px no-repeat; }
#main h2.education { background: url(images/education.jpg) 0 30px no-repeat; }
#main h2.music { background: url(images/music.jpg) 0 30px no-repeat; }
#main h2.site { background: url(images/site.jpg) 0 30px no-repeat; }
#main h2.portfolio { background: url(images/portfolio.jpg) 0 30px no-repeat; }
#main h2.blog { background: url(images/blog.jpg) 0 30px no-repeat; }
#main h2.contacts { background: url(images/contacts.jpg) 0 30px no-repeat; }


#main h3 { clear: both; background: #cdcdcd; color: #fff; padding: 5px; margin-top: 20px; font-size: 1.3em; }

#main a, p.twitter a  { color: #008fd2; }
#main a:hover, p.twitter a:hover { background: #008fd2; color: #fff; text-decoration: none; }

#main strong { color: #f87500; }
#main p { clear: both; font-size: 1.3em; padding: 10px 0; line-height: 150%; text-align: justify; }
#main pre { font-size: 1.3em; color: #fff; padding: 5px; margin: 20px 0; background: #828282; }
#main ul { font-size: 1.3em; padding: 10px 0; line-height: 150%; margin-left: 15px; list-style: square; clear: both; }
#main li { border-bottom: 1px dotted #cdcdcd; }
#main li:last-child { border: 0; }

#main ul.blog_entries { margin-left: 0; list-style: none; padding: 40px 0; float: left; }
#main ul.blog_entries li { padding-bottom: 5px; margin-bottom: 20px; line-height: 200%; float: left; clear: both; display: block; width: 100%; }
#main ul.blog_entries li span.article_link a { text-decoration: none; display: block; padding: 5px; }
#main ul.blog_entries li span.article_tags a,
#main ul.blog_entries li span.article_comments a { color: #f87500; }
#main ul.blog_entries li span.article_tags a:hover,
#main ul.blog_entries li span.article_comments a:hover { color: #fff; background: #f87500; }
#main li span.article_time { width: 20%; display: block; float: left; margin-top: 10px; }
#main li span.article_link { margin-left: 5%; width: 50%; font-size: 1.5em; display: block; float: left; }
#main li span.article_tags { margin-left: 6%; width: 15%; font-size: 1em; display: block; float: left; margin-top: 10px; line-height: 130%; }
#main li span.article_comments { margin-left: 5%; width: 20%; font-size: 1em; display: block; float: left; text-align: right; margin-top: 10px; }

.navigation { clear: both; float: left; padding: 30px 0; width: 100%; }
.alignleft { background: #cdcdcd; display: block; padding: 3px; font-size: 1.1em; }
.alignright { background: #828282; display: block; text-align: right; padding: 3px; font-size: 1.1em; color: #cdcdcd; }
#main .alignleft a { color: #828282; text-decoration: none; }
#main .alignleft a:hover { color: #333; background: transparent; }
#main .alignright a { color: #cdcdcd; text-decoration: none; }
#main .alignright a:hover { color: #fff; background: #828282; }

.commentlist { clear: both; list-style: none; margin-top: 15px; background: #fff; }
.main ol.commentlist { margin-left: 0; clear: both; float: left;}
#main .commentlist li { float: left; display: block; width: 744px; background: #cdcdcd; border-bottom: 1px solid #fff; padding: 15px; }
.commentlist li span, span.postmetadata { color: #999; }
.commentlist li.comment-admin span { color: #eee; }
#main .commentlist li.comment-admin a { color: #333; }
#main .commentlist li.comment-admin a:hover { background: #333; color: #fff; }
#main .commentlist li.comment-admin { background: #828282; color: #fff; }
.commentlist li span.nr { display: block; width: 10%; float: right; text-align: right; font-size: 4em; color: #fff; }
.commentlist li.comment-admin span.nr { color: #333; }
.commentlist li p { width: 90%; }

#comment_sx { clear: both; float: left; width: 330px; margin: 40px 20px 40px 0; }
#comment_dx { margin: 40px 0; float: right; width: 48%; }
input, textarea { width: 100%; border: 1px solid #cdcdcd; padding: 3px; font-size: 1.2em; color: #828282; font-family: Tahoma, Arial, Helvetica, sans-serif; }
input { margin-bottom: 20px; }
label { display: block; background: #cdcdcd; color: #828282; padding: 0 3px; width: 100%; border: 1px solid #cdcdcd; font-size: .9em;}
input#submit { width: 50%; background: #828282; border: 1px solid: #333; color: #fff; float: right; font-size: .9em; }

.work { float: left; margin: 20px 0; }
.work img { border: 8px solid #cdcdcd; }
#main .work p { width: 350px; }
#main .work p.credits { border-top: 1px dotted #cdcdcd; text-align: right; margin-top: 5px; padding-top: 5px; color: #666; font-size: 1.1em; font-style: italic; }
.work h4 { color: #f87500; font-size: 1.3em; margin-top: 20px; }

#footer { clear: both; margin-left: 215px; border-top: 1px dotted #cdcdcd; color: #cdcdcd; text-align: right; padding: 10px 0 20px 0; }
#footer a { color: #828282; text-decoration: none; }
#footer a:hover { text-decoration: underline; }