/*
Theme Name: Backtheweb2
Theme URI: http://www.backtheweb.com/
Description: 
Version: 2
Author: jordi touza bonnin
Author URI: http://www.backtheweb.com/


	

*/

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,


header, footer, section, nav, aside, article, output, address, menu
{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/** HTML5 reset **/
header, footer, section, nav, aside, article, output, address, menu {display:block}


@font-face {
	font-family: Asenine;
	src: url('fonts/Asenine.ttf');
}

@font-face {
	font-family: "Trade Gothic";
	src: url('fonts/trg.ttf');
}

@font-face {
	font-family: "Trade Gothic";
        font-weight:bold;
	src: url('fonts/trgb.ttf');
}


.clear {clear:both}

.aligRight {text-align:right}

/*html {font-size:75%}*/
html {font-size:100%; margin-left: -1px; overflow-Y: scroll;}


body {font:1em/1.3em "Helvetica Neue",Helvetica, Arial, Sans-serif;height: 100%; margin-top:.5em; cursor: default;background: url(images/bgDark.gif); color:#444}

h1 {font:bold 2em/2em "Helvetica Neue",Helvetica, Arial, Sans-serif; }
h2 {font:bold 1.5em/1.7em "Trade Gothic", "Helvetica Nue",Helvetica, Arial, Sans-serif; }
h5 {font:bold 1.1em/1.2em "Trade Gothic", "Helvetica Nue",Helvetica, Arial, Sans-serif; }

a {color:#3399ff}
a:hover {color:#6699cc}

#wrapIE6{text-align:center;}
#no-more-ie6 {color:#fff; font-size:.9em;}

.wrap {margin:0 auto;overflow:hidden; width:60em; background: url(images/bg.gif); padding: 2em 0; text-align: left;}


.c1	{width:1.000em}		.g1	{width:2.000em}
.c2	{width:3.000em}		.g2	{width:4.000em}
.c3	{width:5.000em}		.g3	{width:6.000em}
.c4	{width:7.000em}		.g4	{width:8.000em}
.c5	{width:9.000em}		.g5	{width:10.000em}
.c6	{width:11.000em}		.g6	{width:12.000em}
.c7	{width:13.000em}		.g7	{width:14.000em}
.c8	{width:15.000em}		.g8	{width:16.000em}
.c9	{width:17.000em}		.g9	{width:18.000em}
.c10	{width:19.000em}		.g10	{width:20.000em}
.c11	{width:21.000em}		.g11	{width:22.000em}
.c12	{width:23.000em}		.g12	{width:24.000em}
.c13	{width:25.000em}		.g13	{width:26.000em}
.c14	{width:27.000em}		.g14	{width:28.000em}
.c15	{width:29.000em}		.g15	{width:30.000em}
.c16	{width:31.000em}		.g16	{width:32.000em}
.c17	{width:33.000em}		.g17	{width:34.000em}
.c18	{width:35.000em}		.g18	{width:36.000em}
.c19	{width:37.000em}		.g19	{width:38.000em}
.c20	{width:39.000em}		.g20	{width:40.000em}
.c21	{width:41.000em}		.g21	{width:42.000em}
.c22	{width:43.000em}		.g22	{width:44.000em}
.c23	{width:45.000em}		.g23	{width:46.000em}
.c24	{width:47.000em}		.g24	{width:48.000em}
.c25	{width:49.000em}		.g25	{width:50.000em}
.c26	{width:51.000em}		.g26	{width:52.000em}
.c27	{width:53.000em}		.g27	{width:54.000em}
.c28	{width:55.000em}		.g28	{width:56.000em}
.c29	{width:57.000em}		.g29	{width:58.000em}
.c30	{width:59.000em}		.g30	{width:60.000em}



.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12,
.c13,
.c14,
.c15,
.c16,
.c17,
.c18,
.c19,
.c20,
.c21,
.c22,
.c23,
.c24,
.c25,
.c26,
.c27,
.c28,
.c29,
.c30	{display:inline;float:left;margin-left:0.500em;margin-right:0.500em}

.g1,
.g2,
.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.g10,
.g11,
.g12,
.g13,
.g14,
.g15,
.g16,
.g17,
.g18,
.g19,
.g20,
.g21,
.g22,
.g23,
.g24,
.g25,
.g26,
.g27,
.g28,
.g29,
.g30	{display:inline;float:left}



#header {width:58em; margin:0 auto; padding:0 1em; height:6.250em;  background: url(images/bgHeader.gif) 50% 0 no-repeat;
-webkit-border-top-left-radius: .313em;
-webkit-border-top-right-radius: .313em;
-moz-border-radius-topleft: .313em;
-moz-border-radius-topright: .313em;
border-top-left-radius: .313em;
border-top-right-radius: .313em;
         
}

#header .blogName {font:normal 2.5em/2em  Asenine, Zapfino, "Helvetica Neue", Helvetica, Arial, Sans-serif;}
#header .blogDescriprion {font:italic 1em/1em Georgia, Sans; color:#fff}
#header a {color:#fff; text-decoration:none; }


#footer {width:58em; margin:0 auto; padding:0 1em; height:5.250em;  background: url(images/bgHeader.gif) 50% 0 no-repeat; color:#fff;
-webkit-border-bottom-right-radius: .313em;
-webkit-border-bottom-left-radius: .313em;
-moz-border-radius-bottomright: .313em;
-moz-border-radius-bottomleft: .313em;
border-bottom-right-radius: .313em;
border-bottom-left-radius: .313em;
margin-bottom:.5em;
    
 padding-top:1em   
}

#footer a { text-decoration:none;}

menu {text-align: center; height:3.125em; line-height:3em; overflow:hidden; background: url(images/bgMenu.gif) 50% 0  no-repeat; overflow: hidden}
menu li {display:inline;}
menu a { padding:.833em; color:#fff; text-decoration:none; font-weight:bold}

article {margin-bottom:3em}
article .entry-title {width:26em;}
article hgroup h2 a {color:#333;text-decoration:none;}
article hgroup h2 a:hover {text-decoration:underline}
article p {margin-top:.5em; margin-bottom:.5em; }
article ul {margin-top:.5em; margin-bottom:.5em;}
article li {list-style:disc; margin-left:1.667em}



pre  {
    font:normal 1em/1.3em monospace;
    color:#fff;
    background:#252525; padding:1em;
   -webkit-border-radius: .313em;
-moz-border-radius: .313em;
border-radius: .313em; 
    
overflow:auto
}




article {position:relative}
.comments-link {position: absolute; top:0; right: 0; display:block; background: url(images/icons/comment.png) no-repeat; width:40px; height:34px; text-align: center}
.comments-link a {color:#fff;text-decoration:none; font:bold 1em/1.8em "Helvetica Neue", Helvetica, Arial, Sans-serif;}

#comments ol {margin-bottom: 2em}
#comments li {clear: both; margin-bottom: 1em; overflow: hidden}
#comments .avatar {float:left; margin-right:.5em}


#respondArea h2 {float:left; margin-bottom:1em}
#respondArea .trackback {float:right;padding-top:.8em}
#respondArea .note {font-size:.8em; clear:both; color:#444; margin-bottom:1em}


form {margin-bottom:1em; overflow:hidden}

form span {display:block; font-weight:bold}
form label {float:left; padding-right:1em; margin-bottom:.8em}


#responseForm {clear:both;}
#searchform label span {display: none;}



.field {border:.083em solid #ccc; font:normal 1em/1.3em "Helvetica Neue", Helvetica, Arial, Sans-serif; color:#444; padding:0 .3em}

input.field { height:1.5em;}

#s {

    border:.083em solid #ccc; font:normal 1em/1.3em "Helvetica Neue", Helvetica, Arial, Sans-serif; color:#444; 
    width:14em;-moz-border-radius:1em;
    
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;


-moz-appearance: searchfield;
-webkit-appearance: searchfield;

vertical-align:middle
}

button img {vertical-align:middle}


#searchsubmit {
    
    /*background:none; border:none; -webkit-appearanc:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;*/
vertical-align:middle;
-moz-appearance:button;
-webkit-appearance:searchfield-results-decoration;
}

.button {

    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font:bold 1em/1.667em Arial, Helvetica, sans-serif;
    border-radius:.417em;-webkit-border-radius:.417em;-moz-border-radius:.417em;
    padding:.1em .416em;
    -webkit-box-shadow: 0 .083em .167em rgba(0,0,0,.2);
    -moz-box-shadow: 0 .083em .167em rgba(0,0,0,.2);
    box-shadow: 0 .083em .167em rgba(0,0,0,.2);
}

.button.large { font:bold 1.333em/1.8em Arial, Helvetica, sans-serif; height:1.8em;}

.button {
    color:#fff;
    border:.083em solid #AC0E0D;
    background: #DE0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#DE0000), to(#C50E0A));
    background: -moz-linear-gradient(top,  #DE0000,  #C50E0A);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE0000', endColorstr='#C50E0A');
}
.button:hover {
    color:#000;
    background:#E9302F;
    background:-webkit-gradient(linear, left top, left bottom, from(#E9302F), to(#E41614));
    background:-moz-linear-gradient(top,  #E9302F,  #E41614);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9302F', endColorstr='#E41614');
    text-decoration:none;

}
.button:active {
    color: #FF9999;
    background:#E9302F;
    background:-webkit-gradient(linear, left top, left bottom, from(#E9302F), to(#E41614));
    background:-moz-linear-gradient(top, #E9302F, #E41614);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9302F', endColorstr='#E41614');
    /*
    position: relative;
    top:.083em;
    */
}


.button.b_black { color:#fff; background:#000000; border:.083em solid #252525;}
.button.b_black:hover {color:#DE0000; background:#fff }



#twitter_div {margin-top:1em}
#twitter_div li {margin-bottom:.5em}

@media all and (-webkit-min-device-pixel-ratio:1024), not all and (-webkit-min-device-pixel-ratio:0){
	head~body *{ margin-left: -1px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	 /* Safari 3.0 and Opera 9 rules here */
    .button.large {font:bold 1.333em/1.875em Arial, Helvetica, sans-serif; height:1.875em}
}