/*
Theme Name: Red Panic
Theme URI: http://www.giovannitufo.com
Version: 1.0
Author: Giovanni Tufo
*/
@font-face {
	font-family: 'EastMarket';
	src: url('fonts/EastMarket.eot');
	src: local('EastMarket'), url('fonts/EastMarket.ttf') format('truetype');
	}
@font-face {
	font-family: 'Comfortaa';
	src: url('fonts/Comfortaa_Regular.eot');
	src: local('Comfortaa'), url('fonts/Comfortaa_Regular.ttf') format('truetype');
	}
@font-face {
	font-family: 'Blokletters';
	src: url('fonts/Blokletters-Balpen.eot');
	src: local('Blokletters'), url('fonts/Blokletters-Balpen.ttf') format('truetype');
	}

body {
    background: white url(./images/background.jpg) repeat-y left top;
color: black;
}

body.single #main_menu ul li a#menu-blog, body.archive #main_menu ul li a#menu-blog, body.home #main_menu ul li a#menu-home, body.blog #main_menu ul li a#menu-blog, body.page-id-5 #main_menu ul li a#menu-about, body.page-id-7 #main_menu ul li a#menu-contatti, body.page-id-533 #main_menu ul li a#menu-ma, body.page-id-479 #main_menu ul li a#menu-archivi {
background: #9b3300;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
}

a {
	color: #9b3300;
	text-decoration: none;
	border-bottom: 2px solid #9b3300;
}

a:visited {
	color: #5b3300;
	text-decoration: none;
	border-bottom: 2px solid #9b3300;
}

hr {
    clear:both;
    width: 0;
}

blockquote {
	background: #efefef;
    padding: 8px;
    margin-left: 15px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    color: #333;
    font-size: 1.1em;
	border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

img#404{
	display:block;
	text-align: center;
}

#main_menu_wrapper {
	background: #db3300;
   	-moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;  
    padding: 10px 0 5px 0;
    color: white;
}

#main_menu ul li {
display: block;
float: left;
text-transform: uppercase;
}

#main_menu ul li a, #main_menu ul li a:visited{
text-decoration: none;
border-bottom: none;
color: #fff;
padding: 5px;
font-family: 'Comfortaa', Helvetica, Arial, sans-serif;
font-size: 1.2em;
}

#main_menu ul li a:hover{
border-bottom: none;
text-decoration: none;
color: #fff;
background: #9b3300;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
}

#active {
background: #9b3300;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
}

#wrapper {
    background: white;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
}

#main_menu #search {
	float: right;
}

#main_menu #search #searchsubmit {
background: #9b3300;
-moz-border-radius: 0.3em;
border: 0 none;
text-transform: uppercase;
color: #fff;
padding: 5px;
}

#main_menu #search #s {
border: 0 none;
padding: 5px;
}

#blog-head {
    height: 150px;
    background: url(./images/headbg.jpg) 0 10px no-repeat;
    /*-moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;*/
    
}

#blog-head h1{
    font-family:'EastMarket',Helvetica, Arial, sans-serif;
	font-weight: bold;
    text-transform:uppercase;
    font-size: 80px;
    text-align: center;
    letter-spacing: -1px;
    text-shadow: #666 1px 1px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    background: #ccc;
    float: right;
    opacity: 0.5;
	margin: 15px 10px 0 0;
    }
    
#blog-head h1:hover{
	opacity: 0.7;
}

#blog-head #blog-title h1 a{
	border-bottom: none;
    color: #db3300;
    text-decoration: none;
    text-shadow: #666 1px 1px;
      }


.post {
    float:left;
    width:80%;
    border-top: 3px solid #db3300;
    margin-bottom: 38px;
}

.archivi {
    float:left;
	width:100%;
    border-top: 3px solid #db3300;
    margin-bottom: 38px;
}
.archivi h2 {
	font-family:'EastMarket',Helvetica, Arial, sans-serif;
	font-weight: bold;	
}
.post h2 a{
	font-family:'EastMarket',Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	color: black;
	font-size: 1.4em;
}
.post-information {
    float: right;
    width: 18%;
    border-top: 3px solid #db3300;
    margin-bottom: 38px;
}

time {
    text-transform:uppercase;
    color: #fff;
    background: #db3300;
    text-align: right;
    padding: 0 5px 1px 0;
	display: block;
    margin-bottom: 1px;

}

.latest-comments{
    text-transform:uppercase;
    color: #666;
    background: white;
    text-align: right;
    margin-bottom: 15px;
}

p.comments{
text-align: right;
}

p.comments a{
border-bottom:none;
text-decoration: none;
color: black;
}

span.comment-number{
    color: #fff;
    background: #555;
    text-shadow: #111 1px 1px;
    text-decoration: none;
    padding: 1px 5px 1px 5px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}

span.tags h3 {
     color: #666;
    background: white;
    font-size:1em;
    font-weight: normal;
    text-transform:uppercase;
    margin-bottom: 1px;
    text-align: right;
}

span.tags ul li, span.tags ul {
    margin-left: 5px;
}

span.tags ul li {
    list-style: none;
    text-align: right;
    margin-bottom: 3px;
 }

span.tags ul li a{
	border-bottom: none;
    color: #fff;
    background: #ccc;
    text-shadow: #555 1px 1px;
    text-decoration: none;
    padding: 1px 3px 1px 3px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}

span.tags ul li a:hover{
	border-bottom: none;
    color: #fff;
    background: #555;
    text-shadow: #111 1px 1px;
}

span.category{
	text-transform: uppercase;
	color: #333;
	margin-top: 8px;
}

span.category a{
	border-bottom: none;
	text-transform: uppercase;
	color: #666;
}

a.edit {
	border-bottom: none;
	color:#db3300;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 1px solid #666;
	margin: 0 8px 0 8px;
	padding: 0 8px 0 8px;
}

#flickr{
	border-top: 3px #db3300 solid;
}
#anobii{
	border-top: 3px #db3300 solid;
}
#delicious{
	border-top: 3px #db3300 solid;
}

#flickr h2, #anobii h2, #delicious h2 {
	font-family:'EastMarket',Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 2em;
}

/*Sidebar*/

#sidebar{
    margin-left: 0px;
}

#sidebar ul, #sidebar ul li{
    margin: 0;
    text-shadow: #ccc 1px 1px;
   }
#sidebar h2#pageslist {
    display: none;
}

#sidebar h2#feedlist-caption {
    padding-left: 0.5em;
    margin-top: 1.3em;
    margin-bottom: 0em;
    color: #db3300;
    font-weight: normal;   
}
#sidebar ul#feedlist {
    margin-bottom: 0.8em;
}
#sidebar ul#feedlist li {
    font-size: 1.2em;
    height: 1.6em;
}
#sidebar ul#feedlist li a{
	border-bottom: none;
	color: black;
	text-decoration:none;
}
#sidebar ul li {
    background: white;
     list-style:none;
     padding-left: 15px;
}

.sidebar-caption {
    -moz-border-radius-topright: 0.3em;
    -moz-border-radius-bottomright: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    background: #db3300;
     height: 35px;
     font-size: 25px;
     line-height: 1.5em;
     list-style:none;
     padding-left: 15px;
     color: white;
     font-weight: normal;
     text-transform: uppercase;
     margin.bottom: 0.8em;
     font-family: 'Comfortaa', Helvetica, Arial, sans-serif;
}

#sidebar .aktt_tweets ul li {
    font-family:'Blokletters', Helvetica, Arial, sans-serif;
    display: block;
    margin: 5px;
    background: #efefef;
    padding: 8px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    color: #333;
    font-size: 1em;
    height: 140px;
	border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#sidebar .aktt_tweets ul li.aktt_more_updates{
height: 20px;
   font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
}

#sidebar .aktt_tweets ul li.aktt_more_updates, #sidebar .aktt_tweets ul li.aktt_more_updates:hover {
    background: #fff;
    color: #333;
    font-size: 1.1em;
	border-bottom: 0;
    border-right: 0;
}

#sidebar .aktt_tweets ul li:hover {
    background: #dcdcdc;
    }

#sidebar .aktt_tweets ul li a[href^="http://twitter.com/joevanni99/statuses/"]{
float: right;
clear: both;
margin-top: 5px;
}

#sidebar a#follow-twitter {
	margin-left: 5px;
}
/*Navigation*/

.left{
	float: left;
}

.right{
	float: right;
}


#navigation .left a, #navigation .right a{
        font-family: 'Comfortaa', Helvetica, Arial, sans-serif;
		border-bottom: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #db3300;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px; 
	border: #db3300 1px solid;
}
#navigation .left a:hover, #navigation .right a:hover{
	border-bottom: none;
	color: #fff;
	background: #db3300;
	border: #333 1px solid;
}

/*Footer*/

#footer{
	background: #db3300;
   	-moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em;
    padding-top: 10px;
    color: white;
}

#footer a{
	border-bottom: 2px solid #111;
	color: #111;
}

#latest-comments h3, #latest-posts h3, #about h3{
	font-family: 'Comfortaa', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}  

#latest-comments ul {
	list-style: none;
}

#latest-comments .gravatar{
float: left;
margin: 5px;
padding: 3px;
border: 1px solid #ccc;
}

#latest-posts .comment-number{
background: transparent;
color: #ccc;
text-shadow: none;
}

#latest-posts .comment-number a, #latest-posts .comment-number a:visited{
background: transparent;
border-bottom: 2px solid #ccc;
color: #ccc;
text-shadow: none;
}

#about img {
margin: 5px;
}

a.wp-link{
	border-bottom: none;
	background: url('./images/wpicon.png') no-repeat top left;
	height:16px;
	padding-left: 18px;
}
a.rss-feed{
	border-bottom: none;
	background: url('./images/feedicon.gif') no-repeat top left;
	height: 16px;
	padding-left: 18px;
}


.rss-feed-links{
	border-left: 1px #666 solid;
	padding-left: 3px;
	margin-left:5px;
}

.validator{
	border-left: 1px #666 solid;
	padding-left: 3px;
	margin-left:5px;
}

a.validator-link{
	border-bottom: none;
	background: url('./images/valid.gif') no-repeat top left;
	height:16px;
	padding-left: 18px;
}

.permissions{
	border-left: 1px #666 solid;
	padding-left: 3px;
	margin-left:5px;
}

a.common{
	border-bottom: none;
	background: url('./images/commons.png') no-repeat top left;
	height:16px;
	padding-left: 18px;
}

/*Comments*/

h3.comments {
	text-transform: uppercase;
	font-weight: normal;
	border-bottom:2px solid #DB3300;
}

ol.commentlist {
	list-style: none;
	}
	
ol.commentlist li.comment{
	margin-left: 0;
	display: block;
	min-height: 130px;

	}

ol.commentlist li.comment .comment-info{
	background: url('./images/comments-list.png') no-repeat left center #efefef;
	padding: 0.6em 0.6em 0.6em 20px;
	border-bottom: 1px solid #ccc;
	color: #999;
}	

ol.commentlist li.comment .comment-date{
	float: right;
}

ol.commentlist li.comment .avatar {
float: left;
}

ol.commentlist li.comment div.comment-text {
display: block;
margin-left: 100px;
}

/*Flickr RSS */

#flickr ul li{
float: left;
list-style: none;
}

#flickr a {
	border-bottom: none;
padding: 10px;
}

#flickr a img{
    padding: 10px;
    padding-bottom: 18px;
    border: 1px solid #ccc;
}

#flickr a:hover img{
	background: #db3300;
    border: 1px solid #ccc;
}

/*aNobii*/

#anobii .item_cell {
float:left;
height:17.5em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
text-align:center;
width:32%;
}
dl.link_cell {
display: none;
}

#anobii #badge ul.item_cell li.title a{
	border-bottom: none;
    text-decoration: none;
    font-weight: bold;
}
#anobii #badge ul.item_cell li.cover a {
	border-bottom: none;
}
#anobii #badge ul.item_cell li.cover a:hover {
	border-bottom: none;
}
#anobii #badge ul.item_cell li.cover a img{
    padding: 5px;
    border: 1px solid #ccc;
    }
    
#anobii #badge ul.item_cell li.cover a:hover img{
	border-bottom: none;
	background: #db3300;
    padding: 5px;
    border: 1px solid #ccc;
    }
    
    
/*Delicious*/

.delicious-posts ul {
	list-style: none;
}

.delicious-posts ul li.delicious-post {
margin-bottom: 1.3em;
color: #fff;
}

.delicious-posts ul li.delicious-post a.delicious-link{
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}

.delicious-posts ul li.delicious-post a.delicious-tag{
	border-bottom: none;
	text-decoration: none;
	font-size: 1em;
    color: #fff;
    background: #ccc;
    text-shadow: #555 1px 1px;
    text-decoration: none;
    padding: 1px 3px 1px 3px;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}

.delicious-posts ul li.delicious-post a.delicious-tag:hover{
	border-bottom: none;
    color: #fff;
    background: #555;
    text-shadow: #111 1px 1px;
}

.delicious-posts ul li.delicious-post p.delicious-extended{
    font-size: 1em;
    color: black;
    margin-left: 8px;
}


/*Facebook Connect*/

.fbc_connect_button_area {
float:none;
}

#fbc_login {
float:none;
margin-left:0px;
margin-top:3px;
margin-bottom: 6px;
padding-left:0px;
padding-top:0px;
}


.fbc_loginstate_top {
display:none;
}

body.page-id-533 a img.wp-image-537, body.page-id-533 a img.wp-image-541{
    padding: 10px;
    padding-bottom: 18px;
    border: 1px solid #ccc;
}

body.page-id-533 a:hover img.wp-image-537, body.page-id-533 a:hover img.wp-image-541{
	background: #db3300;
    border: 1px solid #ccc;
}

.sociable ul{
 	background: #efefef;
    padding: 8px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    color: #333;
    font-size: 1.1em;
	border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    list-style: none;
    height: 16px;
}

.sociable ul li {
	display: block;
	float: left;
}

.google_buzz {
float: right;
}