/*
Theme Name: Madd0
Theme URI: http://www.madd0.com/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Mauricio Diaz Orlich
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* Reset
***************************************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* Remember focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* HTML 5 elements as block */  
header, footer, aside, nav, article, section { display: block; }



/* Clearing Floats
***************************************************************/

.group:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* General
***************************************************************/

/* Default font settings. 
The font-size 81.3% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/

body { 
  font-size: 81.3%;
  color: #434343; 
  background: #fff;
  font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: url(images/background.png);
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin:.6em 0;}

h1 { font-size: 1.308em; }
h2 { font-size: 1.231em; }
h3 { font-size: 1.154em; }
h4 { font-size: 1.077em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Aside Headings */
aside h1 { font-size: 1.154em; }
aside h2 { font-size: 1.077em; }
aside h3 { font-size: 1em; }
aside h4 { font-size: 1em; }
aside h5 { font-size: 1em; }
aside h6 { font-size: 1em; }

/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 1.5em; line-height: 1.538em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Text elements */
p           { margin: 0 0 1em; line-height: 1.538em; }
p img.left  { float: left; margin: 0 0.923em 0 0; padding: 0; }
p img.right { float: right; margin: 0 0 0 0.923em; }
p.right     { text-align: right; }

a:focus, 
a:hover     { text-decoration: underline; }
a           { color: #5f97af; text-decoration: none; }
a.external  { padding-right: 12px; background: url(images/external_link.png) no-repeat right center; }
a.mail      { padding-right: 14px; background: url(images/envelope.png) no-repeat right center; }
a.fr        { padding-right: 24px; background: url(images/fr.png) no-repeat right center; }
a[rel="generator"] { padding-right: 20px; background: url(images/wordpress.png) no-repeat right center; }

blockquote  { margin: 0.923em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 0.923em; font-style: italic; }
del         { color:#666; }

pre         { margin: 0.923em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.462em; }



/* Forms
***************************************************************/

form              { margin: 0; padding: 0; }
legend            { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border:none; }
fieldset          { padding:0em; margin: 0 0 0em 0; border: 0px solid #dbdbdb; }
label             { font-weight: normal; display:block; padding: 0 0 0.3em 0; }
label.forcheckbox { margin:0 0 0 .4em; display:inline; }

input[type="text"], input[type="password"], input[type="email"], textarea {
    display: block;
    padding: 0.3em;
}

input[type="checkbox"] {
    margin:.2em 0 1.2em 0;
}

fieldset ol     { list-style-type:none; padding: 0; margin: 0; }
fieldset ol li  { margin: 0 0 6px 0; }



/* Structure
***************************************************************/
html, body { height: 100%; }

#layout-wrapper {
    width:960px;
    min-height: 100%;
    margin:0 auto;
    padding: 0 8px 0 6px;
    background:#fff url(images/content_background.png) repeat-y;
    position:relative;
}

#layout-header, #layout-featured, #layout-main, #layout-footer {
    width:960px;
}

#layout-header { }
#layout-navigation {}
#layout-featured {}
#layout-before-main {}
#layout-main {
	/* needed to align footer at bottom of page */
   	padding-bottom: 6em; 
    overflow:auto;
}
    #aside-main {
    	padding: 0 1.231em;
    }
	    #branding 
	    {   
	        font-family: 'Segoe UI Light', 'Segoe UI', Arial, Helvetica, sans-serif;
	        font-size: 6em;
	        letter-spacing: -5px;
	        padding: 0;
	        margin-top: -0.33em;
	        overflow: hidden;
	    }
	    #branding a 
	    {
	        text-decoration:none;
	        color: #434343;
	    }

		nav ul {
		    padding: 0px;
		    margin: 0px;
		    position: relative;
		    z-index: 1500;
		}
		    nav ul li {
		        display:block;
		        margin:0 2px 0 0;
		        width: 80px;
		    }
		    nav ul li.current {
		        font-weight:bold;
		    }
		    nav ul li.reset {
		        margin-top: -96px;
		    }
		    nav ul li.column2 {
		        margin-left: 80px;
		    }
		    nav ul a {
		        display:block;
		        color: #333;
		        font-size: 1.077em;
		        text-decoration:none;
		        line-height:24px;
		}
		
	    #aside-main > header h1 {
            font-family: 'Segoe UI Light', 'Segoe UI', Arial, Helvetica, sans-serif;
            margin: -117px -15px -8px 247px;
            font-size: 9.23em;
            text-transform: lowercase;
            position: relative;
            z-index: 2000;
            text-shadow: 0 0 3px #fff;
            width: 370px;
            white-space: nowrap;
            overflow: hidden;
	    }
	    #aside-main > header h1.tech {
            margin-left: 167px;
            margin-bottom: -27px;
            width: 450px;
            height: 139px;
	    }
	    
    #layout-content {}
        #messages {}
        #before-content {}
        #content {}
        #after-content {}
    #aside-second {}
#layout-after-main {}
#layout-tripel {}
    #tripel-first {}
    #tripel-second {}
    #tripel-third {}
#layout-footer {
    position: relative;
    margin-top: -5em; /* negative value of footer height */
    height: 5em;
    clear:both;
    color: #999999;
}
    #footer-quad {}
        #footer-quad-first {}
        #footer-quad-second {}
        #footer-quad-third {}        
        #footer-quad-forth {}
    #footer-sig {}
    
/* Zones */
.zone 
{
    /*  Enable this to see zone visualizations
    background-color: yellow;
    box-shadow:inset 0 0 1px purple;
    -moz-box-shadow:inset 0 0 1px purple;
    -webkit-box-shadow:inset 0 0 1px purple;
    */
} 
.zone-header { padding: 30px 0 30px 12px; position: relative; }
.zone-navigation { padding: 0; }
.zone-featured {}
.zone-beforemain {}
.zone-asidefirst {}
.zone-messages {}
.zone-beforecontent {}
.zone-content {}
.zone-aftercontent {}
.zone-asidesecond {}
.zone-aftermain {}
.zone-zone-tripelfirst {}
.zone-zone-tripelsecond {}
.zone-zone-tripelthird {}
.zone-footerquadfirst {}
.zone-footerquadsecond {}
.zone-footerquadthird {}
.zone-footerquadfourth {}
.zone-footer {}



/* Main
***************************************************************/

/* Content lists and details */
.content-description { font-size: 1.154em; }
.content-items { padding: 0; margin: 0; list-style: none; }
.content-items li { padding: 0; margin: 0; }
.content-items .content-item { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }
.content-items .first .content-item { border-top: 0; }
.content-item header {}
.content-item header h1 { font-size: 1.308em; margin: .6em 0 0 0; }
.content-item header h1 a { color: #434343; }
.content-item header h1 a:hover {}
.content-item .content-thumbnail { float: left; border: 4px solid #dbdbdb; margin: .308em .615em .615em 0; line-height: 0; }
.content-item .no-meta { margin: .6em 0 0 0; } 
/* Tags */
.tags { margin-top: 12px; }
.tags a { background-color: #dbdbdb; padding: 3px 6px; color: #434343; }
.tags a:hover { background-color: #434343; color: #fff; }

/* Metadata */
.metadata { color: #999; font-size: 0.846em; }
header .metadata { margin: 0 .6em .923em 3.062em; }
footer.metadata { clear: both; margin: 0 .6em .923em .6em; border: 2px solid #f5f5f5; padding: .6em; }
.metadata p { margin: 0; }
.metadata .published { display: inline; margin: 0 6px 0 0; }
.metadata .commentcount { display: inline; }
.meta {}

/* Comments */
#comments { margin: 24px 0 0 0; padding: 0; }
.comment-form { margin: 24px 0 0 0; padding: 0; }
.comments { margin: 0; padding: 0; list-style: none; }
.comments li { margin: 12px 0 0 0; padding: 12px; border: 1px solid #dbdbdb; }
.comment { margin: 0; padding: 0; }
.comment h4 { font-size: 1.077em; }
.comment .who {}
.comment .what {}
.comment #add-comment {}
.comment-form #comment-by { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border:none; }
.comment-form #comment-text { width: 33.2em; }
.comment-form input[type="text"] { width: 32em; }
.comment-disabled {}
.comment-count { font-size: 1.231em; }

/* Confirmations */
.message, .validation-summary-errors { margin:10px 0 4px 0; padding:4px; }
.messages a { font-weight:bold; }
.message-Information { background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; }
.message-Warning { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; }
.critical.message, .validation-summary-errors, .message-Error { background:#e68585; /* red */ border:1px solid #990808; color:#fff; }



/* Secondary
***************************************************************/

/* Aside Zones */
/* If zone 1 is on */
.aside-left #aside-main { float: right; width: 632px; }
.aside-left aside { float: left; width: 325px; }

/* If zone 2 is on */
.aside-right #aside-main { float: left; width: 600px; }
.aside-right aside { float: right; width: 293px; }

/* If zones 1, 2 are on */
.aside-both #aside-main { width: 600px; }
.aside-both .left, .aside-both .right { width: 157px; }
.aside-both .left, .aside-both .right, .aside-both #layout-content { float:left; }

aside {
	margin: 0 1.231em;
}

	#aside-featured { height: 152px; }
	
	#main-meta {
		height: 55px;
		margin: 0 -1.231em 1.231em -1.308em; 
	}
	
		nav.post-navigation { }
		    nav.post-navigation .nav-previous, nav.post-navigation .nav-next { 
		    	float: left; 
		    	width: 100%;
		    	padding: 1.538em;
		    	border: 1px solid #a8a8a8;
			    color:#333;
			    background:#F5F5F5;
			    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
			    background: -moz-linear-gradient(top , #F5F5F5, #cbcbcb);
		    }
		    nav.post-navigation .nav-previous {
		    	border-left: 0;
		    	border-right: 0;
		    }
		    nav.post-navigation .shared-previous {
		    	width: 123px;
		    } 
		    nav.post-navigation .nav-next {
		    	text-align: right;
		    	border-right: 0;
		    }
		    nav.post-navigation .shared-next {
		    	width: 122px;
		    } 
		    
		    
/* Aside Footer Zones */
aside footer {
    position: absolute;
    bottom: 0;
    margin: 1.5em;
}


/* Widgets
***************************************************************/
.widgets { list-style: none; margin: 0; }
.widget h1 { font-size: 1.077em; }

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }

/* Content Mode */
.content-control { position: relative; border: 1px dotted #5f97af; }
.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }



/* Pager
***************************************************************/

.pager { list-style: none; padding: 0; margin: 12px 0 0 0; }
.pager li { float: left; padding: 0 12px 0 0; margin: 0; }
.pager a { font-size: 1.077em; display: block; background-color: #dbdbdb; padding: 6px 6px; color: #434343;}
.pager a:hover { background-color: #434343; color: #fff; }

/* Contact form
***************************************************************/

#contact div { padding: 0.25em 0; }
#contact input, #contact textarea { width: 20em; }
#contact textarea { width: 40em; }
#contact input.captcha { width: 2em; display: inline; }
#contact div.error { color: #C80000; }
#contact input.error, #contact textarea.error {
    border: 1px solid #C80000;
    background:#FFE2E2;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFE2E2), to(#FFBABA));
    background:-moz-linear-gradient(top , #FFE2E2, #FFBABA);
}

/* Misc
***************************************************************/

q       { font-style: italic; }
.small      { font-size: 0.615em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.231em; line-height: 2.231em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.credits { text-align: center; }
.user-display { text-align: center; padding: 0 12px; }
.user-display .welcome {}
.user-display .user-actions {}

.login-form { margin: 24px 0 0 0; }



/* CSS 3 Enhancements 
***************************************************************/

input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {
    color:#333;
    background:#F5F5F5;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
    background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb);
    border:1px solid #999;
    cursor:pointer;
    margin:.2em 0 2em 0;
    padding:.3em 1.8em;
    text-align:center;
}

input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:active, input[type="button"]:active,
input[type="submit"]:focus, input[type="button"]:focus,
button:hover, .button:hover,
button:active, .button:active,
button:focus, .button:focus {
    text-decoration:none; 
    background: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));
    background:-moz-linear-gradient(top , #e1e1e1, #ebebeb);
}

/* Language
***************************************************************/
section[lang] {
    border-left: 4px solid #f5f5f5;
    padding-left: 10px;
}
section[lang="fr"] > p:first-child {
    text-indent: 32px;
    background: url(images/fr.png) no-repeat left 2px;
}
section[lang="es"] > p:first-child {
    text-indent: 32px;
    background: url(images/es.png) no-repeat left 2px;
}
section[lang="en"] > p:first-child {
    text-indent: 32px;
    background: url(images/en.png) no-repeat left 2px;
}

.alternate-language {
    vertical-align: middle;
}
article[lang="en"] h1 {
    text-indent: 32px;
    background: url(images/en.png) no-repeat left 2px;   
}
article[lang="fr"] h1 {
    text-indent: 32px;
    background: url(images/fr.png) no-repeat left 2px;   
}
article[lang="es"] h1 {
    text-indent: 32px;
    background: url(images/es.png) no-repeat left 2px;   
}

/* Opera Fix
***************************************************************/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}