/*Theme Name: MagazeenTheme URI: http://smashingmagazine.com/
Description: A bold magazine theme from
Function & Smashing Magazine.
Version: 1.0Author: SpencerAuthor URI: http://wefunction.com/
Tags: magazine, light, link, blue, two column, widgets, jquery
The CSS, XHTML is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* TABLE OF CONTENTS
00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.
08 - Sidebarsx -
/* ----------------------------------------------*/
/* 00 - GLOBAL ELEMENTS/* ----------------------------------------------*/
body
{ padding:0; width:960px; text-align: center; background:#444444; font:0.75em/1.19em "courier new"; color:#222; vertical-align: middle; height: auto; margin: 7em auto; }
code {
margin:0; padding:0;
width:auto; height:auto;
font:1.17em Helvetica;
color:#0f8eb3;
}
pre { margin:0 auto; padding:0.31em 1.25em; background:#f4f1ec url(images/firma_sito.gif); border:solid 0.06em #bbced7; font:0.92em/100% Helvetica; color:#3e3e3e; width: auto; height: auto; }
blockquote {
margin:0 auto; padding:0;
width:auto; height:auto;
background:#f8fbfc url() no-repeat left top; border:solid 0.06em #edeff0;
}
img {
padding:0;
margin-left: 0em;
margin-top: 0em;
border:0;
}
ins {
color:#009999;
}
del {
color:#990000;
}
/* 01 - TYPOGRAPHY/* ----------------------------------------------*/
h1 {
margin:-1.4em 0 0; padding:0;
font:bold 3em Helvetica;
color:black; position:relative;
display:block;
}
.post-content h1, .page-content h1
{
margin:0.63em 0; padding:0; font:bold 2.5em Helvetica; color:black;
}
h1 a:link, h1 a:active, h1 a:visited
{
color:black;
outline:none 0;
}
h1 a:hover
{
color:#d7d7d7;
} h1 span {
margin:0.63em 0 0;
background:url() repeat-x;
width:100%;
height:1.25em;
position:absolute;
display:block;
}
h2 {
margin:0;
padding:0;
font:0.9em "Helvetica";
color:#b9b9b9;
}
.post-content h2, .page-content h2
{
margin:0.63em 0; padding:0;
font:bold 2em Helvetica; color:black;
}
h3
{
margin:0; padding:0;
font:bold 1.5em "Helvetica"; color:#990000;
}
hm { color: #383838; font: bold 1.7em Helvetica; margin: 0; padding: 0; }
.post-content h3, .page-content h3
{
margin:0; padding:0;
font:bold 1.5em Helvetica; color:#30393d;
}
h3 a:link, h3 a:active, h3 a:visited
{
color:#990000;
}
h3 a:hover
{
color:red;
}
h3.post-title, .single h3.post-title, h3.post-title-small
{
color: white; padding:0;
width:12em; height:auto;
margin-top: 1.75em;
border-bottom:0 solid #30393d;
}
.single h3.post-title
{
font-size:1.8em;
width:15.63em;
}
h3.post-title-small
{
font-size:1.50em;
}
h4
{
margin:0; padding:0;
font:bold 1.75em Arial, Helvetica, sans-serif;
color:#990000;
}
.post-content h4, .page-content h4
{
margin:0; padding:0;
font:bold 1.17em Helvetica; color:#53798b;
}
#footer h4
{
height: 100%; margin:0;
}
h7
{
font-size: 2em; margin-top:-1.88em; padding:0;
}
.post-content h7, .page-content h7
{
margin:0.60em 0; padding:0;
font:bold 2.00em Helvetica; color:#53798b; }h5, #searchform label {
margin:0.8em; padding:0;
background:url(images/sidebar-top.gif) no-repeat center top;
font:bold 0em Helvetica; color:#000000; height: auto;
}
.post-content h5, .page-content h5
{
margin:0 0; padding:0;
width:auto; height:auto;
background:none;
font:bold 1.2em Helvetica; color:#222222;
}
#tag_cloud h5, #searchform label
{
margin:0; padding:0;
background:none;
}
a:link, a:active
{
color:gray;
text-decoration:none;
}
a:hover
{
color:#000000;
}
a:visited
{
color:#f05898;
text-decoration:none;
}
/* Header/* -------------- */
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited
{
margin:0em; padding:0em 0em;
font:bold 1.08em Helvetica; color:#fff;
display:block;}#navigation ul li a:hover
{
color:#222222; font-weight:bold; text-decoration:none;
}
#navigation ul.pages li.current_page_item a:link, #navigation ul.pages li.current_page_item a:active, #navigation ul.pages li.current_page_item a:visited
{
/* Crazy margins to pull up the hover image above the borders.*/
margin:0em 0 0; background: repeat-x center bottom; color:#000000; position: relative; }
a.rss:link, a.rss:active, a.rss:visited, a.rss:hover
{ padding:0; width:8.2em; height:4em; background:url(images/rss.png) no-repeat center; text-indent:-9999px; top: -4.98em; float: right; display:block; outline:none 0; }
#immagine { background: transparent url(images/sostieni.jpg) right no-repeat; }
/* Drop Down/* -------------- */
.category a:link, .category a:visited,.category-inside a:link,
.category-inside a:active, .category-inside a:visited
{
margin-bottom:-0.06em; padding:0.94em 1.56em 0 0.94em;
height:1.56em; outline:none 0;
font:1em "Helvetica";
color:#7f7d7e;
}
.active div
{
margin:0 0 -0.06em 0; padding:0 0 0 0.38em;
width:auto; height:2.50em;
background:url() no-repeat top left;
float:right; display:block; position:relative; z-index:10;
}
.active a:link, .active a:visited
{
margin:0;
padding:0.94em 1.56em 0 0.94em;
width:auto; height:1.56em; font:1em "Helvetica"; color:#5c5659;
background:url() no-repeat right top;
}
.cat-posts li.view-more
{
margin:0; padding-top:0.94em;
text-align:right;
}.cat-posts li a:link, .cat-posts li a:active, .cat-posts li a:visited
{
font:bold 1.17em Arial, Helvetica, sans-serif;
color:#30393d;
display:block;
}
.cat-posts li a:hover
{
color:#bd4478;
}
.cat-posts li span
{
font:0.92em Helvetica;
color:#889194;
}
/* Main Content/* -------------- */
.post-info
{
text-align:right;
font:0.92em Helvetica; color:#81888d;
} .post-info span
{
font-size:1.18em;
display:block;
}
.post-info span a:link, .post-info span a:active, .post-info span a:visited
{
color:#1e1c1a;
text-decoration:none;
}
.post-info span a:hover
{
color:#f23183;
}
.comment-count a:link, .comment-count a:active, .comment-count a:visited
{
margin:0; padding:0.60em 1.20em;
font:bold 1.75em Arial, Helvetica, sans-serif; color:transparent;
display:block;
}
.comment-count a:hover
{
background:transparent;
}
.single .comment-count a:link,
.single .comment-count a:active,
.single .comment-count a:visited,
.page-content .comment-count a:link,
.page-content .comment-count a:active,
.page-content .comment-count a:visited
{
padding:0.50em 1.13em;
font:bold 1.45em Helvetica;
}.post-intro strong
{
font:bold 1.33em Helvetica; color:#30393d;
line-height:1.31em;
}
.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited,
.cat-posts li.view-more a:link, .cat-posts li.view-more a:active, .cat-posts li
.view-more a:visited
{
font:bold italic 1.17em Helvetica; color:#bd4478;
}
.continue-reading a:hover,.cat-posts li.view-more a:hover
{
color:#f2307f;
}
/* Content Navigation/* -------------- */
.navigation
{ font:0.92em Helvetica; color:#990000; background-color: #990000; background-image: url(images/box-highlight.gif); }
.navigation a:link, .navigation a:visited, .navigation a:active
{
font:bold 0.92em Helvetica; color:#656c71;
}
.navigation a:hover
{
color:#35383a;
}
/* Comments/* -------------- */
.submit-comment
{
margin:0 0 0.94em 0; padding:0; width:7.94em; height:1.69em;
background:url(images/submit-comment.gif) no-repeat top center;
display:block; outline:0; text-indent:-9999px; border:0;
}
.author
{
font:1.50em Helvetica; color:#3c4d54;
}
.author a:link, .author a:active, .author a:visited
{
color:#3c4d54;
}
.author strong span, .author strong span a:link,
.author strong span a:active,
.author strong span a:visited
{
color:#6b8894;
display:inline;
}
.author span
{
font:0.61em Helvetica; color:#a3aeb2; display:block;
}
.comment-text
{
font:1.00em Helvetica; color:#74868d; line-height:1.19em;
}
/* Sidebar/* -------------- */
#sidebar li
{ font:1.2em "courier new"; width: 16.63em; height: auto; }
#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active
{ font:bold 0.8em courier new; color:#990000; width: 4.18em; }
#sidebar li a:hover
{ text-decoration: none; width: 4.2em; }
#sidebar .rss-date
{ margin:0 0 0 1em; padding:0; color:#709cb0; width: 12.5em; }
#sidebar .rssSummary
{
margin:0.31em 0.31em 0.31em 1em; padding:0;
}
#sidebar li a.sidebar-read-more:link,
#sidebar li a.sidebar-read-more:visited,
#sidebar li a.sidebar-read-more:active,
#sidebar li a.sidebar-read-more-rss:link,
#sidebar li a.sidebar-read-more-rss:visited,
#sidebar li a.sidebar-read-more-rss:active
{ margin:1.19em 0 0 1.56em; padding:0; font:bold 1.17em Helvetica; color:#a6b5bc; position:relative; width: 15.63em; }
#sidebar li a.sidebar-read-more-rss:link, #sidebar li a
.sidebar-read-more-rss:visited,
#sidebar li a
.sidebar-read-more-rss:active
{
padding:1.44em; line-height:1em; background-color: transparent;
background-image: url(images/rss.png);
background-repeat: no-repeat; background-position: right center;
}
#sidebar li a.sidebar-read-more:hover,
#sidebar li a.sidebar-read-more-rss:hover
{
color:#889297; text-decoration:none;
}
#featured-news
.sidebar-content a:link,
#featured-news
.sidebar-content a:active,
#featured-news
.sidebar-content a:visited,
#recent-news
.sidebar-content a:link,
#recent-news
.sidebar-content a:active,
#recent-news .sidebar-content a:visited
{
font:bold 1.35em Helvetica; color:#5a656a;
}
#featured-news .sidebar-content a:hover, #recent-news .sidebar-content a:hover
{
color:#475054;
}
#featured-news .sidebar-content span a:link, #featured-news .sidebar-content span a:visited,
#featured-news .sidebar-content span a:active, #recent-news .sidebar-content span a:link,
#recent-news .sidebar-content span a:visited, #recent-news .sidebar-content span a:active
{
margin:0.31em 0 0 0; padding:0;
font:normal 1.00em Helvetica; color:#709cb0;
display:block;
}
#featured-news .sidebar-content span a:hover,
#recent-news .sidebar-content span a:hover
{
color:#5e8293;
}
#sponsored-ad p.sponsored-ad
{
margin:auto auto 0.50em 0.31em;
font:0.92em Helvetica; color:#9caab1;
}
/* Footer/* -------------- */
p.about-text
{ margin:0 0 0.63em;
font:0.92em Helvetica;
color:black;
}
p.copyright
{
margin:2em;
line-height: 1em;
color:#fff;
}
/* Misc/* -------------- */
{
font-family:Helvetica;
}
/* 02 - MAIN STRUCTURE/* ----------------------------------------------*/
.container
{
/* The container is a class simply because of the multiple full-span elements.*/
text-align: left;
margin:0;
padding:0;
width:960px;
height:auto;
}
/* Various Columns/* -------------- */
.col-580 { width:45em; height: auto; min-height: 34em; margin-left: 4em; align: left; }
.col-340 { width:15em; height: auto; min-height: 34em; margin-top: 2em; margin-right: 5em; }
.left,
.alignleft
{ height: auto; float:left; }
.right, .alignright { height: auto; float:right; }
.aligncenter {
margin:0 auto;
}
/* Clearfix/* -------------- */
.clearfix:after
{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix
{
display: inline;
}
html[xmlns]
.clearfix
{
display: block;
}
* html .clearfix
{
height:50%;
}
/* 03 - HEADER/* ----------------------------------------------*/
log
{ margin-top: 2em; padding:0; width:auto; height:10.5em; background:url() repeat-x center top; text-align: center; border-bottom:0 solid #000000; }
#logo
{ background-color: transparent; background-image: ; background-position: 0 0; width: auto; margin-left: 0; padding:0; height:10.5em; }
#searchform-header
{
margin:0; padding:0;
width:0em; height:0;
background: url(images/searchform-back.gif) no-repeat left top;
float:right;
}
#navigation
{
margin-top: 1em; padding:0; width:100%; height:4em;
background: #990000 repeat-x center bottom;
border-top:0 solid #393b3b; border-bottom:0 solid #fff;
} #navigation ul.pages
{
margin-top: 1.8em; padding:0;
width:75.7em; height:auto;
list-style:none; float:right;
}
#navigation ul li
{
margin:0 0.7em; padding:0; margin-top: -0.7em;
float:left; overflow:visible;
}
.rss { position: relative; top: 5.38em; right: 16.88em; margin:0; padding:0; width:5.31em; height:2.9em; }
/* 04 - DOCK/* ----------------------------------------------*/
#latest-dock
{
margin:0; padding:0;
background:#f4f6f8 url(images/dock.gif) repeat-x center bottom;
border-bottom:0.06em solid #fbf9fa;
}
.dock-back
{
padding:20px 0;
background:url(images/dock-back.gif) no-repeat center bottom;
}
#dock
{
margin:0 auto; padding:0;
width:auto;
list-style:none;
position:relative;
text-align:center;
}
#dock li
{
margin:0; padding:0 0 1.13em 0;
display:inline;
}
#dock li.dock-active
{
background:url(images/dock-shadow.png) no-repeat bottom center;
}
#dock li a:link, #dock li a:active,
#dock li a:visited
{
margin:1.88em 0.44em 0;
padding:1.2em 0 0; width:4.69em;
height:3.63em;
background:url(images/dock-preview-back.png) no-repeat center top;
display: inline;
}
#dock li span
{
margin:0; padding:0;
width:56.25em; height:58px;
position:absolute;
display:none;
top:0; left:0;
text-align:center;
font:bold 1.17em "Helvetica", Arial;
color:#31393d;
}
.latest
{
width:56.25em; text-align:center;
font:bold 1.17em Arial, Helvetica, sans-serif;
color:#31393d;
position:absolute;
}
/* 05 - MAIN CONTENT/* ----------------------------------------------*/
#main-content
{ padding:0; background:white; text-align: center; width: 960px; height: auto; margin-top: 0em; border-top:0 solid #c6dee7; border-bottom:1.2em solid #990000; }
.post
{ width: auto; margin:0 0 1.56em; }
/* Archive Post/* --------------- */
.archive
{
margin:0;
}
.archive .post-meta
{
margin:0 0 1.06em 0;
}
.archive .post-info
{
font-style:italic;
}
/* Small (Half) Post/* --------------- */
.single
{
margin:0 0.94em 1.25em 0;
width:15.63em; height:auto; float:left;
}
.single .post-content
{
margin:0; padding:0;
}
.single .post-image
{
height:7.19em;
}
.single .post-footer
{
padding:1.00em 1.44em;
}
.last
{
margin:0;
}
/* Post Box/* --------------- */
.post-box
{
margin-left:0;
padding:0;
background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
border:0;
border-bottom:0; border-top:0; width:45em; height: auto;min-height: 30.00em;
}
.post-meta {
margin:0; padding:0;
text-align:left;
border-bottom:0 solid #fff;
position:relative;
}
.post-info {
margin:0; padding:0;
width:11.88em; height:auto;
border-bottom:0 solid #889398;
bottom:0; right:0;
position:absolute;
}
.post-content, .page-content, .comment-content {
margin:0; padding:0;
border:0;
border-bottom:0;
position:relative;
}
.page-content {
padding:0;
}
.comment-count {
margin:0; padding:0;
width:auto; height:auto;
background:transparent;
position:absolute; display:block;
top:-0.60em; left:-0.60em;
}
.page-content .comment-count {
margin-top:-1.00em;
}
.post-image, .post-image-inner {
margin:0 auto 0.60em auto; padding:0;
width:auto; height:auto;
display:block;
}
.post-image-inner {
margin:0 auto 0.60em 1.00em;
float:right;
}
.post-image img, .post-image-inner img {
margin:0 auto; padding:0.80em;
border-left:0.06em solid #e8e8e8; border-right:0.06em solid #e8e8e8;
border-bottom:0.06em solid #e7e8e8;
text-align:center; display:block;
}
/* Post Footer
/* --------------- */
.post-footer {
margin:0; padding:1.44em;
background:#fcfdfe;
border-top:0.06em solid #FFF;
position:relative; z-index:100;
}
.continue-reading {
margin:0; padding:0;
width:12.25em; height:auto;
float:left;
}
.category-menu {
margin:0; padding:0;
width:12.5em; height:auto;
float:right; text-align:right;
position:absolute; top:0.6em; right:0.6em;
}
.indicator, .indicator-active {
margin:0; padding:0;
width:0.44em; height:0.31em;
background:url(images/expand.gif) no-repeat left center;
vertical-align:middle;
}
.indicator-active {
background:url(images/collapse.gif) no-repeat center left;
}
.dropdown {
margin:0; padding:0;
width:22.50em; height:auto;
background:url(images/dropdown.png) no-repeat bottom center;
text-align:left;
display:none;
position:relative;
}
.cat-posts {
margin:0 auto; padding:1.00em 0 1.15em 0;
width:15.63em; height:auto;
list-style:none;
border-top:0 solid #ebecec;
}
.cat-posts li {
margin:0; padding: 1em ;
background:url(images/cat-post-li.gif) no-repeat bottom right;
}
.cat-posts li.view-more {
background:none;
}
/* Content Navigation
/* --------------- */
.navigation { margin:0; padding:0.44em 0.66em; background:#000000 url(images/box-highlight.gif) repeat-x center bottom; border: solid 0 #000000; }
/* WP Attachments
/* --------------- */
.wp-caption {
margin:0 0.64em; padding:0.44em 0.31em 0.31em;
background:#FFF;
border:0 solid #ebf2f5;
border-bottom:0 solid #CCCCCC;;
text-align:center;
}
.wp-caption-text {
margin:0.31em auto auto auto; padding:0.31em 0 0;
font:0.92em Arial, Helvetica, sans-serif; color:#656c71;
}
/* Inputs
/* --------------- */
.input {
margin:0; padding:0.31em;
background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
border:0 solid #dce7ed;
font:0.92em Helvetica; color:#76716c;
}
/* Comments
/* --------------- */
.comment-content {
padding:0;
background:#f3f8fa;
border-bottom:0;
}
.commentlist, .commentlist ul {
margin:0.1em 0 0 0; padding:0;
list-style:none;
}
.commentlist li {
margin:0; padding:1.88em;
background:url(images/white.gif) repeat-x bottom center;
border-bottom:0.06em solid #d9e1e6;
}
.commentlist li.alt, .thread-alt {
background:#f9fcfd url(images/white.gif) repeat-x bottom center;
}
.commentlist li.no-comments {
margin:3.44em 0 0 0; padding:0 2.06em;
background:none;
border:0;
}
.commentlist .children {
border:0 solid #d9e1e6;
}
.commentlist .children li {
margin:0; padding:1.25em;
border-bottom:0 solid #FFF;
}
.commentlist li .comment-wrap {
position:relative;
text-align:left;
}
.commentlist li .comment-text {
margin:0; padding:0;
width:auto; height:auto;
background:none;
}
.commentlist li .comment-author {
margin:0; padding:0;
width:auto; height:auto;
}
.gravatar {
margin:0 0.6em 0 0; padding:0.06em 0 0 0.08em;
width:2.56em; height:2.50em;
background:url(images/gravatar.gif) no-repeat top center;
float:left;
}
.author {
margin:0.12em 0 0 0; padding:0;
width:auto; height:auto;
float:left;
}
/* 06 - SIDEBAR
/* ----------------------------------------------*/
#sidebar { margin:0; padding:0; width:12.63em; height:auto; min-height: 30em; background:transparent; text-align: center; list-style:none; }
#sidebar li {
padding:0;
width:15em; height:auto;
text-align: jusify;
margin-top: 3em
}
#searchform { font-size: 2em; margin:0 auto; padding:0; }
#sidebar #sponsored-ad {
background:white;
}
#sidebar li ul, #sidebar .textwidget, #calendar_wrap {
margin:auto; padding:0;
width:15.63em; height:auto;
list-style:square;
background:none;
overflow:visible;
}
#calendar_wrap {
margin:0 auto;
width:15.63em;
}
#wp-calendar {
margin:0 0; padding:0;
width:100%; height:auto;
}
#wp-calendar caption {
font:bold 1.17em Helvetica; color:#5a656a;
}
#wp-calendar thead tr th {
font-weight:bold;
}
#wp-calendar td {
font:0.92em Helvetica; color:#709cb0;
border:0 solid #d2dce0; text-align:center;
}
#wp-calendar tfoot td {
border:0;
}
#sidebar .textwidget {
margin:0 auto 0.94em auto;
}
#sidebar li ul li { margin:0 0 0; padding:0; width:auto; height:auto; background:transparent; text-align: left; margin-left: 1.3em; }
.sidebar-preview {
margin:0; padding:0;
width:15.63em; height:auto;
background:#fff url(images/sidebar-preview-back.gif) no-repeat center top;
float:left;
}
.sidebar-content {
margin:0; padding:0;
width:6.5em; height:auto;
float:right;
}
/* 07 - FOOTER
/* ----------------------------------------------*/
#footer
{ font-size: 0.8em; font-family: Helvetica; font-size-adjust: 0; line-height: 3em; padding:0; width:960px; background:black url(images/firma-sito.jpg) no-repeat center; text-align: center; position: relative; height: auto; min-height: 3em; margin-top: -2em; margin-bottom: 1em; border-bottom-color: black; border-bottom-width: 0; }
.footer-divider {
}
#footer .categories { margin:0; padding:0; width:1em; line-height: 3em; height:0; visibility: hidden; }
.footer-cat {
margin-top: -2em; margin-bottom: 1em; padding:0;
width:auto; height:0;
list-style:none;
}.footer-cat li {
margin:0.5em 0; padding:0;
width:auto; height:0;
background:url() no-repeat left top;
}
.footer-cat li a {
margin:0; padding:0 0.98em 0 0;
width:auto; height:0; line-height:1.44em;
display:block;
background:url() no-repeat right top;
}
.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
font-family:Helvetica; color:#a7a7a7;
}
.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
color:#FF00FF;
}
.footer-cat li:hover, .footer-cat li:hover a {
background-position:100% 50%;
#footer .about {
margin:0; padding:0;
width:100%; height:auto;
}
#link-back {
margin:0; padding:0.94em 0;
background:#0c0b0b;
}
.donators {
margin:0; padding:0;
width:auto; height:auto;
float:left;
}
a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,
a.function:link, a.function:active, a.function:visited, a.function:hover {
margin:0; padding:0;
width:9.63em; height:3.38em;
background:url() no-repeat center top;
display:block; text-indent:-9999px; float:left; outline:none 0;
}
a.function:link, a.function:active, a.function:visited, a.function:hover {
width:0;
background:url(images/function.gif) no-repeat center top;
}
/* Last Update 2.7.09 */