/*
Theme Name: Try
Theme URI: http://simplesmile.de
Description: Try Theme by <a href="http://enrique-ramirez.com/">Enrique Ramirez</a>
Version: 1.2
Author: Enrico Gollnow
Author URI: http://www.smileydesign.net
*/


/* Body */  
     body {  
         background: #F5F4EF;  
         color: #000305;  
         font-size: 87.5%; /* Base font size: 14px */  
         font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;  
         line-height: 1.429em;  
         margin: 0;  
         padding: 0;  
         text-align: left;  
    } 
    
/* Headings */  
 h2 {font-size: 1.571em} /* 22px */  
 h3 {font-size: 1.429em} /* 20px */  
 h4 {font-size: 1.286em} /* 18px */  
 h5 {font-size: 1.143em} /* 16px */  
 h6 {font-size: 1em} /* 14px */  
   
 h2, h3, h4, h5, h6 {  
     font-weight: 400;  
     line-height: 1.1;  
     margin-bottom: .8em;  
 }  
   
 /* Anchors */  
 a {outline: 0;}  
 a img {border: 0px; text-decoration: none;}   
 a:link, a:visited {  
     color: #C74350;  
     padding: 0 1px;  
     text-decoration: underline;  
 }  
 a:hover, a:active {  
     background-color: #C74350;  
     color: #fff;  
     text-decoration: none;  
     text-shadow: 1px 1px 1px #333;  
 }  
   
/* Paragraphs */  
 p {margin-bottom: 1.143em;}  
 * p:last-child {margin-bottom: 0;}  
   
 strong, b {font-weight: bold;}  
 em, i {font-style: italic;}  
   
 ::-moz-selection {background: #F6CF74; color: #fff;}  
 ::selection {background: #F6CF74; color: #fff;}  
   
img { 
  padding: 0; 
  margin: 0; 
  border: none; 
  text-align: center;
  } 
   
 /* Tables */  
 table {margin: .5em auto 1.5em auto; width: 98%;}  
   
     /* Thead */  
     thead th {padding: .5em .4em; text-align: left;}  
     thead td {}  
   
     /* Tbody */  
     tbody td {padding: .5em .4em;}  
     tbody th {}  
   
     tbody .alt td {}  
     tbody .alt th {}  
   
     /* Tfoot */  
     tfoot th {}  
     tfoot td {}  

	
/* 
     Header 
*****************/  
#banner {  
     margin: 0 auto;  
     padding: 0 0 0 0;  
 }  
   
/* Banner */  
     #banner h1 {font-size: 3.571em; line-height: 1em;}  
     #banner h1 a:link, #banner h1 a:visited {  
         color: #000305;  
         display: block;  
         font-weight: bold;  
         margin: 0 0 .6em .2em;  
         text-decoration: none;  
         width: 750px;  
     }  
     #banner h1 a:hover, #banner h1 a:active {  
          background: none;  
          color: #C74350;  
          text-shadow: none;  
     }  
     #banner h1 strong {font-size: 0.36em; font-weight: normal;} 
     #banner h1 img.logo {margin-top: 0; margin-bottom: -2em; float: right;}  	

 /* Main Nav */  
 #navi {  
     background: #000305;  
     font-size: 1.143em;  
     height: 40px;  
     line-height: 30px;  
     margin: 0 auto 2em auto;  
     padding: 0;  
     text-align: center;  
     width: 800px;  
   
     border-radius: 5px;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px;  
  }  
     
   #navi ul {list-style: none; margin: 0 auto; padding: 0; width: 800px;}  
   #navi li {float: left; display: inline; margin: 0; padding: 0;}   
     
      #navi a:link, #navi a:visited {  
      color: #fff;  
      display: inline-block;  
      height: 30px;  
      padding: 5px 1.5em;  
      text-decoration: none;  
  }  
     #navi a:hover, #navi a:active,  
     #navi .active a:link, #navi .active a:visited {  
     background: #C74451;  
     color: #fff;  
     text-shadow: none !important;  
  }  
   
     #navi li:first-child a {  
     border-top-left-radius: 5px;  
     -moz-border-radius-topleft: 5px;  
     -webkit-border-top-left-radius: 5px;  
     
     border-bottom-left-radius: 5px;  
     -moz-border-radius-bottomleft: 5px;  
     -webkit-border-bottom-left-radius: 5px;  
} 

/* 
     headview 
*****************/
.headview { 
  width: 800px;
  clear: both;
  margin: 0;
  padding: 0;
  background: #fff;
  
  border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;
	}

/* 
     Featured 
*****************/  
 .featuredleft {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px;
     margin-right: 2em;  
     width: 250px;
     float: left;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 } 

 .featuredmiddle {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 10px;  
     width: 440px;
     float: right;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 } 
     
    
 .featuredmiddle h2 {color: #C74451; font-size: 1.714em; margin-bottom: 0.333em;}  
 

/* 
     Smiley of the month 
*****************/  
 div.sotm {
  padding: 0 .5em;
  margin: 0 .3em;
  }
div.sotm  h2 {
  line-height: .3em;
	font-weight: bold;
	font-size: 1.1em;
  padding: 0 0 0 1em;
  }
div.sotm ul {
  width: 150px;
  height: 60px;
  border: 1px solid #E0E0D5;
  list-style: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

  }
div.sotm ul li {
  list-style: none;
  background: transparent url(http://www.smileydesign.net/img/monat.gif) no-repeat center center;
  padding: 2em;
  margin-right: 3.5em;
  }
  
/* 
     Smiley of the year
*****************/  
 div.soty {
  padding: 0 .5em;
  margin: 0 .3em;
  margin-top: -7.1em;
  margin-right: .3em;
  margin-left: .3em;
  margin-bottom: 0;
  float: right;
  }
div.soty  h2 {
  line-height: .3em;
	font-weight: bold;
	font-size: 1.1em;
  padding: 0 0 0 1em;
  }
div.soty ul {
  width: 150px;
  height: 60px;
  border: 1px solid #E0E0D5;
  list-style: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

  }
div.soty ul li {
  list-style: none;
  background: transparent url(http://www.smileydesign.net/img/year.gif) no-repeat center center;
  padding: 2em;
  margin-right: 3.5em;
  }
  
 /* 
     Search 
*****************/  
 div.search {
  padding: 1em 1.2em;
  margin: 2em .94em 0 .94em;
  }

#s {
  width: 24.3em;
  background: #000305 url(img/search.gif) 5px center no-repeat;
  font-size: 1em;
	color: #fff;
	border: none;
	padding: .5em .5em .5em 2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
 
 /* 
     Body 
*****************/  
 #content {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }  
 
  #search {   
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 } 
 
 #recentcomments {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }
 
 #question {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }  
 
 #article {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }
 
 .articles {  
     background: #fff;    
     overflow: hidden;  
     padding: 20px 20px;  
     clear: both; 
     margin: 0 auto 2em auto; 
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }
 
 #comments {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }
 
 #info {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }
 
 #results {  
     background: #fff;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px 20px;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }
 
 .searchview {  
     background: #fff;    
     overflow: hidden;  
     padding: 20px 20px;  
     clear: both; 
     margin: 0 auto 2em auto; 
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }

ul.archive {   
     list-style: none;  
 } 
ul.archive li {  
 float: left;
 padding: .2em;
 }
ul.archive li a {  
 background-repeat: no-repeat;  
 background-position: 6px 8px;  
 padding-left: 15px; 
 background-image: url('img/list.gif');
 }

/* HTML5 tags */  
    header, section, footer, aside, nav, article, figure {  
     display: block;  
    }  
/***** Layout *****/  
 .body {clear: both; margin: 0 auto; width: 800px;}  
 img.right figure.right {float: right; margin: 0 0 2em 2em;}  
 img.left, figure.left {float: right; margin: 0 0 2em 2em;} 
 
 
/***** Post *****/ 
.PostHead { 
  margin: 0; 
  padding: 0;
  }
.PostHead h2, h3 { 
  line-height: 1.5em;
	font-weight: bold;
	font-family: Arial;
	color: #291e12;
	border: none;
  padding: 0; 
  margin: 0; 
  }
.PostHead h2 a, h3 a { 
  padding: .1em .3em 0 .7em;
  margin-left: -.45em;
  color: #C74451;
  background: none;
  text-decoration: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.PostHead h2 a:visited, h3 a:visited { 
  padding: .1em .3em 0 .7em;
  margin-left: -.45em;
  color: #C74451;
  background: none; 
  text-decoration: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.PostHead h2 a:hover, h3 a:hover { 
  padding: .1em .3em 0 .7em;
  margin-left: -.45em;
  background: none; 
  color: #000305; 
  text-decoration: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.PostHead h2.search a, h3.search a { 
  padding: .1em .3em;
  margin: 0;
  background: #C74451;
  color: #fff; 
  text-decoration: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.PostHead h2.search a:visited, h3.search a:visited { 
  padding: .1em .3em;
  margin: 0;
  background: #C74451;
  color: #fff; 
  text-decoration: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.PostHead h2.search a:hover, h3.search a:hover { 
  padding: .1em .3em;
  margin: 0;
  color: #C74451;
  background: #fff; 
  text-decoration: none;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }

 
.PostTime {
  float: right; 
  padding: 0; 
  margin: -1.7em .7em 0 0; 
  font-family: Georgia;
  font-style: italic;
  font-size: 1.2em;
  color: #C74451;
  }
.PostTime strong { 
  display: block; 
  line-height: 1.5em; 
  }


.PostHead small {
  padding: 0; 
  margin: 0; 
  display: block
  }
.PostAutor { 
  padding: 0 .7em .5em .5em; 
  line-height: 1.5em; 
  }
  
.PostContent { 
  margin-top: -.5em;
  padding: 0 .7em .5em .7em; 
  line-height: 1.5em; 
  }
.PostContent p { 
  font-size: 1.1em; 
  line-height: 1.6em; 
  }
.PostContent p.vote { 
  text-align: center;
  }
.PostContent p strong {
  }
.PostContent img {
  border: none;
  }
.PostContent ol { 
  padding: 0 0 1em 0; 
  margin: 0; 
  }
.PostContent ol li { 
  margin-left: 3.5em;
  padding: 0 0 0 0;  
  line-height: 1.6em;
  font-size: 1.2em;
  }
.PostContent ul { 
  padding: 0 0 1em 0; 
  margin: 0; 
  }
.PostContent ul li { 
  padding: 0 0 0 2.5em; 
  list-style-type: none; 
  background: url(img/list.gif) no-repeat 1.5em 0.7em; 
  line-height: 1.6em; 
  font-size: 1.2em; 
  font-family: Georgia, serif;
  color: #993366;
  }
span.bloc { 
  float: right; 
  margin-top: -3.25em;
  }	
.PostContent blockquote { 
  padding: 1.15em 40px; 
  color:#993366; 
  font-size: 1.05em;
  font-family: Georgia, serif;
  font-style: italic;
  background: url(img/quote.gif) 10px 0.75em no-repeat; 
  margin: 0.25em 0;
  }
.PostContent blockquote p { 
  font-size: 1.2em; 
  font-family: Georgia, serif;
  padding: 0px; 
  margin: 0px; 
  line-height: 1.6em;
  }
.PostContent blockquote li { 
  padding: 0.13em 0 0.13em 0.94em; 
  list-style-type: none; 
  }
	
.box {
	padding: .5em 0;
	margin-bottom: 1.5em;
  background-color: #EAEAE1;
  color:#543e26;
}
.box p { 
  color: #543e26;
  }
.boxinfo {
  margin: 0;
	padding: .5em 1em .5em 1em;
	margin-bottom: 1.5em;
  background-color: #000305;
  color:#fff;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}   
.highlight {
  padding: 1em 0 0 0;
  margin: .5em 0;
}
.show {
  padding: 0;
}
.showinfo {
  margin: 0;
  padding: 0 1em;
}
.showinfo p.overview {
  text-align: center;
}
.showinfo p.overview img { 
  line-height: 1.5em;
	border: 0;
	padding: 0 0 1em 0;
	margin: 0;
  }
.images {
  float: left;
  margin: 0 .5em .5em 0;
}
.images a {
  border: none; 
}
.images img {
  border: 4px solid #000305;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#emotetable {
	margin: 0;
	}
#emotetable-inner {
	clear: both;
	width: 50em;
	margin: 0 auto;
	padding: .5em 0 .5em 0;
	font-size: 1.2em;
	}
#emotetable dl {
	float: left;
	width: 30%;
	margin: 0;
	}
#emotetable dl dt {
	margin: 0;
	font-weight: bold;
	text-align: center;
	}
#emotetable dl dd {
	margin: 0;
	line-height: 1.4em;
	text-align: center;
	}

.PostComsearch { 
  padding-top: .5em;
  padding-bottom: 1em;
  padding-left: .94em;
  font-family: Georgia;
  font-style: italic;
  }
.PostComsearch ul { 
  padding: 0; 
  margin: 0;
  }
.PostComsearch li { 
  padding: 0.31em 0 0.31em 1.5em; 
  margin: 0 0.31em 0 0; 
  list-style: none; 
  display: inline;  
  line-height: 1em; 
  } 
.PostComsearch li a { 
  font-weight: bold; 
  text-decoration: none; 
  color: #e15f00;
  } 
.PostComsearch li a:visited { 
  font-weight: bold; 
  text-decoration: none; 
  color: #e15f00;
  }
.PostComsearch li a:hover { 
  font-weight: bold; 
  text-decoration: none; 
  color: #e15f00;
  background: none;
  }

.PostComsearch .Com { 
   
  }
.PostComsearch .Tags { 
  padding-left: 0;
  font-weight: bold;
  }
.PostComsearch .Tags a { 
  font-weight: normal;
  }
.PostComsearch .Tags a:hover { 
  font-weight: normal;
  background: none;
  }
.PostComsearch .Tags a:visited { 
  font-weight: normal;
  }
.PostCom {
  margin: 0; 
  padding-top: .5em;
  padding-bottom: 1em;
  padding-left: .94em;
    }
.PostCom ul { 
  padding: 0; 
  margin: 0;
  }
.PostCom li { 
  padding: 0.31em 0 0.31em 1.5em; 
  margin: 0 0.31em 0 0; 
  list-style: none; 
  display: inline; 
  line-height: 1em; 
  } 
.PostCom li a { 
  font-weight: bold; 
  text-decoration: none; 
  color: #C74451;
  } 
.PostCom li a:visited { 
  font-weight: bold; 
  text-decoration: none; 
  color: #C74451;
  }
.PostCom li a:hover { 
  font-weight: bold; 
  text-decoration: none; 
  color: #fff;
  background-color: #C74451;
  }
.PostCom .Com { 
  margin: 0;
  padding: 0; 
  }
.PostCom .Tags { 
  padding-left: 0;
  font-weight: bold;
  }
.PostCom .Tags a, .PostCom .Tags a:hover, .PostCom .Tags a:visited { 
  font-weight: normal;
  }
  
/* Post Navi */
.alignright {
	float: right;
	margin-right: 1.5em;
	margin-top: -1em;
	padding-bottom: 1em;
	}

.alignleft {
	float: left;
	margin-left: 1.5em;
	margin-top: -1em;
	padding-bottom: 1em;
	}

/* comment list
--------------------------------------------- */	
  
.bubble .com-entry {  
  margin-bottom: 2em;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.bubble .com-entry-bot { 
  background: #C74451; 
  padding: .5em .5em;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }

.bubble .com-con { 
  padding: 1em 1em;  
  line-height: 1.3em;
  margin-bottom: 1em;
  color: #000305; 
  }

.bubble .com-name { 
  font-weight: bold;
  font-size: 0.9em;
  }
.bubble .com-con a {  
  text-decoration: underline; 
  color: #fff;
  } 
.bubble .com-con a:visited { 
  text-decoration: underline; 
  color: #fff;
  }
.bubble .com-con a:hover {  
  text-decoration: none;  
     text-shadow: 1px 1px 1px #333; 
  color: #fff;
  background: #000305;
  }
  
.com-entry {  
  margin-bottom: 2em;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.com-entry-bot { 
  background: #F5F4EF; 
  padding: .5em .5em;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }

.com-con { 
  padding: 1em 1em; 
  line-height: 1.3em;
  margin-bottom: 1em; 
  }
.com-con em.awaiting { 
  color: #C74451;
  }

.com-name { 
  font-weight: bold;
  font-size: 0.9em;
  }

span.autor { 
  text-decoration: none; 
  line-height: 1.2em; 
  float: right; 
  font-weight: normal;
  letter-spacing: 0;
  }

.trackback-entry {  
  margin-bottom: 2em;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.trackback-entry-bot { 
  background: #fff; 
  padding: .5em .5em;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.trackback-con { 
  padding: 0 1em .3em 1em;  
  line-height: 1.6em;
  margin-bottom: 1em;   
  }
.trackback-con em.awaiting { 
  color: #C74451;
  }
.trackback-name { 
  font-weight: bold;
  font-size: 0.9em;
  }
span.trackbackautor { 
  text-decoration: none;
  line-height: 1.2em; 
  float: left; 
  font-weight: normal;
  letter-spacing: 0;
  }
  
/* comments form
--------------------------------------------- */
.Form {  
  padding: 0px 0px 10px 0px; 
  position: relative; 
  margin: 0px; 
  font-family: Verdana, serif;
  }
.Form form { 
  margin: 0; 
  padding: 0;
  }
.Form a { 
  text-decoration: underline;
  }
.Form p { 
  padding: 0px 0px 2px 0px; 
  margin: 0;  
  }
.Form p small strong { 
  font-weight: bold; 
  color: #000305;
  }
.Form p small { 
  font-size: .9em; 
  display: block; 
  padding: 6px 0px; 
  color:#6F6964;
  }
.Form .TextField { 
  background: #C74451; 
  border: solid 2px #C74451; 
  padding: 6px 6px 6px 6px; 
  font-size: 12px; 
  display: block;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.Form .TextAre { 
  background: #C74451;  
  border: solid 2px #C74451; 
  padding: 6px 6px 6px 6px; 
  font-size: 12px;

  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
  
.Form .SubmitComment {
	border: 1px solid #C74451;
	font-weight: bold;
	color: #fff;
	line-height: 1.2em;
	font-size: 1em;
	background: #C74451;
	padding: 0.3em 1.4em;
	 border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
p.button {
	margin-bottom: 0.7em;
}

#smilies_toolbar {
  margin-top: 0.5em;
  margin-bottom: 1em;
  }
#smilies_toolbar img {
  padding-right: 1em;
  }
 
/* Recent Comments
--------------------------------------------- */  
.TabContent ul { 
  padding: 0;
  margin: 0;
  }
.TabContent li {    
  font-family: Verdana, serif;
  line-height: 1.7em;
  list-style:none;
	padding: 0.2em 0.5em;
	display: block;
  }
.TabContent li a img { 
  border: none;
  }
 
/* Page Navi
--------------------------------------------- */
 
.Nav { 
  padding: 0; 
  margin: 0 0 2em 0;
  color:#C74451; 
  text-align: right;
  }
.Nav a { 
  padding: .3em 0.38em; 
  background: #fff;
  text-decoration: none;
  color: #C74451;
  font-weight: bold;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.Nav a:visited { 
  padding: .3em 0.38em; 
  background: #fff;
  text-decoration: none;
  color: #C74451;
  font-weight: bold;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.Nav a:hover { 
  padding: .3em 0.38em; 
  background: #C74451; 
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.Nav span { 
  padding: .3em 0.38em; 
  color:#C74451;  
  }
.Nav .on { 
  padding: .3em 0.38em; 
  background: #C74451;  
  font-style: normal;
  color:#fff;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
.Nav span.pages {
  background: #fff;
  margin-right: 0.38em;
  padding: .3em 0.38em;
  font-weight: bold;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }

 
/* 
     Extras 
*****************/  
 #extras {margin: 0 auto 3em auto; overflow: hidden;}  
   
 #extras ul {list-style: none; margin: 0; padding-left: 0;}  
 #extras li {border-bottom: 1px solid #fff;}  
 #extras h2 {  
     color: #C74350;  
     font-size: 1.429em;  
     margin-bottom: .25em;  
     padding: 0 3px;  
 }  
   
 #extras a:link, #extras a:visited {  
     color: #444;  
     display: block;  
     border-bottom: 1px solid #F4E3E3;  
     text-decoration: none;  
     padding: .3em .25em;  
 }
 
  #extras a:hover {  
     color: #fff;  
     display: block;  
     border-bottom: 1px solid #F4E3E3;  
     text-decoration: none;  
     padding: .3em .25em;  
 }    
   
     /* links */  
     #extras .links {  
         float: left;  
         width: 175px;  
     }
     
     /* archiv */  
     #extras .archiv {  
         float: left;  
         width: 175px;  
         padding: 0 20px 0 20px;
     }
     
     /* categories */  
     #extras .categories {  
         float: left;  
         width: 175px; 
         padding: 0 20px 0 20px; 
     }     
   
     /* Social */  
     #extras .social {  
         float: right;  
         width: 175px;  
    }  
    
     #extras div[class='social'] a {  
        background-repeat: no-repeat;  
        background-position: 3px 6px;  
        padding-left: 25px;  
    }  
     
    #extras li.delicious {  
        background-repeat: no-repeat;  
        background-position: 3px 6px;  
        background-image: url('img/delicious.png'); 
    }  
    
     #extras li.flickr {  
        background-repeat: no-repeat;  
        background-position: 3px 6px;
        background-image: url('img/flickr.gif'); 
    } 
    
     #extras li.rss {  
        background-repeat: no-repeat;  
        background-position: 3px 6px;
        background-image: url('img/rss.png'); 
    } 
    
     #extras li.twitter {  
        background-repeat: no-repeat;  
        background-position: 3px 6px;
        background-image: url('img/twitter.png'); 
    } 
    
    /* Icons */  
   .social a[href*='delicious.com/smileydesign'] {background-image: url('img/delicious.png');}   
   .social a[href*='flickr.com/photos/smileydesign'] {background-image: url('img/flickr.gif');}   
   .social a[href*='/feed/'] {background-image: url('img/rss.png');}  
   .social a[href*='twitter.com/smileydesign'] {background-image: url('img/twitter.png');}
   
    #extras div[class='links'] a {  
        background-repeat: no-repeat;  
        background-position: 3px 13px;  
        padding-left: 15px; 
        background-image: url('img/point.gif'); 
    }  
    
    #extras div[class='archiv'] a {  
        background-repeat: no-repeat;  
        background-position: 3px 13px;  
        padding-left: 15px; 
        background-image: url('img/point.gif'); 
    }  
    
    #extras div[class='categories'] a {  
        background-repeat: no-repeat;  
        background-position: 3px 13px;  
        padding-left: 15px; 
        background-image: url('img/point.gif'); 
    } 
   
    #extras li:last-child, /* last <li>*/  
    #extras li:last-child a /* <a> of last <li> */  
    {border: 0}  

/* 
     About 
*****************/  
 #about {  
     background: #fff;  
     font-style: normal;  
     margin-bottom: 2em;  
     overflow: hidden;  
     padding: 20px;  
     text-align: left;  
     width: 760px;  
   
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
 }  
   
 #about .primary {float: left; width: 165px;}  
 #about .primary strong {color: #C64350; display: block; font-size: 1.286em;}  
 #about .photo {float: left; margin: 5px 20px;}  
   
 #about .url:link, #about .url:visited {text-decoration: none;}  
   
 #about .bio {float: right; width: 400px;}  
   
/*      
      Footer 
*****************/  
 #contentinfo {padding-bottom: 2em; text-align: right;}  