/*   
Theme Name: Crazy Comics
Theme URI: http://www.vtardia.com/
Description: Search engine optimized theme for Crazy Comics, child of Basic 
Author: Vito Tardia
Author URI: http://www.vtardia.com/
Template: basic
Version: 3.1
.
Thematic is copyright Vito Tardia http://www.vtardia.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('../basic/library/styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('../basic/library/styles/wp.css');

html {
	background-color: #f2f2ff;
}

body {
/* 	background: #8791d7 url(images/bg_body_top2.gif) 0 0 repeat-x; */
	background: #f2f2ff url(images/bg_body_top2.gif) 0 0 repeat-x;
	
	border-top: 1px solid #EDF3F8;
	
	text-align: center;
}

h1 {
	font-size: 218%;
}
h2 {
	font-size: 164%;
}
h3 {
	font-size: 145%;
}
h4 {
	font-size: 118%;
}

a {
	color: #0c329c;
}

a:visited {
/* 	color: #d6d4ff; */
	color: #0c329c;
}

a:active {
	color: #f00;
}

a:hover {
	text-decoration: none;
}

/* Fixing page */
#page {
	background: transparent url(images/bg_body_top.gif) 0 2px repeat-x;
	display: block;
	position:relative;

	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
}

/* Layout */
#content {
	width: 940px;
	margin: 0 10px;
	overflow: hidden;
}

#main {
	display: block;
	float: left;
	width: 620px;
	margin: 0 20px 20px 0;
}

#primary {
	width: 300px;
    float: right;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
    font-size: 86%;
}

#secondary {
	float: right;
	clear: right;
	overflow: hidden;
	width: 180px;
}

#footer {
	background: #0c329c;
    clear: both;
    width: 100%;

    text-align: center;
	color: #d6d4ff;

/*     border-top: 2px solid #0c329c; */
    border-bottom: 1px solid #0c329c;
    font-size: 86%;

	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;

}

#footer #secondary {
	float: none;
	clear: both;
	overflow: hidden;
	width: auto;
    text-align: left;
	margin: 1.5em 0;
}

#site-info {
	display: block;
	clear: both;
	margin: 1.5em 0;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #d6d4ff;
	text-decoration: underline;
}

#footer a:active {
	color: #f00;
}

#footer a:hover {
	text-decoration: none;
}

/** Header Styles **/

#header {
	background: transparent url(images/bg_header.gif) 420px 0px no-repeat;
	display: block:
	position: relative;
	
	height: 199px;
	margin-bottom: .36em;
}

#brand {
	background: transparent url(images/bg_logo.gif) top left no-repeat;
	
	position: absolute;
	top: 3px;
	left:0;
	
	margin: 0;
	padding:0;
	
	width: 400px;
	height: 83px;

	text-indent: -9999px;

	overflow: hidden;
}

#header img {
	border: none;
}

#brand a {

	display: block;
	margin: 0 0 0 12px;
	padding:0;
	
	width: 400px;
	height: 83px;
	overflow: hidden;
}

#header .tagline {
	position: absolute;
	top: 90px;
	left: 26px;
	
	font-size: 150%;
	line-height: 1.5em;
	color: #EDF3F8;
	letter-spacing: 1px;
}

/* Menu styles */
#access {

	position: absolute;
	top: 15px;
	right: 0;
	
	margin:0;
	padding: 0;
	
	
}

.skip-link {
	position:absolute;
    left:-9000px;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu ul ul {
	display: none;
}

.menu li {
	display: inline;
}

/*
.menu a {
	display: block;
	float: left;
}
*/

#access ul {
	list-style-type: none;
	margin:0;
	padding: 0;
	font-size: 115%;

}

#access li {
	display: inline;
	border-left: 1px solid #4D6980;
	margin: 0;
	padding: 0 .3em 0 .3em;
}

#access li.page-item-3 {
	border: none;
}

#access ul a, #access ul a:link, #access ul a:visited {
	color: #4D6980;
	text-decoration: none;
	padding: .1em;
}

#access ul a:hover {
	background: #4D6980;
	color: #EDF3F8;
	text-decoration: none;
}

/** Widget 1 **/

.widget-area .xoxo {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-container {
	display: block;
	margin: 0;
	padding: 0;
}

#primary .widget-container {
	background: #d6d4ff;
	border: 1px solid #d6d4ff;
/* 	border-bottom: 1px solid #d6d4ff; */
	margin-bottom: 1.75em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#text-4.widget-container {
	background: transparent;
	border: none;
}

#secondary .widget-container {
	display: block;
	float: left;
	width: 300px;
	margin: 0 10px 10px 10px;
}

#primary .widget-container a:visited {
	color: #6681cc;
}

#primary .widget-container a:active {
	color: #f00;
}

#primary .widget-title, #secondary .widget-title {
	font-size: 120%;
	margin: 1em 1em .6em 1em;
	text-transform: uppercase;
}

#primary .widget-content, #secondary .widget-content {
	margin: .6em 1.2em 1.2em 1.2em;
}

.widget_links ul.blogroll {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 1.5em 2.5em;
}

address {
	font-style: normal;
}

address .org {
	font-weight: bold;
}

address .email {
	background: transparent url(images/icon_email_forward.gif) top left no-repeat;
	padding-left: 20px;
}

address .map {
	background: transparent url(images/geotag_16.gif) top left no-repeat;
	padding-left: 20px;
	padding-bottom: 2px;
}

address .timetable {
	background: transparent url(images/icon_blueclock.gif) top left no-repeat;
	padding-left: 20px;
	padding-bottom: 2px;
}


/** Evidence post **/

/* .post-home, .post-blog, .post-news { */
.post-blog, .post-news {
	background: #fffbcc;
	border: 1px solid #e6db55;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 1.75em;
	font-size: 86%;
}

.post-home {
	margin-bottom: 1.75em;
	font-size: 86%;
}

/* .post-home .entry-content, .post-blog .entry-content, .post-news .entry-content { */
.post-blog .entry-content, .post-news .entry-content {
	background: transparent url(images/icon_info_24.gif) top left no-repeat;
	margin: .86em;
	padding-left: 28px;
}

.post-blog .entry-content {
	background-image: url(images/icon_book_16.gif);
	padding-left: 25px;
}

.post-news .entry-content {
	background-image: url(images/icon_newspaper_16.gif);
	padding-left: 25px;
}

.post-home h2, .post-home h3, .post-blog h2, .post-blog h3, .post-news h2, .post-news h3 {
	text-transform: uppercase;
	margin-bottom: .6em;
}

.post-home p, .post-blog p, .post-news p {
	margin: .6em 0;
}

#latest-news h2, #latest-posts h2 , .section-title {
	background: transparent url(images/icon_occhio_21.gif) -3px 0px no-repeat;
	text-transform: uppercase;
	margin-bottom: 1.16em;
	font-size: 130%;
	color: #333;
	padding-left: 18px;
}

#other-posts h2, #other-news h2 {
	text-transform: uppercase;
	margin-bottom: .65em;
	font-size: 115%;
	color: #333;
}

.section-title {
/*
	border-bottom: 1px solid #555;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: -3px 5px;
*/
}

#latest-news dl, #latest-posts dl, #archived-news dl, #archived-posts dl {
	margin: 0;
	padding: 0;
}

#latest-news dt, #latest-posts dt, #archived-news dt, #archived-posts dt {
	font-size: 115%;
	font-weight: normal;
	margin-bottom: .65em;
	margin-top: 1.3em;
}

#latest-news dt a, #latest-posts dt a, #archived-news dt a, #archived-posts dt a {
	text-decoration: none;
	border-bottom: 1px dotted #0c329c;
}

.page-template-page-blog-php #latest-posts dt, .page-template-page-notizie-php #latest-news dt, .archive #archived-news dt, .archive #archived-posts dt {
	font-size: 130%;
	margin-bottom: .6em;
}


#latest-news dt a:visited, #latest-posts dt a:visited, #archived-news dt a:visited, #archived-posts dt a:visited {
	border-bottom-color: #d6d4ff;
}

#latest-news dt a:hover, #latest-posts dt a:hover, #archived-news dt a:hover, #archived-posts dt a:hover {
	border-style: solid;
}

#latest-news dt a:active, #latest-posts dt a:active, #archived-news dt a:active, #archived-posts dt a:active {
	border-bottom-color: #f00;
}

#latest-news dd {
}

#archived-news .entry-content {
	margin: .5em 0;
}

#archived-news dd p {
margin: 0;
}

h2.entry-title {
	line-height: 1em;
	margin: 0 0 1em 0;
}

.single .entry-content {
	margin: 1em 0;
}

.page .entry-content h3 {
	margin-bottom: .6em;
}

.single .entry-utility {
	font-size: 86%;
	margin: 1em 0;
}

.entry-date {
	font-size: 86%;
	line-height: 1em;
	margin: .86em 0;
	font-style: italic;
}

.entry-meta {
	font-size: 86%;
	line-height: 1em;
	margin: .5em 0;
}

a.allnews, a.allposts {
	background: #0c329c;
	color: #d6d4ff;
	text-decoration: none;
	padding: .3em 1em;
	-webkit-border-radius: .9em;
	-moz-border-radius: .9em;
}

a.allnews:hover, a.allposts:hover {
	color: #0c329c;
	background: #d6d4ff;
}

a.allnews:active, a.allposts:active {
	color: #f00;
}

/* Images
-------------------------------------------------------------- */

.entry-content img, dd img {
        margin: 0 0 .75em 0;
        background: #d6d4ff;
        padding: 5px;
}
.alignleft,
img.alignleft {
        display: inline;
        float: left;
  margin-right: .75em;
  margin-top: .25em;
}
.alignright,
img.alignright {
        display: inline;
        float: right;
  margin-left: .75em;
}
.aligncenter,
img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
}

/* Comments
-------------------------------------------------------------- */

#comments h3 {
	background: transparent url(images/icon_occhio_21.gif) -3px 0px no-repeat;
	text-transform: uppercase;
	margin: 1.16em 0;
	font-size: 130%;
	color: #333;
	padding-left: 18px;
}

.comments ol {
	list-style-position: inside;
	margin-left: 0;
}

.comment {
	padding: .6em;
	margin: 1.5em 0;
}

.comment-author {
	display: inline;
	font-weight: bold;
}

.comment-meta {
	display: inline;
	font-style: italic;
	font-size: 86%;
}

.comment-content {
	font-size: 86%;
	margin-left: 2em;
}

.comments .even {
	background: #d6d4ff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#comment-notes {
	font-size: 86%;
}

#form-allowed-tags, #form-allowed-tags code {
	font-size: 86%;
}

#respond {
	overflow: hidden;
}

#respond .form-section {
	overflow: hidden;
	margin: 1.5em 0;
}

#respond .form-label {
	float: right;
	width: 62%;
	font-size: 86%;
}

#respond .form-input {
	float: left;
	width: 35%;
}

#respond #form-section-comment .form-label {
	display: none;
}

#respond .form-input input {
	border: 1px solid #d6d4ff;
	padding: .2em;
	width: 100%;
}

#respond #comment {
	width: 90%;
	padding: .2em;
}

#respond #submit {
	border: none;
	background: #0c329c;
	color: #d6d4ff;
	text-decoration: none;
	padding: .3em 1em;
	-webkit-border-radius: .9em;
	-moz-border-radius: .9em;
}

#respond #submit:hover {
	color: #0c329c;
	background: #d6d4ff;
}

#respond #submit:active {
	color: #f00;
}

/* Contact forms
-------------------------------------------------------------- */

.wpcf7 {
	overflow: hidden;
}

.wpcf7 .form-section {
	overflow: hidden;
	margin: 1.5em 0;
}

.wpcf7 .form-label {
	float: right;
	width: 52%;
	font-size: 86%;
}

.wpcf7 .form-input {
	float: left;
	width: 45%;
}

.wpcf7 #form-section-comment .form-label {
	display: none;
}

.wpcf7 .form-input input {
	border: 1px solid #d6d4ff;
	padding: .2em;
	width: 100%;
}

.wpcf7 .your-message textarea {
	width: 90%;
	padding: .2em;
	border: 1px solid #d6d4ff;
}

.wpcf7 .form-submit input {
	border: none;
	background: #0c329c;
	color: #d6d4ff;
	text-decoration: none;
	padding: .3em 1em;
	-webkit-border-radius: .9em;
	-moz-border-radius: .9em;
}

.wpcf7 .form-submit input:hover {
	color: #0c329c;
	background: #d6d4ff;
}

.wpcf7 .form-submit input:active {
	color: #f00;
}

.wpcf7 .ajax-loader {
	background: transparent;
	border: none;
	display: inline;
	vertical-align: bottom;
	margin: 0;
}

.wpcf7-response-output {
	padding: .6em;
	background: #d6d4ff;
}

.wpcf7-display-none {
	display: none;
}

.wpcf7-validation-errors {
	background: #fffbcc;
	border: 1px solid #e6db55;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 1.75em;
	font-size: 86%;
}

.wpcf7-mail-sent-ok {
	background: #c9ffca;
	border: 1px solid #349534;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 1.75em;
	font-size: 86%;
	color: #008000;
}

.wpcf7-not-valid-tip {
	display: block;
	clear: both;
	font-size: 86%;
	letter-spacing: 1px;
	color: #f00;
}

/* Sociable
-------------------------------------------------------------- */

div.sociable { margin: 16px 0;}

div.sociable_tagline { 
	display: inline;
	font-size: 86%;
}

span.sociable_tagline { position: relative;}
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#slideshow {
	background: #d6d4ff;

	position: absolute;
	top: 50px;
	right: 5px;

	width: 315px;
	height: 120px;
	overflow: hidden;
	
	margin: 0;
	padding: 0;
/* 	border: 2px solid #333; */

	color: #333;
}

#slide-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 315px;
	height: 120px;
/* 	padding: 5px; */
}

#slide-img img, #slide-mask img {
	width: 315px;
	height: 120px;
}

#slide-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 315px;
	height: 120px;
	z-index: 10;
}

.gallery {
	display: block;
	float: none;
	clear: both;
}

.gallery .gallery-item {
	display: block;
	float: left;
	width: auto;
	margin-right: 10px !important;
	text-align: center;
}

.gallery .gallery-icon {
	display: block;
}

.gallery-icon a {
	display: inline;
	border: none !important;
}

.gallery-icon img {
	display: inline;
	border: none;
}