/*
Theme Name: Social Karma
Theme URI:  http://wp.paragraphe.org/
Description: A Tubular & Social Theme
Version: 1.0
Author: Ignacio
Author URI: http://wp.paragraphe.org/
*/

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

a img{border:none}



/* typography.css */
body{font-size:100%; color:#222; background:#fff; font-family:Georgia, serif;line-height:1.5em}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{font-size:90px; line-height:1em; margin-bottom:0.5em}
h2{font-size:2em; margin-bottom:0.75em}
h3{font-size:1.5em; line-height:1; margin-bottom:1em}
h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}
p{margin:0 0 1.5em;line-height:1.5em}
a:focus, a:hover{color:#C11F03}
a{color:#777; text-decoration:none; -moz-outline:none}
em{font-style:italic}
strong{font-weight:bold}
tt, code, pre{font:.9em 'andale mono','lucida console',monospace; line-height:1.5}
pre{
	padding:3em;
	background:#FEFEFE;
	border:1px solid #ddd;
	width:auto;
	height:auto;
	overflow:scroll;
	margin-bottom:3em;
	color:#555;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
blockquote{
	width:80%;
	font-style:italic;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:1px;
	margin:1em 0;
	padding:2em;
	color:#ccc;
	background:#fff;
	}
hr {background:#999;color:#999;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}

::-moz-selection {
		background: #000;
		color: #fff;
		} 

::selection {
		background: #000;
		color: #fff;
		}
		
pre::-moz-selection {
		background: #000;
		color: #fff;
		} 

pre::selection {
		background: #000;
		color: #fff;
		}
		
img{width:auto;height:auto}

/*recurrent classes */
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em;}
.hide{display:none}
.center{text-align:center}
.right{text-align:right}
.noimage img{display:none}
.italic{font-style:italic}
.padding{padding:1em}


/* grid.css */
.container{width:800px;margin:0 auto}
.module1{width:100%;float:left}
.module2{width:66%;float:left} .content img{background:#fff;padding:6px;border:1px dashed #ddd}
.module3{width:33%;float:left}
.modulehalf{width:50%;float:left}
.module75{width:75%;float:left;}
.module25{width:25%;float:left;}
.dotted{width:100%;float:left;height:1em;border-bottom:2px dotted #ddd}

div .wp-caption p{max-width:600px}
div .wp-caption p{text-align:center;font-size:.8em;font-style:italic;padding:1em 0;border:1px solid #eee;background:#fff}

.widgettitle{margin-top:1.1em}

.abracadabra a{display:block;border-top:1px solid #ddd}
.abracadabra a:hover,.abracadabra a:focus{background:#F9F9F9;color:#000}
.abracadabra ul{margin:0;padding:0;margin-bottom:2em}
.abracadabra li{list-style-type:none}

.commenttemplate{width:85%}
.commenttemplate a{color:#333;border-bottom:2px solid #eee}
.commenttemplate ol{margin:0;padding:0;font-size:small;color:#555;margin-bottom:2em;}
.commenttemplate textarea{width:100%;padding:2em}
.commentlist li{
	width:100%;
	display:block;
	margin-top:1em;
	padding:2em;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
.vcard{width:50%;float:left}
.avatar{float:left;border:3px solid #555}
.fn{text-transform:uppercase;font-style:normal;float:left;padding-left:2em;color:#333}
.says{display:none}
.commentmetadata{width:50%;float:left;text-align:right;color:#333}
.commentlist p{padding-top:2em;clear:both;line-height:1.2em;}
li.odd{background:#F1F1F1}

/*WP default classes*/

img.wp-smiley {
        border:0;
        height:15px;
        width:15px;
		background:none
        }

p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 0px;
    margin: 0 0 2px 10px;
    display: inline;
    }

img.alignleft {
    padding: 0px;
    margin: 0 10px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }

	
/*details*/
#navigation{width:100%;height:108px;float:left;background:url('images/header.png')}
#categories ul, #pages ul, #iconorama{margin:0;font-family:helvetica,arial,sans-serif;font-size:small}
#categories li, #pages li, #iconorama li{display:inline;list-style-type:none}
#categories li, #pages li{margin-right:1em}
#pages ul{background:url('images/pages2.png') no-repeat;height:45px;padding-left:2em}
#pages a:hover,#pages a:focus{color:#fff}
#categories a:hover{border-bottom:3px solid #eee}

#footer ul{margin:0}
#footer li{list-style-type:none}#footer li a{font-size:small;display:block}
#footer a{border-top:1px solid #ddd}
#footer a:hover,#footer a:focus{background:#F9F9F9;color:#000}
#footer{font-family:georgia,serif}

/*single*/
.content img{max-width:400px;height:auto}

/*sidebar*/
#footer img, #sidebar img{width:100%;height:auto;border:.5em solid #000}

/*archive*/
.titlearchive{padding-left:33%;width:33%;padding-right:33%}

/*tags*/
.lestags a{background:#EEE;padding: 0 .5em;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;color:#666;text-shadow: 1px 1px 0 #060 !important;display: inline-block; clear: none;margin-bottom:.2em;border-bottom:1px solid #999;border-right:1px solid #999}

.lestags a:hover{background:#BCDBFE;color:#000;border-bottom:1px solid #999;border-right:1px solid #999}