/*
Theme Name: Roll theme
Theme URI: http://blog.rollstudio.it/
Description: The for the web agency Roll
Version: 0.1
Author: Roll Studio
Author URI: http://rollstudio.it/

*/

* { margin: 0; padding: 0; }
* html #header { width:360px; }

body { background: black url('images/bg.png') repeat-y  top center;
    color: white; font-family: Arial; font-size: 80%; margin: 70px 0 0 0; }

ol, ul { list-style: none; }

.post p{line-height:1.5em; }
.post p a{ color: #EAEAEA; text-decoration: underline!important; }
.post a:hover{ color: #FFF;}
.hentry{margin-bottom:10px;}
a { color: white; text-decoration: none; }
p { margin: 0 0 10px 0; }

hr {/* height: 18px; background: url('images/hr.png') top center no-repeat; */border: 0; margin: 0 0 15px 0; }

.last:after { content: "" !important; }
li:last-child a:after { content: "" !important; }

#container { width: 960px; margin: 0 auto; }

#sidebar { float: right; width: 390px; }
#sidebar h2 { margin: 0 0 10px 0; text-transform: uppercase; }
#sidebar div { padding: 0 0 5px 0; }

#content { width: 520px; }

#header { height: 370px; margin: 0 0 -45px 0; z-index: -100; }
#header { background: url('images/header_background.png') no-repeat; height: 403px; width: 480px; }
#header h1 a { background: url('images/roll_logo.png') no-repeat; width: 173px; height: 105px;
    display: block; text-indent: -9999px; outline: none; }
#header #pages { margin: 10px 0 0 0; font-family: arial; text-transform: uppercase; }

#footer { clear: both; padding: 20px 0; width: 520px; line-height: 18px; }
#footer #facebook { background:  url('images/fbroll.png') no-repeat; height:18px; width:18px; display: block; float: left;
    margin: 0 3px 0 0; }
#footer #facebook span { visibility: hidden; }

body.archive h2.pagetitle { font-size: 190%; margin: 0 0 10px 0; background: white; color: black; }
body.home #comments form { display: none; }
body.home #comments #respond h3 { cursor: pointer; }

.count{margin-top:10px; }
.count a { background: #FFF; color: #000!important; text-decoration:none!important; padding:2px 5px; }
.widget { margin-bottom: 25px; }
.widget_recent_posts .date { font-weight: bold; }

#archive .year { float: left; margin: 0 3px 3px 0;}

#languages { margin: 15px 0; }
#languages h2 { margin: 5px 0; font-size: 120%; }

.widget_tags { clear: both; }
.widget_tags li, .widget_categories li { display: inline;/* font-weight: bold; */}
.widget_tags li a:after, .widget_categories li a:after { content: ', '; }

.post p { /*text-align: justify; */}
.post p strong{font-size:1.2em}
/*.post pre { border: 1px solid #333; background: #111; overflow-x: scroll; padding: 10px; }*/ 
.post ul { padding: 0 15px; }
.post ol { padding: 0 20px; }
.post ul { list-style: disc; }
.post ul ul { list-style: circle; }
.post ul ul ul { list-style: square; }
.post ol { list-style: decimal; }
.post .meta div { float: left; margin: 0 5px 0 0; background: white; color: black; padding: 2px 5px; }
.post .meta div a {color: black; }
.post .meta div span { font-weight: bold; text-transform: uppercase; }
.post .meta .date { font-weight: bold; }
.post h2 { font-size: 3em; line-height: 90%; margin: 10px 0; font-weight: normal; clear: left; padding: 15px 0 0 0; }

ol.comments .author { color: white; font-weight: bold; text-decoration: underline; }
ol.comments li div { margin: 0 0 15px 0; }

#comments { font-size: .9em; }
#comments .comment-author { font-size: .9em; background: url('images/comment.png') top left no-repeat; padding: 0 0 0 30px; height: 25px; }
#comments .count { background: url('images/comments.png') no-repeat; background-position: 0 5px; }
#comments .count span { background: white; color: black; display: inline-block; padding: 2px 5px; margin: 5px 0 10px 22px; }
#comments .count span a { color: black; }
#comments a { color: black; }
#comments form { background: white; color: black; padding: 5px; }
#comments form div { margin: 0 0 3px 0; }
#comments form div.button { border: 0; }
#comments label { font-weight: bold; display: block; float: left; width: 120px; text-transform: uppercase; }
#comments input { padding: 2px 0; width: 378px; }
#comments input, #comments textarea { border: 0; background: black; color: white; font-size: 110%; color: #ddd; }
#comments textarea { white-space: normal; font-size: 15px; font-family:"Courier New", Courier, monospace; }
#comments div.submit { text-align: right; margin: 0 12px 0 0; }
#comments button { background: black; color: white; padding: 2px 5px; margin: 2px 0; border: 0; }

#comments .odd { background: #222; }
#comments .even { background: #111; }

#respond { margin: 10px 0; }
#respond h3 { margin: 10px 0; background: url('images/comment.png') top left no-repeat; padding: 0 0 0 30px; height: 25px; }
code{padding: 15px; margin:12px 0; background: #454547; border: 1px solid #333;float:left; width:95%;font-size:12px; line-height:16px;}