/*
Theme Name: Madideas
Theme URI: http://www.saidmade.com
Description: Wordpress Theme
Author: Giovambattista Fazioli
Author URI: http://www.undolog.com
Version: 1.0

(C)2009 Saidmade Srl

*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    background:url(images/footer-background.png) repeat-x;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**
 * Global
*/
.alignleft {text-align:left !important}
.alignright {text-align:right !important}
.aligncenter {text-align:center !important}
.left {float:left !important}
.right {float:right !important}
.first {margin-left:0 !important}
.last {margin-right:0 !important}
.centered {
    margin-left:auto !important;
    margin-right:auto !important;
}

/**
 * Play
*/
body {
    background:url(images/background.png) repeat-x;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

a,
a:link,
a:visited,
a:hover {
    outline:none
}

a,
a:link {
    color:#0096ff;
}	
a:visited {
    color:#666;
}
a:hover {
    color:#fa0;
}

fieldset {
    border:1px solid #bbb;
    margin:0 0 32px;
    padding:16px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

fieldset p {
    clear:both;
    margin:8px 0;
    font-size:12px !important;
}

legend {
    color:#0099FF;
    margin:0 0 0 16px;
    padding:0 8px;
}


label {
    display:inline-block;
    width:110px;
    text-align:right;
    font-size:12px;
}

label.alignleft {
    width:auto;
}

/**
 * Main Wrap container
*/
div#wrap {
    width:950px;
    margin:0 auto;
}
/**
 * Column
*/
.col-a {
    float:left;
    width:950px;
}
.col-b {
    float:left;
    width:650px;
}
.col-c {
    float:left;
    width:300px;
}

/**
 * Rows
*/
.top-row {
    margin-top:24px;
}
.bottom-row {
    margin-bottom:24px;
}

/**
 * Header Logo
*/
div#header {
    margin:8px auto;
}
div#header h1 a span {
    display:none;
}
div#header h1 a {
    display:block;
    width:950px;
    height:160px;
    background:url(images/logo.png) no-repeat;
}

/**
 * Main Navigation
*/
div#main-navigation {
    width:100%;
    float:left;
    margin-top:12px;
}
div#main-navigation ul {
    display:block;
}
div#main-navigation ul li {
    float:left;
    display:inline;
    line-height:60px;
    margin-right:2px;
}
div#main-navigation ul li a {
    display:block;
    width:134px;
    height:76px;
    background:url(images/navigation-background.png) 0 4px no-repeat;
    text-align:center;
    text-decoration:none;
    color:#f90;
    text-shadow:1px 1px 1px #fff;

}
div#main-navigation ul li a:hover,
body#idea li.link-idea a,
body#proponi li.link-proponi a,
body#regolamento li.link-regolamento a,
body#press li.link-press a,
body#sponsors li.link-sponsors a,
body#blog li.link-blog a,
body#gadgets li.link-gadgets a {
    color:#fff;
    text-shadow:1px 1px 1px #000;
    background:url(images/navigation-background.png) 0 -80px no-repeat;
}


/**
 * Home Claim
*/
div#home-claim {
    width:950px;
    height:360px;
    background:url(images/claim.png) no-repeat;
    margin:0 auto;
}

a#photobulb-button span {
    display:none;
}
a#photobulb-button {
    display:block;
    background:url(images/photobulb-button.png) no-repeat;
    width:256px;
    height:38px;
    position:absolute;
    margin-left:642px;
    top:568px;
}


/**
 * Foto Idea
*/
div#foto-idea-box {
    display:block;
    width:300px;
    height:234px;
    margin-left:620px;
    margin-top:68px;
    overflow:hidden;
    position:absolute;
}
div#foto-idea-box div.foto-idea {
}
div#foto-idea-box div.foto-idea div {
    width:300px;
    height:234px;
    background:url(images/foto-box.png) no-repeat;
}
div#foto-idea-box div.foto-idea img {
    margin:13px 16px 16px 15px;
    position:absolute;
}

/**
 * Home Mega Buttons
*/
div#home-mega-buttons {
    float:left;
    width:950px;
    background:url(images/mega-buttons.png) no-repeat;
}
div#home-mega-buttons ul {
    float:left
}
div#home-mega-buttons ul li {
    float:left;
    display:inline;
    margin-right:55px;
}
div#home-mega-buttons ul li.link-contatti {
    margin-right:0;
}
div#home-mega-buttons ul li a {
    display:block;
    width:280px;
    height:136px;
}
div#home-mega-buttons ul li a span {
    display:none;
}

/* root element for scrollable */ 
div.scrollable { 

    /* required settings */ 
    position:absolute; 
    overflow:hidden; 

    /* vertical scrollers have typically larger height than width */ 
    width:550px;
    height:150px;

    top:380px;
    margin-left:32px;

} 

/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 

    /* this time we have very large space for the height */ 
    height:20000em; 
    vertical-align:middle;
}
div.scrollable div.items div {
    width:550px;
    height:150px;

}
div.scrollable div.items div p {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size:20px;
    font-style:italic;
    text-align:right;
    color:#666;
    margin:0 4px;
    line-height:24px;
}

/**
 * Photobulb Gallery
*/

div.scrollable-horizontal { 
    position:relative; 
    overflow:hidden; 
    width:950px;
    height:234px;
} 

/* root element for scrollable items */ 
div.scrollable-horizontal div.items { 
    position:absolute; 
    width:20000em; 
}
div.scrollable-horizontal div.items div {
    float:left;
    margin-right:24px;
    width:300px;
    height:234px;
    background:url(images/foto-box.png) no-repeat;
}
div.scrollable-horizontal div.items div img {
    margin:13px 16px 16px 15px;
    position:absolute;
}

/**
 * Footer
*/
div#footer-container {
    width:950px;
    margin:0 auto;
    background:url(images/down-arrow.png) center 0 no-repeat;
    height:48px;
}
div#footer-container p {
    font-size:11px;
    color:#333;
    text-shadow:1px 1px 1px #fff;
    margin-bottom:4px;
}
div#footer-container div.col-a {
    margin-top:12px;
}
div#footer-container ul li {
    float:left;
    display:inline;
    margin-right:16px;
}
div#footer-container ul {
    margin:18px 0 8px 80px;
    float:left;
}
div#footer-container ul li a span,
div#footer-container p span {
    display:none;
}
div#footer-container ul li a {
    display:block;
    height:64px;
    background:url(images/sponsor-footer.png) no-repeat;
}
div#footer-container ul li.link-liquida a {
    width:152px;
}
div#footer-container ul li.link-lifegate a {
    width:168px;
    background-position:-156px 0;
}
div#footer-container ul li.link-palm a {
    width:134px;
    background-position:-326px 0;
}
div#footer-container ul li.link-bagnetti a {
    width:122px;
    background-position:-462px 0;
}
div#footer-container ul li.link-toolazy a {
    width:146px;
    background-position:-776px 0;
}
div#footer-container p.link-saidmade {
    clear:both;
    text-align:center;
}
div#footer-container p.link-saidmade a {
    display:block;
    width:190px;
    height:28px;
    margin:0 auto;
    background:url(images/sponsor-footer.png) no-repeat;
    background-position:-584px -15px;
}

/**
 * jQuery Tools ToolTip
*/
.tooltip {
    display:none;
    background:url(images/tooltip/white_arrow.png);
    height:97px;
    padding:20px 15px 5px 15px;
    width:179px;
    font-size:11px;
    color:#222;
}
.tooltip p {
    line-height:18px;
    margin:0 8px;
    font-size:12px;
    font-style:italic;
}

/**
 * jQuery Tool Tab
 */
/* root element for tabs  */
ul.tabs {
	list-style:none !important;
	margin:0 auto !important;
	padding:0;
	height:80px;
        width:854px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0 !important;
	margin:0 !important;
	list-style-image:none !important;
        background:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(images/navigation-background.png) -134px 0 no-repeat;
	font-size:15px;
	display:block;
	height: 76px;
	line-height:60px;
	width: 284px;
	text-align:center;
	text-decoration:none;
	color:#09f;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
        text-shadow:1px 1px 1px #fff;
        text-transform:uppercase;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -134px -80px;
	color:#f90;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -134px -80px;
    cursor:default !important;
    color:#f90 !important;
    text-shadow:1px 1px 1px #fff;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1        { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover { background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 	{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover { background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 		{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 		{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }

div.panes {
    clear:both;
}
/* initially all panes are hidden */
div.panes div.pane {
    display:none;
    margin:0 16px;
}

/**
 * jQuery Tools Overlay
 */
.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
 
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.modal .close {
    background-image:url(images/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

div#reg-newsletter {
    margin-left:84px;
    position:absolute;
    top:558px;
}
div#reg-newsletter button {
    background:#ddd;
    border:2px solid #aaa;
    padding:5px 0;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
    width:196px; 
    -moz-border-radius:32px;
    -webkit-border-radius:32px;
    
    -moz-box-shadow:0 0 4px #FFFFFF;
    -webkit-box-shadow:0 0 4px #FFFFFF;
    cursor:pointer;
}

div#show-form {}
div#show-form p {
    color:#09f;
    font-size:15px;
    line-height:18px;
    margin:8px 0;
    text-align:justify;
    text-shadow:1px 1px 1px #ddd;
}
div#show-form label {
    color:#333;
    width:80px;
}
div#show-form input {
    border:1px solid ccc;
    padding:4px;
    width:190px
}
div#show-form input.checkbox {
    width:auto;
}
div#show-form button {
    cursor:pointer;
}
div#show-form small {
    color:#666666;
    display:block;
    font-size:10px;
    line-height:12px;
    margin-top:14px;
    text-align:justify;
}


/**
 * Page and Single define
*/
div.post {
    background:url(images/post-background.png) no-repeat;
    padding-top:48px;
}

div.post p.postmetadata {
    margin:0 0 16px 48px;
    font-size:12px;
}

.postmetadata span.tag {
    background:url(images/tag.png) no-repeat;
    padding:1px 0 4px 24px;
}
span.img-comment {
    background:url(images/subject.png) no-repeat;
    padding:1px 0 4px 24px;
}

div.post small.datepost {
    background:none;
    border-top:1px solid #bbb;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    border-left:1px solid #bbb;
    display:block;
    font-size:10px;
    margin:-62px 0 0 502px;
    padding:8px;
    position:absolute;
    text-align:right;
    width:100px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

div.post h2 a,
div.post h2 a:link {
    padding-bottom:4px;
    text-decoration:none;
    border-bottom:1px dotted #bbb;
}

div.post h2 {
    color:#444;
    font-size:24px;
    font-weight:normal;
    letter-spacing:-2px;
    margin:0 0 24px 42px;
    text-shadow:1px 1px 3px #aaa;
}
h3#respond {
    color:#09f;
    font-weight:normal;
    margin:8px 0 16px 48px;
    text-shadow:0 1px 1px #aaa;
}
form#commentform {
    margin:0;
}
form#commentform input#author,
form#commentform input#email,
form#commentform input#url {
    border:1px solid #aaa;
    font-size:11px;
    padding:4px;
    width:300px;
}
form#commentform textarea {
    border:1px solid #aaa;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:4px;
    width:510px;
}
form#commentform p {
    margin-bottom:12px;
}
form#commentform label {
    text-align:left;
}

div.entry p {
    line-height:28px;
    color:#444;
    text-align:justify;
    font-size:15px;
    margin-bottom:12px;
}
div.entry h2 {
    font-size:23px;
    color:#444;
    letter-spacing:-1px;
    font-weight:normal;
    margin-bottom:22px;
}
div.entry h3,
div.entry h4 {
    border-bottom:1px solid #ddd;
    color:#f50;
    letter-spacing:-1px;
    margin-bottom:8px;
    padding-bottom:12px;
    text-shadow:0 1px 1px #888;
}
div.entry h3 {
    font-size: 19px;
    font-weight: normal;
    letter-spacing:0;
}

div.entry div.bottom-line {
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
    margin: 16px 0;
}

div.entry {
    margin:0 48px;
}

div#single-post div.entry {
    border-bottom:1px dashed #ccc;
    margin:0 48px 24px;
    padding-bottom:12px;
}

div#single-post,
div#single-page {
    margin-bottom:32px;
}

div.entry ul {
    list-style-position:inside;
    margin:8px 24px;
    line-height:24px;
    color:#555;
    font-size:13px;
}
div.entry ul li {
    background:url(images/list-point.png) 0 4px no-repeat;
    padding-left:32px;
}

/**
 * Form
*/
form#proponi input.text,
form#proponi input.checkbox,
form#proponi textarea {
    border:1px solid #aaa;
    padding:4px;
    font-size:11px;
}
form#proponi textarea {
    width:800px;
    height:200px;
    resize:vertical;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form#proponi input.submit {
    cursor: pointer;
}

div#widgets-editor {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background:#F4F4F4;
    border:1px solid #ccc;
    margin:0 24px 0 56px;
    padding:16px;
    text-align:center;
}
div#widgets-editor label {
    font-weight:bold;
    width:auto;
}
div#widgets-editor select {}

div#widgets-editor textarea.widget-code {
    border:1px solid #bbb;
    display:block;
    margin:8px 0 0;
    outline:none;
    width:690px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:8px;
    height:16px;
    overflow:hidden;
    text-align:center;
    resize:none;
}
div#widgets-editor div#widget-preview {
    text-align:center;
    margin:0 0 8px 0;
}
div#widgets-editor div#widget-preview img {
    border:1px solid #ccc;
}

div#sidebar {
    background:url(images/blog-top-background.png) -650px 0 no-repeat;
    padding-top:48px;
    margin-bottom:16px;
}

div#sidebar ul {
    margin:0 0 0 32px;
}

div#sidebar ul ul {
    margin:0;
}

div#sidebar h2 {
    margin:24px 0 8px;
    display:block;
    color:#666;
    padding-left:8px;
}

div#sidebar ul ul li {
    display:block;
    line-height:20px;
    margin-right:32px;
    font-size:13px;
    padding:4px 0 4px 24px;
    background:url(images/arrow-grey.gif) 8px center no-repeat;
}
div#sidebar ul ul li.widget_search {
    padding:0;
}

div#sidebar ul li.widget_tag_cloud div {
    width:230px;
    margin:0 16px;
}

div#blog-page div.post {
    background:url(images/blog-top-background.png) no-repeat;
}

ol.commentlist {
    font-size:12px;
}
ol.commentlist li {
    background:#eeefee;
    padding:16px;
    margin:0 0 16px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
ol.commentlist li.alt {
    background:#eedeee;
}
ol.commentlist li img.avatar {
    border:1px solid #aaa;
    float:left;
    margin:0 4px 0 0;
}
ol.commentlist li p {
    display:block;
    clear:both;
    font-size:12px;
}

form#searchform {

}

form#searchform input#s {
    border:1px solid #bbb;
    padding:4px 6px;
    width:160px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
}

form#searchform input#searchsubmit {
    height:24px;
    width:60px;
}

div#madideas-countdown {
    font-family:Arial;
    font-weight:bold;
    width:810px;
    margin:0 auto;
}
div#madideas-countdown span {
    display:block
}

div#madideas-countdown br {
    
}

div#madideas-countdown span.countdown_section {
    background:#222;
    color:#eee;
    float:left;
    margin:8px 6px 32px;
    padding:16px 0;
    text-align:center;
    text-shadow:0 0 6px #fff;
    width:190px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
}

div#madideas-countdown span.countdown_section:first-child {
    -moz-border-radius-topleft:64px;
    -webkit-border-top-left-radius:64px;
}

div#madideas-countdown span.countdown_section:last-child {
    -moz-border-radius-topright:64px;
    -webkit-border-top-right-radius:64px;
}

div#madideas-countdown span.countdown_amount {
    font-size:90px;
}
a.social span {
    display:none;
}
a.social {
    display:block;
    width:52px;
    height:52px;
    background:url(images/social.png) no-repeat;
    position:absolute;
}
a#rss-icon {
    top:556px;
    margin-left:24px;
}
#newsletter-icon {
    top:556px;
    margin-left:80px;
    background-position:-51px 0;
}
#twitter-icon {
    top:556px;
    margin-left:136px;
    background-position:-155px 0;
}
#facebook-icon {
    top:556px;
    margin-left:194px;
    background-position:-103px 0;
}
ul.promoters li {
    float:left;
    width:220px;
}
div.sociable ul li {
    background:none !important;
    margin:2px 4px 0 0 !important;
    padding:1px !important;
}
