/* 
title: Master screen for Smileydesign
author: Enrico Gollnow
*/

/* import stylesheets*/
@import url(../css/ie.css); 
/* end import */

body {
	margin: 0;
	padding: 0;
	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;    
	color: #3D2D1B;
	background: #f4f4ed;
	text-align: left;
	}

/* links */
a:link, a:visited {
	color: #3D2D1B;
	text-decoration: none;
	}
a:hover {
	color: #e15f00;
	}
	
/* more link */
a:link.more, a:visited.more {
	padding-right: .8em;
	background: url(../img/point.gif) no-repeat 100% .4em;
	color: #3D2D1B;
	}
a:hover.more {
	background-image: url(../img/point_hov.gif);
	color: #e15f00;
	}
/* rss link */
a:link.rss, a:visited.rss {
	padding-right: 1em;
	background: url(../img/rss.gif) no-repeat 100% .2em;
	color: #3D2D1B;
	}
a:hover.rss {
	background-image: url(../img/rss.gif);
	color: #e15f00;
	}
/* feedback link */
a:link.feed, a:visited.feed {
	padding-right: 1.4em;
	background: url(../img/addcomment.gif) no-repeat 100% .2em;
	color: #3D2D1B;
	}
a:hover.feed {
	background-image: url(../img/addcomment.gif);
	color: #C74350;
	}
/* allow link */
a:link.allow, a:visited.allow {
	padding-right: 1.4em;
	background: url(../img/cave.gif) no-repeat 100% .2em;
	color: #3D2D1B;
	}
a:hover.allow {
	background-image: url(../img/cave.gif);
	color: #e15f00;
	}	
/* download link */
a:link.download, a:visited.download {
	padding-right: 1.4em;
	background: url(../img/download.gif) no-repeat 100% .2em;
	color: #3D2D1B;
	}
a:hover.download {
	background-image: url(../img/download.gif);
	color: #e15f00;
	}	


/* structure */
#wrap {
	padding: 1em 0 0 0;
	background: #f4f4ed;
	}
#wrap-inner {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.1em;
	}
div.main {
	float: left;
	width: 630px;
	}
div.emoticons {
	float: left;
	width: 900px;
	}
div.sidebar {
	float: right;
	width: 250px;
	}
div.content {
	float: left;
	width: 900px;
	}
div.faq {
	float: left;
	width: 610px;
	}
div.contact {
	float: right;
	width: 270px;
	}

/* 
     Header 
*****************/  
#banner {  
     margin: 0 auto;  
     padding: 0 0 0 0;
     width: 900px;  
 }  
   
/* Banner */  
     #banner h1 {font-size: 3.571em; line-height: 1em;}  
     #banner h1 a:link, #banner h1 a:visited {  
         color: #291e12;  
         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: #e15f00;  
          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: #291e12;  
     font-size: 1.143em;  
     height: 40px;  
     line-height: 30px;  
     margin: 0 auto .5em auto;  
     padding: 0;  
     text-align: center;  
     width: 900px;  
   
     border-radius: 5px;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px;  
  }  
     
   #navi ul {list-style: none; margin: 0 auto; padding: 0; width: 900px;}  
   #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: #e15f00;  
     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;  
} 

/* motto */
h2#motto {
	margin: 0 0 5px 0; 
	padding: 0 0 20px 0; 
	font-family: Georgia;
	font-style: italic;
	font-size: 2em; 
	font-weight: bold; 
	text-align: center; 
	}
#motto span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.4em;
	color: #e15f00;
	}
p.motin {
  margin: 0 0 5px 0; 
	padding: 0 0 20px 0; 
	font-size: 1.15em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #786048;	
	text-align: center;
	border-bottom: 2px solid #e0e0d5;
	}
	
/* sitemap */
#sitemap {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-bottom: 2px solid #e0e0d5;
	}
#sitemap p {
	padding-left: .5em;
	font-size: .7em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8f9195;
	}
#sitemap p a {
	color: #6E6863;
	}
#sitemap p a:hover {
	color: #e15f00;
	}	

/* content */
p.info {
  margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #786048;
	}
p.exinf {
  margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #786048;
	}
p.coninf {
  margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #786048;
	}		

div.content h2, div.emoticons h2 {
	margin: 0;
	padding: .5em 0 .5em 0;
	font-size: 2em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	}
div.content h3 {
  margin: 0;
	padding: .5em 1.5em 0 .2em;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #3D2D1B;
	text-align: center;
	}
div.content h4, div.contact h4 {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #3D2D1B;
	}
div.content h6, div.contact h6 {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #3D2D1B;
	}
div.faq h5 {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #3D2D1B;
	}
div.contact p, div.faq p {
  margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #786048;
	}


/* 404 error */	
ul.info {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1.2em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	}
ul.info li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
	background: url(../img/point.gif) no-repeat 0 .4em;
	}
ul.info li a:link, a:visited {
	color: #3D2D1B;
	}
ul.info li a:link, a:hover {
	color: #e15f00;
	}	

/* smiley code */
div.smileycode {
  margin: 0 1em 0 9em;
  line-height: 1.5em;
  font-size: 1em;
}
.smileycode .codefield { 
  color:#6E6863; 
  background: #E0E0D8; 
  border: solid 3px #E0E0D8; 
  padding: 6px; 
  font-size: 12px; 
  display: block;
  border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  }
	
/* gallery view */
ul.view {
  clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.view li {
	width: 5em;
	float: left;
	margin: 0;
	padding: 0 .5em 0 0;
	border: none;
	}
ul.view li.end {
	width: 3.5em;
	padding-left: .5em;
	}

/* gallery links */
div.gallleft {
  margin: 0;
	float: left;
	width: 12.5em;
	}
div.gallleft img, div.gallmiddle img, div.gallright img {
  background: #e0e0d5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.gallmiddle {
  padding-right: 0.63em;
  padding-left: 0.63em;
	float: left;
	width: 12.5em;
	}
div.gallright {
  padding-right: 0.63em;
	float: right;
	width: 12.5em;
	}
p.gall {
  margin: 0;
	padding-left: 1.5em;
	font-family: Georgia;
	font-size: 2em;
	line-height: 1.5em;
	font-style: italic;
	color: #3D2D1B;
	}
ul.links {
	margin: 0;
	font-size: 1em;
	list-style: none;
	}
ul.links em {
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 1.5em;
	color: #e15f00;
	}
ul.links li {
	margin: 0;
	padding: 0;
	color: #91918e;
	border-bottom: 1px dashed #e0e0d5;
	overflow: hidden;
	}
ul li.last {
	margin-bottom: 1em;
	padding-bottom: 0;
	border: none;
	clear: both;
	}	
ul.links li a {
	display: block;
	padding: .5em .5em;
	line-height: 1.4em;
	color: #6E6863;
	background: url(../img/point.gif) no-repeat 100% .8em;
	}
ul.links li img {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	padding: 5px;
	}
ul.links li a:hover {
	color:#e15f00;
	background: #f9f9f4 url(../img/point_hov.gif) no-repeat 100% .8em;
	}
ul.links li a.update {
	display: block;
	padding: .5em .5em;
	line-height: 1.4em;
	color: #6E6863;
	background: url(../img/point_upd.gif) no-repeat 100% .8em;
	}
ul.links li a:hover.update {
	color:#e15f00;
	background: #f9f9f4 url(../img/point_hov.gif) no-repeat 100% .8em;
	}
ul.links li a.new {
	display: block;
	padding: .5em .5em;
	line-height: 1.4em;
	color: #6E6863;
	background: url(../img/point_new.gif) no-repeat 100% .8em;
	}
ul.links li a:hover.new {
	color:#e15f00;
	background: #f9f9f4 url(../img/point_hov.gif) no-repeat 100% .8em;
	}
	
/* do's and don't  */
p.do {
  clear: both;
  margin: 0;
	padding: 0 0 1em 0;
	font-family: Georgia;
	font-size: 2em;
	line-height: 1.5em;
	font-style: italic;
	text-align: center;
	color: #75a053;
	}
p.dont {
  clear: both;
  margin: 0;
	padding: 0 0 1em 0;
	font-family: Georgia;
	font-size: 2em;
	line-height: 1.5em;
	font-style: italic;
	text-align: center;
	color: #8C2323;
	}
div.contact h4.do, div.content h4.do  {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #75a053;
	}
div.contact h6.do, div.content h6.do  {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #75a053;
	}
div.contact p.dosmall, div.content p.dosmall {
  margin: 0;
	padding: 0;
	font-family: Georgia;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #75a053;
	}	
div.contact h4.dont, div.content h4.dont {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #8C2323;
	}
div.contact h6.dont, div.content h6.dont {
  margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.5em;
	color: #8C2323;
	}
div.contact p.dontsmall, div.content p.dontsmall  {
  margin: 0;
	padding: 0;
	font-family: Georgia;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #8C2323;
	}	

/* brandnew smileys */
div.sidebar p.smiley01 {
	width: 225px;
	height: 55px;
	background:#fff url(../img/newpage01.gif) no-repeat center center;
	overflow:hidden;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.sidebar p.smiley02 {
	width: 225px;
	height: 55px;
	background:#fff url(../img/newpage02.gif) no-repeat center center;
	overflow:hidden;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.sidebar p.smiley03 {
	width: 225px;
	height: 55px;
	background:#fff url(../img/newpage03.gif) no-repeat center center;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}	
div.sidebar span {
	margin: 0;
	padding: 0;
	font-size: .8em;
	color: #91918e;
	text-align: center;
	}
div.sidebar span a {
	display: block;
	padding: 3.1em 0 0 0;
	line-height: 1.5em;
	color: #91918e;
	}
div.sidebar span a strong {
	color: #6E6863;
	}
div.sidebar span a:hover, 
div.sidebar span a:hover strong {
	color: #e15f00;
	}
div.sidebar span a:hover {
	background: #f9f9f4;
	}

/* sidebar */
div.sidebar {
	color: #84827b;
	}
div.sidebar h3 {
	margin: 0;
	padding: .5em 0;
	font-size: 1em;
	font-weight: bold;
	font-family: Georgia;
	font-style: italic;
	color: #291e12;
	clear:both;
	}

/* sidebar index links */	
ul.red {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
	}
ul.red li {
	margin: 0;
	padding: 0;
	color: #91918e;
	border-bottom: 1px dashed #e0e0d5;
	overflow: hidden;
	}
ul li.last {
	margin-bottom: 1em;
	padding-bottom: 0;
	border: none;
	}
ul.red li a {
	display: block;
	padding: .5em 1em;
	line-height: 1.4em;
	color: #91918e;
	overflow: hidden;
	}
ul.red li a strong {
	display: block;
	color: #6E6863;
	padding: .2em 0 .1em 0;
	}
ul.red li a:hover, 
ul.red li a:hover strong {
	color: #C74350;
	}
ul.red li a:hover {
	background: #f9f9f4;
	}

ul.orange {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
	}
ul.orange li {
	margin: 0;
	padding: 0;
	color: #91918e;
	border-bottom: 1px dashed #e0e0d5;
	overflow: hidden;
	}
ul li.last {
	margin-bottom: 1em;
	padding-bottom: 0;
	border: none;
	}
ul.orange li a {
	display: block;
	padding: .5em 1em;
	line-height: 1.4em;
	color: #91918e;
	overflow: hidden;
	}
ul.orange li a strong {
	display: block;
	color: #6E6863;
	padding: .2em 0 .1em 0;
	}
ul.orange li a:hover, 
ul.orange li a:hover strong {
	color: #e15f00;
	}
ul.orange li a:hover {
	background: #f9f9f4;
	}
	
/* 
     Extras 
*****************/  
 #extras {margin: 20px auto 0 auto; overflow: hidden; width: 900px; background: #d3d3c9; padding: 1.5em 0 1.5em 0; font-size: 1.2em;
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;    }  
   
 #extras ul {list-style: none; margin: 0; padding-left: 0;}  
 #extras li {margin: 0 0 .4em 0; font-weight: bold; line-height: 1.4em;}  
 #extras h2 {  
     margin: 0 0 .4em 0;
	   font-size: 1em;
	   font-weight: bold;
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   line-height: 1.4em;
	   color: #291e12;
 }
  #extras h4 {  
     margin: 0 0 .4em 0;
	   font-size: 1em;
	   font-weight: bold;
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   line-height: 1.4em;
	   color: #291e12;
 }  
     
   
 #extras a:link, #extras a:visited {  
     color: #84827b;  
     display: block;   
 }
 
  #extras a:hover {  
     color: #291e12;  
     display: block;    
 }    
   
     /* links */  
     #extras .sd {  
         float: left;
         padding-left: 20px;  
         width: 200px;  
     }
     
     /* archiv */  
     #extras .elswhere {  
         float: left;  
         width: 190px;  
         padding: 0 0 0 20px;
     }
     
     /* categories */  
     #extras .sotm {  
         float: left;  
         width: 210px; 
         padding: 0 20px 0 20px; 
     }     
   
     /* Social */  
     #extras .soty {  
         float: right;  
         width: 200px;  
    }  

/* the best smileys */
#extras p.monthfoot {
	width: 100px;
	height: 55px;
	background:#fff url(../img/monat.gif) no-repeat center center;
	overflow:hidden;
	border: solid 3px;
	border-color:#ECEBE5;
	margin: 0 0 0 2.5em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#extras p.yearfoot {
	width: 100px;
	height: 55px;
	background:#fff url(../img/year.gif) no-repeat center center;
	overflow:hidden;
	border: solid 3px;
	border-color:#ECEBE5;
	margin: 0 0 0 2.5em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

/* info */
#info {
	margin: 20px 0 0 0;
	background: #d3d3c9;
	}
#info-inner {
	clear: both;
	max-width: 900px;
	margin: 0 auto;
	padding: 2.5em 2em 1.5em 2em;
	font-size: 1.2em;
	}
#info dl {
	float: left;
	width: 20%;
	margin: 0 0 0 3.5em;
	}
#info dl dt {
	margin: 0 0 .4em .8em;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.4em;
	color: #291e12;
	}
#info dl dd {
	margin: 0 0 .4em .8em;
	font-weight: bold;
	line-height: 1.4em;
	}
#info dl dd a {
	color: #84827b;
	}
#info dl dd a:hover {
	color: #291e12;
	}
#info dl dd a strong {
	display: block;
	font-size: 1.1em;
	padding: 2px 0 0 0;
	color: #84827b;
	}

/* footer */
#footer {
	position: relative;
	max-width: 84em;
	margin: 0 auto;
	color: #84827b;
	}
#footer p {
	margin: .5em 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	}
#footer strong {	
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #291e12;
  }
/* misc. */

.by {
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
	}
hr, .hide {
	display: none;
	}
a img {
	border: none;
	}


/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }