/* standard elements */

* {
        margin: 0;
        padding: 0;
}
a {
        text-decoration: none;
}

a img
{
border:none;
}

body {
        background: #FFF url('img/bg.gif') repeat-x;
        color: #444;
        font: normal 64.5% Verdana,sans-serif;
        padding-top: 40px;
        line-height: 1.5;
}
p,code,ul {
        font-size: 1.2em;
        padding-bottom: 1.2em;
}

h1 {
        font-size: 1.4em;
}
code {
        background: url('img/bgcode.gif');
        border: 1px solid #F0F0F0;
        border-left: 6px solid #F06;
        color: #444;
        display: block;
        font: normal 1.1em "Lucida Sans Unicode",serif;
        margin-bottom: 12px;
        padding: 8px 10px;
        white-space: pre;
}
blockquote {
        background: #FBFCF5;
        border-bottom: 1px solid #EED;
        border-top: 1px solid #EED;
        color: #444;
        display: block;
        font: normal 0.9em Verdana,sans-serif;
        margin-bottom: 12px;
        padding: 12px;
}
h1,h2,h3,h4 {
        font: normal 1.2em "Trebuchet MS",sans-serif;
        color: #F06;
}
/* misc */
.clearer {
        clear: both;
}
/* corner */
.warning {
        color: #FF0000;
        padding: -10px;
        font-size: 12px;
}
.attencion {
        color: #FF6600;
        padding: -10px;
        font-size: 12px;
}
.rounded {
        background: #f0f0f0;
        width: 500px;
        font-size: 10px;
        color: #000000;
        text-align: left;
        padding: 15px 25px;        /* padding greater than corner height|width */
        margin: 1em 0.25em;
}
.rounded code {
        display: block;
}

/* header */
.header {
        background: url('img/stripes.jpg') no-repeat;

        border-bottom: 1px solid #EEE;
        height: 160px;

        margin-bottom: 24px;
}
.header h1 {
        color: #222;
        font: normal 4em sans-serif;
        margin-top: 40px;
        margin-left: 30%;
        text-align: center;
}

.header h1 a{
color: #222;
text-decoration:none;
}

.header h1 a:visited
{
color: #222;
text-decoration:none;
}

.header h2 {
        border-top: 1px solid #EEE;
        color: #666;
        text-align: right;
}
.header h2 span {
        background: #222;
        color: #EEE;
        padding: 0 6px;
}

/* left side (main content) */
.left {
        margin: 0 39% 20px 3%;
}
.content .descr {
        color: #06F;
        font-size: 1.2em "Lucida Sans Unicode",serif;
        margin-bottom: 6px;

}
.content .descr {
        color: #06F;
        font-size: 1.2em;
        margin-bottom: 6px;

}

.descr a,.descr a:visited
{color: #06F;
}

.content li {

        margin-left: 45px;
}
.content h1 {
        font-size: 2.4em;
        margin-bottom: 4px;
}
.content a,.footer a {
        color: #F06;
        text-decoration: none;
}
.content a:hover,.footer a:hover {
        color: #444;
        border-bottom: 1px solid #F06;
}

/* nav & subnavigation */
.nav,.right {
        margin-bottom: 20px;
        position: absolute;
        top: 40px;
}

/* navigation */
.nav {
        right: 23%;
        text-align: center;
        width: 17%;
}
.nav .logo {
        background: url('img/logo.jpg') no-repeat center top;
        border-bottom: 1px solid #EEE;
        border-top: 1px solid #EEE;
        height: 159px;
}

.nav h1 {
        color: #F60;
        margin: 12px 0;
}
.nav li {
        border-bottom: 1px solid #EEE;
        list-style: none;


}
.nav li a {
        color: #888;
        display: block;
        font: normal 1.4em serif;
        padding: 8px 0;
}
.nav li a:hover {
        background: #FAFAFA;
        color: #F06;
}

/* subnav */
.right {
        background: #222;
        right: 0%;
        width: 24%;
}
.subnav {
        padding: 12px 12px 0;
}
.subnav h1 {
        color: #F06;
        font-size: 1.4em;
        height: 20px;
        margin-left: 2px;
}
.subnav ul {
        margin: 0 0 16px;
        padding: 0;
}


.subnav li {
        list-style: none;
        margin: 3px;

        border-bottom: 1px solid #333;
}
 .subnav h1 a
 {
 color: #F06;
 }

.subnav li a {
		color: #888;        

        display: block;
        font-size: 1em;
        padding: 3px 6px 3px 1px;
        text-decoration: none;
}
.subnav li a:hover {
        color: #ddd;
	  text-decoration: underline;

}

/* round edges */
.roundtl,.roundtr,.roundbl,.roundbr {
        background: url('img/round.gif');
        height: 16px;
        width: 14px;
}
.roundtl,.roundbl {
        float: left;
}
.roundtr,.roundbr {
        float: right;
}
.roundtr {
        background-position: right top;
}
.roundbr {
        background-position: right bottom;
}
.roundbl {
        background-position: left bottom;
}

/* footer */
.footer {
        color: #666;
        border-top: 1px solid #EEE;
        font: normal 1em Verdana,sans-serif;
        margin: 0 42% 0 3%;
        padding: 8px 6px;
}
.footer .fright, .footer .fright a {color: #AAA;}


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}

.postinfo {color: #888; font-size: 11px;}
.postinfo a {color: #222;}



/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

/* floats */
.clearer {clear: both; display: block; font-size: 0; line-height: 0;}
.fleft {float: left;}
.fright {float: right;}