/* 
title: smileydesign master styles
author: Enrico Gollnow
*/

/* import stylesheets*/
@import url(../css/ie.css); 
/* end import */
   
body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #3D2D1B;
	background: #f4f4ed;
	}

/* links */

a:link, a:visited {
	color: #8C2323;
	text-decoration: none;
	}
a:hover {
	color: #571616;
	}

/* more link */

a:link.more, a:visited.more {
	padding-right: 1.2em;
	background: url(../img/point.gif) no-repeat 100% .3em;
	color: #90ba6e;
	}
a:hover.more {
	background-image: url(../img/point_hov.gif);
	color: #75a053;
	}

/* structure 
--------------------------------------------- */

#smileydesign {	
	padding: 0;
	}
#wrap {
	padding: 3em 0 0 0;
	background: #f4f4ed;
	}
#wrap-inner {
	width: 84em;
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 1.1em;
	}
div.main {
	float: left;
	width: 59em;
	}
div.secondary {
	float: right;
	width: 24em;
	}
div.sidebar {
	float: right;
	width: 24em;
	}


/* header 
--------------------------------------------- */

#header {
	margin: 0;
	padding: 0;
	background: #291e12;
	}
#header-inner {
  position: relative;
	max-width: 84em;
	margin: 0 auto;
	font-size: 1.2em;
	background: #291e12;
	}
#logo {
  position: absolute;
	top: 1em;
	left: 2em;
	width: 73px;
	height: 74px;
	margin: 0;
	padding: 0 1em;
	}
#logo a,
#logo span {
	display: block;
	width: 73px;
	height: 74px;
	background: url(../img/smileydesignlogo.gif) no-repeat top left;
	}
#logo img {
	display: block;
	width: 0;
	}
#logo a:hover {
	display: block;
	width: 204px;
	height: 74px;
	background-image: url(../img/smileydesignlogohover.gif);
	}

/* headline */

h2#headline {
	margin: 0 0 2.5em 11em;
	padding: 3em 0 0 0;
	font-size: 1.2em; 
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8A8279;
	background: #291e12;
	}


/* navigation */

#nav ul {
	margin: 0 0 0 3em;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#nav ul li a {
	float: left;
	display: block;
	width: 10em;
	line-height: 1.3em;
	padding: .8em 1em .8em 1em;
	margin: 0;
	text-decoration: none;
	border: none;
	color: #8A8279;
	background: url(../img/nav-bg.gif) no-repeat bottom left;
	}
#nav ul li a strong {
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #aba7a2;
	}
#nav li a:hover {
	background: url(../img/nav-hover.gif) repeat-x bottom left;
	}
#nav li a.active {
	color: #8A8279;
	background: #2b1f13 url(../img/nav-on.gif) repeat-x bottom left;
	}
#nav ul li a:hover strong {	
	color: #fff;
	}
#nav ul li a.active strong {
	color: #fff;
	}

/* slogan 
--------------------------------------------- */

h1#slogan {
	margin: 0 0 5px 0; 
	padding: 10px 0 20px 0; 
	font-size: 3em; 
	font-weight: bold; 
	text-align: center; 
	border-bottom: 2px solid #e0e0d5;
	}
#slogan span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.4em;
	color: #75a053;
	line-height: .8;
	vertical-align: top;
	}

/* sitemap
--------------------------------------------- */
#sitemap {
	clear: both;
	width: 84em;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-bottom: 2px solid #e0e0d5;
	}
#sitemap p {
	margin-left: 0;
	padding-top: .5em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8f9195;
	}
#sitemap p a {
	color: #6E6863;
	}
#sitemap p a:hover {
	color: #75A053;
	}	

/* modules 
--------------------------------------------- */

div.mod {
	width: 59em;
	margin: 0;
	padding: 1em 0;
	}	
div.mod-body {
	width: 45em;
	margin: 0 1em 0 0;
	padding: 0;
	}
div.mod-body h2 {
	margin: -.1em 0 .4em 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
	}
div.mod-body p {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	
/* gallery view
--------------------------------------------- */

ul.snd {
	margin-left: 7.5em;
	padding: 0;
	list-style: none;
	}
ul.snd li {
	width: 15em;
	float: left;
	margin: 0 0 1em 0;
	padding: 0 1em 0 0;
	border: none;
	}
ul li.end {
	width: 13em;
	padding-left: 0;
	}
		
/* smiley page 
------------------- */
div.newpage {
  width: 56em;
	float: left;
	margin: 1em 0;
	padding: 1em 1.5em;
	border-bottom: 1px solid #e0e0d5;
	}
div.newpage p.pagesmiley1 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage01.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpage p.pagesmiley2 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage02.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpage p.pagesmiley3 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage03.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpage p.pagesmiley4 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage04.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpage p.pagesmiley5 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage05.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpage h2.smileypage {
	margin: -.1em 0 .4em 5.9em;
	padding: 0;
	font-size: 1.9em;
	font-weight: bold;
	color: #291e12;
	border: none;
	} 
div.newpage h2.smileypage a {
	display: block;
	color: #291e12;
	}
div.newpage h2.smileypage a:hover {
	color: #75A053;
	}
div.newpage p.description {
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	line-height: 1.5em;
	}
div.newpagelast {
  width: 56em;
	float: left;
	margin: 1em 0;
	padding: 1em 1.5em;
	}
div.newpagelast p.pagesmiley1 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage01.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpagelast p.pagesmiley2 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage02.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}
div.newpagelast p.pagesmiley3 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage03.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}
div.newpagelast p.pagesmiley4 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage04.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpagelast p.pagesmiley5 {
  width: 100px;
	height: 55px;
	background:#fff url(../img/newpage05.gif) no-repeat center center;
	overflow:hidden;
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px;
	border: solid 3px;
	border-color:#ECEBE5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.newpagelast h2.smileypage {
	margin: -.1em 0 .4em 5.9em;
	padding: 0;
	font-size: 1.9em;
	font-weight: bold;
	color: #291e12;
	border: none;
	} 
div.newpagelast h2.smileypage a {
	display: block;
	color: #291e12;
	}
div.newpagelast h2.smileypage a:hover {
	color: #75A053;
	}
div.newpagelast p.description {
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	line-height: 1.5em;
	}
	
/* smiley infos
------------------- */
div.smileyinfo {
	width: 55em;
	float: left;
	margin: .5em 0 0 0;
	padding: .5em 1.5em;
	}

div.smileyinfo p.info {
	padding: 1em 1.5em;
	color: #fff;
	border-top: 3px solid #75a053;
	border-bottom: 3px solid #75a053;
	background: #90ba6e;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	
/* smiley alerts
------------------- */
div.smileyalert {
	width: 55em;
	float: left;
	margin: .5em 0 0 0;
	padding: .5em 1.5em;
	}

div.smileyalert p.alert {
	padding: 1em 1.5em;
	color: #fff;
	border-top: 3px solid #8C2323;
	border-bottom: 3px solid #8C2323;
	background: #A33636;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	
/* gallery links
------------------- */
	
div.galleryleft {
  padding-left: 1em;
	float: left;
	width: 27em;
	}

div.galleryright {
  padding-right: 3em;
	float: right;
	width: 27em;
	}

ul.links {
	margin: 0;
	font-size: 1.1em;
	list-style: none;
	}
ul.links li {
	margin: 0;
	padding: 0;
	color: #91918e;
	border-bottom: 1px dashed #e0e0d5;
	overflow: hidden;
	}
ul li.last {
	margin-bottom: 1.5em;
	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% .5em;
	}
ul.links li a:hover {
	color:#75A053;
	background: #f9f9f4 url(../img/point_hov.gif) no-repeat 100% .5em;
	}
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% .5em;
	}
ul.links li a:hover.update {
	color:#75A053;
	background: #f9f9f4 url(../img/point_hov.gif) no-repeat 100% .5em;
	}
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% .5em;
	}
ul.links li a:hover.new {
	color:#75A053;
	background: #f9f9f4 url(../img/point_hov.gif) no-repeat 100% .5em;
	}

/* default site module 
--------------------------------------------- */
div.site {
	width: 48em;
	margin: 0px;
	padding: .5em 0;
	}
div.site div.mod-body {
	width: 44em;
	}
div.mod-body h1 {
	margin: 0;
	padding: 0;
	font-size: 1.9em;
	line-height: 1em;
	color: #291e12;
	}
div.mod-body h3 {
	margin: 0;
	padding: 0;
	font-size: 1.9em;
	line-height: 1em;
	color: #291e12;
	}
div.mod-body h3 a, a:active, a:link, a:hover {
	color: #291e12;
	}
div.site p {
	margin: .4em 0 0 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #8f9195;
	}

/* content
--------------------------------------------- */
div.content p.information {
    margin: 0;
	padding: 1em 2.5em 1.5em 2.5em;
	font-size: 1.4em;
	line-height: 1.5em;
	}
div.content h3.first {
	margin-left: 2.5em;
	padding: 0;
	line-height: 1.5em;
	}
div.content p.addcom {
	margin-left: 1.3em;
	margin-bottom: .5em;
  font-size: 1.4em;
	line-height: 1.5em;
	}
a.add {
  padding-right: 2em;
	background: url(../img/addcomment.gif) no-repeat 7.3em .2em;
	}
div.content p.addcom span.cave {
  padding-left: 3.3em;
	background: url(../img/cave.gif) no-repeat 1.9em .15em;
  }
a.out:link, a.out:visited {
	color: #8c2323;
	}
a.out:hover {
	color: #571616;
	}   
ul.info {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1.2em;
	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 .3em;
	}
p.confirm {
	padding: 1em 1.5em;
	color: #fff;
	border-top: 3px solid #75a053;
	border-bottom: 3px solid #75a053;
	background: #90ba6e;
	font-size: 1.2em;
	line-height: 1.5em;
}
p.check {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
}
p.inf {
	font-size: 1.2em;
	line-height: 1.5em;
}

/* smiley code 
------------------- */
div.smileycode {
  margin: 0 1em;
  line-height: 1.5em;
  font-size: 1.2m;
}

.smileycode .codefield { 
  color:#6E6863; 
  background: #F4F4ED; 
  border: solid 1px #E0E0D8; 
  padding: 6px; 
  font-size: 12px; 
  display: block;
  }


/* secondary 
--------------------------------------------- */

div.secondary {
	color: #646870;
	}
div.secondary h3 {
	margin: 0 0 .5em 0;
	padding: .5em 1em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #291e12;
	}
div.secondary h3#update {
	margin-top: 10px;
	border-top: none;
	}
div.secondary h3#sotm {
	margin-top: 10px;
	border-top: none;
	}
body#home div.secondary h3#featured {
	margin-top: 10px;
	}
div.secondary p {
	margin: 1em 1em 2.5em 1em;
	line-height: 1.5em;
	}
div.secondary p.smileyofthemonth {
	margin: 0 0 10px 15px;
	padding: 5px;
	height: 51px;
	background: transparent url(../img/monat.gif) no-repeat center;
	overflow: hidden;
	}
div.secondary p.smileyoftheyear {
	margin: 0 0 10px 15px;
	padding: 5px;
	height: 51px;
	background: transparent url(../img/year.gif) no-repeat center;
	overflow: hidden;
	}

/* img/desc lsts */

ul.lst {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	list-style: none;
	}
ul.lst 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.lst li a {
	display: block;
	padding: .5em 1em;
	line-height: 1.4em;
	color: #91918e;
	overflow: hidden;
	}
ul.lst li a strong {
	display: block;
	color: #6E6863;
	padding: .2em 0 .1em 0;
	}
ul.lst li a:hover, 
ul.lst li a:hover strong {
	color: #75a053;
	}
ul.lst li a:hover {
	background: #f9f9f4;
	}

ul.trd {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	list-style: none;
	}
ul.trd 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.trd li a {
	display: block;
	padding: .5em 1em;
	line-height: 1.4em;
	color: #91918e;
	overflow: hidden;
	}
ul.trd li a strong {
	display: block;
	color: #6E6863;
	padding: .2em 0 .1em 0;
	}
ul.trd li a:hover, 
ul.trd li a:hover strong {
	color: #e15f00;
	}
ul.trd li a:hover {
	background: #f9f9f4;
	}

ul.fth {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	list-style: none;
	}
ul.fth 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.fth li a {
	display: block;
	padding: .5em 1em;
	line-height: 1.4em;
	color: #91918e;
	overflow: hidden;
	}
ul.fth li a strong {
	display: block;
	color: #6E6863;
	padding: .2em 0 .1em 0;
	}
ul.fth li a:hover, 
ul.fth li a:hover strong {
	color: #e15f00;
	}
ul.fth li a:hover {
	background: #f9f9f4;
	}
	
/* info
--------------------------------------------- */

#info {
	margin: 20px 0 0 0;
	background: #d3d3c9;
	}
#info-inner {
	clear: both;
	max-width: 84em;
	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;
	}
.vevent .location {
	display: block;
	font-style: italic;
	}
hr, .hide {
	display: none;
	}
a img {
	border: none;
	}


/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }