/*#############################################################
Name:GirlGeek
Date:2007-07-13
Description:A girly,butterfly and foilage themed,pink
two-column template.
Author:Michael Sivers *
URL:http://michael.sivers.co.uk

* Notice:This theme is loosly based on the Dirtylicious
theme by Viktor Persson (http://templates.arcsin.se).

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
html{
min-height:100%;
}
*{
margin:0;
padding:0;
}
a{
color:#745F4F;
}
a:hover{
text-decoration:none;
color:#745F4F;
}
a img{
border:none;
}
body{
background:#AEA6A1 url(img/body.gif) no-repeat center top;
color:#444;
font:normal 62.5% "Lucida Sans Unicode","Lucida Grande",sans-serif;
padding-top:40px;
}
.outerouter{
}
p,code,ul{
padding-bottom:1.2em;
}
li{
list-style:none;
}
h1{
font:normal 1.7em Lucida Sans Unicode,Lucida Grande,sans-serif;
}
h2{
font:bold 1.5em Lucida Sans Unicode,Lucida Grande,sans-serif;
}
h3{
font:bold 1.2em Lucida Sans Unicode,Lucida Grande,sans-serif;
}
h4{
font:bold 0.9em Lucida Sans Unicode,Lucida Grande,sans-serif;
}
h5{
font:normal 0.8em Lucida Sans Unicode,Lucida Grande,sans-serif;
}
form,input{
margin:0;
padding:0;
display:inline;
}
code{
background:#FFF;
border:1px solid #EEE;
border-left:6px solid #CCC;
color:#666;
display:block;
font:normal 1em Courier New,sans-serif;
line-height:1.6em;
margin-bottom:12px;
padding:8px 10px;
white-space:pre;
}
blockquote{
background:url(img/quote.gif) no-repeat;
display:block;
font-weight:bold;
padding-left:28px;
}
h1,h2,h3,h4,h5{
padding-top:6px;
color:#62200F;
margin-bottom:4px;
}

/* misc */
.clearer{
clear:both;
font-size:0;
}
.left{
float:left;
}
.right{
float:right;
}

#postnavigation{
height:20px;
margin-bottom:10px;
text-align:center;
color:Gray;
}

/* structure */
.inner-container{
border:#000000;
background:#EEE8DB;
font-size:1.2em;
margin:0 auto;
padding:10px;
width:780px;
}
.outer-container{
background:url( 'img/container.gif' ) no-repeat center bottom;
padding-bottom:60px;
}

/* headere & title */
.header{
background:#71634A url( 'img/header.jpg' ) no-repeat;
height:160px;
margin-bottom:5px;
}
.header .title{
color:#FFF;
position:relative;
}
.header .title .sitename a{
color:#FFF;
font:normal 3em Lucida Sans Unicode,Lucida Grande,sans-serif;
padding-bottom:2px;
text-decoration:none;
}
.header .title .sitename{
position:absolute;
left:20px;
top:45px;
z-index:101;
}
.header .title .sitenameshadow{
color:#000;
opacity:.2;
filter:alpha(opacity=20);
font:normal 3em Lucida Sans Unicode,Lucida Grande,sans-serif;
padding-bottom:2px;
text-decoration:none;
position:absolute;
left:22px;
top:47px;
z-index:100;
}
.header .title a:hover{
}
.header .title .slogan{
font:normal 1.1em Lucida Sans Unicode,Lucida Grande,sans-serif;
padding-top:6px;
position:absolute;
left:22px;
top:85px;
}

/* footer */
.footer{
background:#745F4F;
color:#F7F7F2;
font:bold 1em;
margin-top:5px;
padding:10px 12px;
}
.footer a{
color:#F7F7F2;
text-decoration:none;
}
.footer a:hover{
color:#FDF;
background-color:Transparent;
}

/* main */
.main{
background:url(img/main.gif) repeat-y;
border-top:4px solid #EEE8DB;
padding:8px 12px 0 0;
}

/* path (horizontal navigation) */
.path{
background:#030001;
color:#FFF;
font:normal 1.1em Lucida Sans Unicode,Lucida Grande,sans-serif;
padding:0px 12px 0px 12px;
height:35px;
}
.path li,.path ul{
display:inline;
}
.path a{
color:#FAFAFA;
text-decoration:none;
margin-right:16px;
}
.path a:hover{
color:#E0D5BE;
background-color:Transparent;
text-decoration:underline;
}
.path .left{
float:left;
padding:9px 0px 0px 0px;
}
.path .right{
float:right;
padding:5px 0px 0px 0px;
text-align:right;
}
.path .right a{
margin-right:0px;
}
.adminpath{
background:#745F4F;
color:#FFF;
font:normal 1.1em Verdana,sans-serif;
padding:8px 12px;
border-top:1px solid #f5e9ee;
}
.adminpath h2{
font-weight:normal;
font-size:1em;
color:#FFF;
display:inline;
margin-right:15px;
}
.adminpath li,.adminpath ul{
display:inline;
}
.adminpath a{
color:#FAFAFA;
text-decoration:none;
margin-right:16px;
text-transform:capitalize;
}
.adminpath a:hover{
color:#FDF;
background-color:Transparent;
text-decoration:underline;
}

/* navigation */
.navigation{
float:left;
width:180px;
padding:0px 15px 0px 15px;
}
.navigation .block{
margin-bottom:14px;
}
.navigation h2{
color:#745F4F;
font:bold 1.1em Arial,sans-serif;
line-height:1.4em;
margin-bottom:6px;
padding-left:0px;
border-bottom:1px dashed #D2C2B2;
}
.navigation ul{
padding:0;
margin:0;
text-transform:capitalize;
}
.navigation li{
display:block;
font-size:1.1em;
color:#745F4F;/*display:block;*/
padding:2px 0 2px 0;
margin-left:12px;
border-bottom:1px dashed #D2C2B2;
text-decoration:none;
}
.navigation li a{
color:#99231E;
text-decoration:none;
}
.navigation li img{
padding-right:5px;
}
.navigation li a:hover{
color:#000000;
}

/* content */
.content{
float:right;
width:538px;
}
.content .descr{
color:#664;
font-size:1em;
margin-bottom:8px;
}
.content li{
list-style:url(img/li.gif);
margin-left:18px;
}
.content p{
font:1.1em/1.4em "Lucida Sans Unicode","Lucida Grande",sans-serif;
}

/* posts */
.post h1{
margin:0px 0px 10px 0px;
}
.post h1 a{
border-bottom:1px dashed #AAA;
color:#000000;
text-decoration:none;
padding-bottom:3px;
}
.post h1 a:hover{
border-color:#71634A;
background-color:#E0D5BE;
text-decoration:none;
color:#71634A;
}
.post{
margin:2px 0 2px;
}
.post .info{
background:#F5F5F5;
border:1px solid #E3E4E4;
color:#666;
margin:2px 0 10px 0;
padding:5px 10px;
}
.post img{
border:4px solid #DDD;
margin:4px 0;
}
.post a img{
border:4px solid #DDD;
}
.post a:hover img{
border-color:#CCC;
}
.info a{
text-decoration:none;
}
.info a:hover{
text-decoration:underline;
}
.post .info .transformtext{
text-transform:capitalize;
}
.post .info tr{
height:20px;
}
.post .info td p.feedburnerFlareBlock{
display:inline;
font-size:1em;
}

/* related posts */
#relatedPosts a{
display:block;
margin-top:5px;
margin-left:15px;
margin-bottom:5px;
font-size:1.2em;
}

/* comments */
.comment{
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
padding-top:5px;
margin-bottom:5px;
padding-bottom:0px;
}
.comment .date{
text-align:left;
margin:0;
padding:3px 0px;
}
.comment .author{
margin:0;
text-align:left;
padding-top:3px;
margin:5px 0px 3px 0px;
clear:both;
}
.self{
background-color:#F5F5F5;
}
.comment .gravatar{
float:right;
width:80px;
margin:5px 5px 5px 5px;
}
.comment .gravatar img{
height:80px;
width:80px;
}
.comment .content{
float:left;
min-height:85px;
width:440px;
margin:5px 0 0 0px;
}
.commentForm{
padding:5px;
}
.commentForm label{
float:left;
display:block;
width:80px;
}
.commentForm input{
width:130px;
}
.commentForm textarea{
width:100%;
height:150px;
}

/* archive */
#archive{
padding:10px;
}

#archive h1{
margin:0;
padding-bottom:9px;
}

#archive h2{
border-bottom:1px solid silver;
padding-bottom:4px;
font-size:12px;
margin-bottom:10px;
}

#archive h2 img{
margin-right:3px;
}

#archive ul{
list-style-type:square;
margin:0 10px;
padding:10px;
}

#archive ul li{
margin-right:20px;
}

#archive table{
width:100%;
border-collapse:collapse;
}

#archive table td,#archive table th{
text-align:left;
}

#archive table td{
text-align:left;
border-bottom:1px solid #D8D8D8;
padding:2px 0;
}

#archive .date{
width:90px;
}

#archive .comments{
/*width:70px;*/
text-align:center;
}

#archive .rating{
/*width:70px;*/
text-align:center;
}

/* Tag cloud */
#tagcloud{
margin-bottom:10px;
white-space:normal;
}

#tagcloud li{
display:inline;
}

#tagcloud a{
margin-right:3px;
display:inline;
}

#tagcloud a.biggest{
font-size:20px;
}

#tagcloud a.big{
font-size:17px;
}

#tagcloud a.medium{
font-size:13px;
}

#tagcloud a.small{
font-size:12px;
}

#tagcloud a.smallest{
font-size:10px;
}

/* blogroll */
#blogroll{
font-size:1em;
border:0;
}
#blogroll ul li ul li{
font-size:.8em;
padding-left:10px;
border:0;
border-top:1px dashed #D2C2B2;
}

/* search */
#searchfield{
width:120px;
}
#searchcomments{
margin-right:4px;
}

/* star rating */
.rating p{
display:inline;
position:relative;
top:14px;
left:55px;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}

.star-rating li{
display:inline;
}

.star-rating a,.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
background-position:left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}

.star-rating a.two-stars{
width:40%;
z-index:5;
}

.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position:left center;
margin:0px;
}

/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
background-image:url(../../pics/star_small.gif);
line-height:10px;
height:10px;
}

/* contact */
#contact{
padding:10px;
}

#contact h1{
margin-top:0;
}

#contact label{
display:block;
padding-top:5px;
}

#contact input.field{
width:200px;
}

#contact textarea{
display:block;
overflow:auto;
width:75%;
height:150px;
margin:0;
}

/* code styles for CodeFormatter Extension*/
.csharpcode,.csharpcode pre
{
font-size:small;
color:black;
font-family:Consolas,"Courier New",Courier,Monospace;
background-color:#ffffff;
/*white-space:pre;*/
}

.csharpcode pre{ margin:0em}

.csharpcode .rem{ color:#008000}

.csharpcode .kwrd{ color:#0000ff}

.csharpcode .str{ color:#006080}

.csharpcode .op{ color:#0000c0}

.csharpcode .preproc{ color:#cc6633}

.csharpcode .asp{ background-color:#ffff00}

.csharpcode .html{ color:#800000}

.csharpcode .attr{ color:#ff0000}

.csharpcode .alt 
{
background-color:#f4f4f4;
width:100%;
margin:0em;
}

.csharpcode .lnum{ color:#606060}

/*----------------------------
Search page
----------------------------*/

.searchresult{
margin-bottom:20px;
}

.searchresult a{
font-weight:bold;
}

.searchresult span.text{
clear:both;
display:block;
margin:3px 0;
}

.searchresult span.type{
display:block;
}

.searchresult span.url{
color:Gray;
}

.searchpage ul.paging{
 list-style-type:none;
 margin:0px;
 margin-bottom:20px;
 padding:0px;
}

.searchpage ul.paging li{
 display:inline;
 border:1px solid gray;
 background:#f1f1f1;
 margin-right:5px;
}

.searchpage ul.paging li a{
 padding:5px 8px;
}

.searchpage ul.paging li.active{
 background:#f1f1f1;
 border:1px solid black;
}

/*----------------------------
Syntax highlighter
----------------------------*/

.code
{
font-size:12px;
color:black;
font-family:Consolas,"Courier New",Courier,Monospace;
background-color:#F1F1F1;
line-height:normal;
}

.code p{
padding:5px;
}

.code .rem{ color:#008000}

.code .kwrd{ color:#0000ff}

.code .str{ color:#006080}

.code .op{ color:#0000c0}

.code .preproc{ color:#0000ff}

.code .asp{ background-color:#ffff00}

.code .html{ color:#800000}

.code .attr{ color:#ff0000}

.code .alt{background-color:#f4f4f4}

.code .lnum{ color:#606060}

/*----------------------------
XFN tags
----------------------------*/

div.post .entry a[rel]{
padding-right:11px;
background-repeat:no-repeat;
background-position:right center;
}
div.post .entry a[rel="me"]{
background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .entry a[rel~="contact"] ,
div.post .entry a[rel~="acquaintance"],
div.post .entry a[rel~="friend"]{
background-image:url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .entry a[rel~="contact"][rel~="met"] ,
div.post .entry a[rel~="acquaintance"][rel~="met"] ,
div.post .entry a[rel~="friend"][rel~="met"]{
background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .entry a[rel~="colleague"] ,
div.post .entry a[rel~="co-worker"]{
background-image:url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .entry a[rel~="colleague"][rel~="met"] ,
div.post .entry a[rel~="co-worker"][rel~="met"]{
background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .entry a[rel~="muse"] ,
div.post .entry a[rel~="crush"] ,
div.post .entry a[rel~="date"] ,
a[rel~="sweetheart"]{
background-image:url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .entry a[rel~="muse"][rel~="met"] ,
div.post .entry a[rel~="crush"][rel~="met"] ,
div.post .entry a[rel~="date"][rel~="met"] ,
div.post .entry a[rel~="sweetheart"][rel~="met"]{
background-image:url('../../pics/xfn/sweetMet.gif');
}