/* 1) -=-=-=- General selectors -=-=-=- */

body {
    background: #909EB0;
    margin: 0;
    padding: 0;
}

a { color: #003366; text-decoration: none; }
a:link	{ color: #003366; text-decoration: none; }
a:visited { color: #003366; text-decoration: none; }
a:active { color: #003366; text-decoration: underline; }
a:hover	{ color: #003366; text-decoration: underline; }

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

/*
 * Blog banner
 */
#banner {
    font-family: 'Bitstream Vera Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    background-color:#778899;
    background-image:url(qrweb.png);
    background-position:right center;
    background-repeat:no-repeat;
    font-size:large;
    font-weight:bold;
    text-align:left;
    height:81px;
    padding:5px 10px 5px 10px;
    margin:5px 15px 0px 15px;
    border-top:4px solid #FFF;
    border-bottom:4px solid #FFF;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
}
#description {
    font-family: 'Bitstream Vera Sans','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    color: #ffffff;
    font-size: small;
    font-weight: bold;
    text-transform: lowercase;
    padding: 0;
    margin: 0;
}
#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover {
    color: #FFF;
    text-decoration: none;
}
#container {
    margin: 0;
    padding: 0;
}
/*
 * Sidebar
 */
#links {
    float: right;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 15px;
    padding-bottom: 20px;
    border-width: 4px 1px 4px 1px;
    border-style: solid;
    border-color: #ffffff;
    width: 20%;
    font-family: 'Bitstream Vera Sans','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    color: #003366;
    font-size: small;
    font-weight: normal;
}
.sidetitle {
    padding: 2px;
    margin-top: 10px;
    letter-spacing: 0.1em;
    border-bottom: 1px dotted #FFF;
    text-align: right;
    text-transform: lowercase;
}
.side {
    line-height: 150%;
    padding: 2px;
    font-size: x-small;
}
.side a {
    font-size: x-small;
}
/*
 * Main content
 */
#content {
    padding: 15px 20px 10px 25px;
    margin: 0px;
    width: 70%;
    font-family: 'Bitstream Vera Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: small; 
    color: #EEE; 
}
.date	{
    border-bottom:1px dotted #FFF;
    margin-bottom:10px;
    font-weight:bold;
    text-align:right;
}
.title {
    font-weight: bold;
    text-transform: uppercase;
    color: #003366;
    margin-bottom: 15px;
    cursor: pointer;
    cursor: hand;
}
.main {
    font-weight:normal;
    line-height:150%;
}
.main a, .main a:link, .main a:visited, .main a:active, .main a:hover{
    font-weight: normal;
    text-decoration: none;
    color: #eeeeee;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #eeeeee;
}
.main li {
    background: url(images/content_bullet.gif) no-repeat 0 7px;
    padding: 2px 0 0 10px;
    list-style: none;
}
.main ul {
    padding: 0 0 20px 10px;
    margin: 0;
}
.main img {
    padding: 1px;
    margin: 3px;
    border: 3px solid #FFF;
}
.posted {
    font-family: 'Bitstream Vera Sans','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    font-size: small;
    color: #000000;
    margin-bottom: 20px;
    padding-top: 2px;
    border-top: 1px dotted #FFF;
}
/*
 * Article comments
 */
#commentlist {
    border-top: 1px dotted #FFF;
    border-bottom: 1px dotted #FFF;
    padding-bottom: 25px;
    padding-top: 10px;
}
#commentlist li {
    padding-left: 10px;
    padding-bottom: 15px;
    border-left: 3px solid #FFF;
    margin: 10px;
}
p.metadate {
    border-bottom: 1px solid #FFF;
    margin: 0;
}























blockquote {
border-left: 4px solid #3F3F3F;
padding: 0 10px;
margin: 0 0 0 10px;
font-style: italic;
}

code {
display: block;
padding: 10px;
color: #444E1F;
background: #F5F8E8;
font-size: 1.2em;
border-top: 2px solid #D0EC98;
}

p {
line-height: 1.4;
}

/* 2)-=-=-=- Structure -=-=-=- */



/* 3)-=-=-=- Left selectors -=-=-=- */


.meta {
background: #F5F5F5;
font-size: .9em;
padding: 2px;
}

.meta:hover {
background: #F7FEDC;
}

.highlight { /* Basic highlight for text */
background: #F7FEDC;
}


.warning p { /* Used on the search page (image will appear if no result is found) */
background: url(images/warning.gif) no-repeat left;
height: 160px;
padding: 20px 0 0 90px;
font-size: 1.5em;
margin: 0 0 0 10px;
}

.postinput {
margin-left: 10px;
}

/* 4)-=-=-=- Right selectors -=-=-=- */

#right {
float: right;
width: 250px;
padding: 10px 15px;

/* Box model hack used for IE5.5/5 */
voice-family: "\"}\"";
voice-family: inherit;
width: 230px;
}

#author li {
list-style: none;
margin: 0;
padding: 0 5px 20px 0;
font-size: .9em;
line-height: 1.4;
}

#author ul {
padding: 20px 0 0 0;
margin: 0;
}


.line {
border-top: 3px solid #ACE149;
margin-top: -5px;
}

#search {
background: url(images/search.gif) no-repeat;
height: 56px;
margin: 0 auto;
padding-top: 22px;
}

#search h3 {
font-size: 1.4em;
margin: 20px 0 -10px 0;
font-weight: normal;
}

p.searchinfo {
margin: 2px 0 -8px 2px;
font-size: .9em;
color: #999;
}

.searchfield {
background: #fff;
border: 1px solid #ACE149;
color: #7DA721;
padding: 2px 5px 1px 5px;
width: 160px;
}

.searchfield:hover {
border: 1px solid #BFBFBF;
color: #949494;
}

.submit {
background: url(images/search_submit.gif) no-repeat;
height: 20px;
width: 52px;
border: 0;
margin-left: 2px;
text-indent: -9999px;
cursor: pointer;
}

.submit:hover {
background: url(images/search_submit.gif) no-repeat 0 -20px;
height: 20px;
width: 52px;
border: 0;
margin-left: 2px;
cursor: pointer;
}

.themes {
font-size: .9em;
}


/* 6)-=-=-=- Forms -=-=-=- */

input {
border: 1px solid #BFBFBF;
color: #949494;
background: #fff;
font-size: 1em;
}

input:hover {
background: #fff;
border: 1px solid #ACE149;
color: #7DA721;
font-size: 1em;
}

#CommentForm fieldset {
border:2px solid #d4d0cd;
padding-top:10px;
margin-top:10px;
padding-left:10px;
padding-bottom:10px;
}

#CommentForm legend {
color:#525150;
padding:2px 4px 2px 4px;
background-color: #ffffff;
font-weight : bold;
}

#CommentForm label {
width:13em;
float:left;
display:block;
clear:both;
float:left;
margin-top:8px;
margin-bottom:0px;
}

#CommentForm input {
margin-top:
8px;margin-bottom:8px;
}

#Submit {
float:right;
}

#CommentForm textarea {
margin-top:8px;
margin-bottom:0px;
border: 1px solid #BFBFBF;
color: #949494;
}

#CommentForm textarea:hover {
background: #fff;
border: 1px solid #ACE149;
color: #7DA721;
}

/* 7)-=-=-=- Accessibility -=-=-=- */

#skip {
display: none;
}

hr { /* Simple style when CSS not in use */
display: none;
}

/* 8)-=-=-=- Hacks -=-=-=- */

.clearfix:after { /* float hack used to float content correctly */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.pager {
clear:all;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}
.pager a, .pager a:link, .pager a:href, .pager a:hover {
text-decoration: none;
border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
margin-right:20px;
}
.pager .pagerLinkNextPage {
margin-left:20px;
}

.pager .pagerCurrent {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
background: #fff;
color: #FF0084;
}