/*!
* File: screen.css
*
* @site           shenming.de
* @copyright      (c) SHENMING - Yeung Tai Chi Chuan Schule Calogero Randazzo
* @author         Dave Burkhart
* @link           hidave.de
* @version        3.0
*
* @lastmodified   2011-06-23 17:25
*/


/* reset
*/
html, body, div, ul, ol {
  font-size: 100%;
  margin: 0;
  padding: 0;
  }
img {
  border: 0;
  }
a:link,
a:visited,
a:hover {
  color: #000;
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }


/* master
*/
body {
  font: 15px/23px Arial, sans-serif;
  color: #444;
  background: #fff;
  }

h2,
h3 {
  font-weight: normal;
  color: #000;
  }
h2 {
  font: 30px Times, Serif;
  font-style: italic;
  text-align: center;
  margin: 0 0 50px;
  }
h3 {
  font-size: 17px;
  margin: 0 0 10px;
  }
p {
  margin: 0 0 20px;
  }
em {
  color: #000;
  }
blockquote {
  margin: 0;
  }
ul {
  margin: 0 0 0 18px;
  }

::selection {
  background: #fff7d7;
  }
::-moz-selection {
  background: #fff7d7;
  }
img::selection {
  background: transparent;
  }
img::-moz-selection {
  background: transparent;
  }


/* wrap
*/
#wrap {
  width: 688px;
  margin: 0 auto;
  }


/* header
*/
#header {
  text-align: center;
  }
h1#logo a {
  display: block;
  margin: 40px 0;
  }
p.nav {
  font: 16px Times, Serif;
  font-style: italic;
  padding: 0 0 50px;
  border-bottom: 1px solid #000;
  }

/* content
*/
#content {
  float: left;
  width: 588px;
  margin: 50px 0;
  padding: 0 50px;
  }
#content p.note {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  margin: 50px 0 0;
  }
#contactform {
  font-size: 14px;
  width: 320px;
  margin: 40px auto 0 auto;
  padding: 20px 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  }
#contactform ul {
  font-style: italic;
  list-style: none;
  margin: 0 0 10px;
  background: #fff7d7;
  }
#contactform div.zemThanks {
  background: #fff7d7;
  }
#contactform p {
  line-height: normal;
  margin: 0;
  }
#contactform p.mail {
  margin: 15px 0 0;
  }


/* footer
*/
#footer {
  clear: both;
  font-size: 13px;
  text-align: center;
  line-height: 21px;
  color: #777;
  padding: 10px 0;
  border-top: 1px solid #000;
  }
#footer p.sub {
  font: 14px Times, Serif;
  font-style: italic;
  }


/* mobile 320px
*/
@media only screen and (max-width: 767px) {
#wrap,
#content,
#content img.tree {
  width: 300px;
  }
#content {
  padding: 0;
  }
#contactform {
  padding: 15px 0;
  }
}


/* mobile 480px
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrap {
  width: 470px;
  }
#content {
  width: 430px;
  padding: 0 20px;
  }
#content img.tree {
  width: 430px;
  }
}