/*
Theme Name: StopStart Theme
Theme URI: http://stopstart.de/
Description: StopStart Basic Theme, Design by Kyle Florence <a href="http://kflorence.com">kflorence</a>
Version: 0.1
Author: Jiannan Fu
Author URI: http://stopstart.de/

    stopstart v0.1
    http://stopstart.de/

    Designed by Kyle Florence,
    WordPress Theme Build by Jiannan Fu
    Whose blog you will find at http://stopstart.de/

*/
a:link, a:active, a:visited {
  color: #577da1;
  text-decoration: none;
}
a:hover {
  color: #577da1;
  border-bottom: #777 1px dotted;
}
input:focus, textarea:focus, label:focus {
    background: white;
    border: 1px solid #577da1;
}
body {
    margin: 0;
    padding: 0;
    font-family: verdana, sans-serif;
    font-size: 10px;
    color: #333;
    background: #c7c2bc url(images/background.jpg) repeat-y 50% 0%;
}
#page {
    background-color: white;
    text-align: left;
}
#header {
  margin: 0 auto;
  padding: 0;
  height: 190px;
  background: transparent url(images/header.jpg) no-repeat 50% 0%;
}
#headernav A:link, #headernav A:active, #headernav A:visited {
  color: #fff;
  text-decoration: none;
}
#headernav A:hover {
  border-bottom: #7896BA 3px solid;
}
#headernav {
  margin: 0 auto;
  padding: 0;
  width: 728px;
  background: transparent;
}
#headernav ul {
  margin: 0;
  padding: 117px 0 0 0;
  float: right;
}
#headernav li {
  margin: 1px;
  padding: 5px;
  display: inline;
  list-style: none;
}
#container {
  margin: 0 auto;
  padding: 0;
  width:738px;
  background: transparent;
}
#content {
    margin:0;
    padding: 0 0 0 10px;
    width: 507px;
    float: left;
    text-align: left;
    overflow:hidden;
    display:inline;
}
.widecolumn .entry p {
    font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
}
.widecolumn {
    line-height: 1.6em;
}
.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 10px;
}
#footer {
    background-color: #eee;
}
small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.95em;
    line-height: 1.2em;
}
h1, h2, h3, h4 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    white-space: normal;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited {
    color: #7C97B9;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
}

.post h1, .post h2, .post h3, .post h4 {
  margin: 0;
  padding: 0.5em 0 0.3em 0;
  font-weight: bold;
  color: #7C97B9;
}
.post h1 span, .post h2 span, .post h3 span {
  margin: 0;
  padding: 5px 5px 0 0;
  color: #777;
  display: block;
  font-weight: normal;
}
.post h1 a:hover, .post h2 a:hover, .post h3 a:hover, .post h4 a:hover {
  color: #526A89;
  border: 0;
}
.post h1 {
  font-size:2.4em;
  float:none;
  display:block;
  text-align: center;
  letter-spacing:0px;
}
.post h2 {
  font-size:2em;
  float:none;
  display:block;
  letter-spacing:0px;
}
.post h3 {
  font-size:1.7em;
  float:none;
  display:block;
  letter-spacing:1px;
}
.post h4 {
  font-size:1.4em;
  float:none;
  display:block;
  letter-spacing:0;
}



.post .nobullet {
  list-style:none;
  list-style-type: none;
  list-style-image: none;
  padding:0;
  margin-top:0.5em;
  line-height:1.5em;
}

ul.readmore {
  margin:1em;
  padding:1em;
  padding-left:2em;
  list-style:none;
  list-style-image:url(images/bullet.gif);
  list-style-type:none;
  background:#F0F0F0;
  border:#CCD 1px dotted;
}
ul.readmore li {
  line-height:1.4em;
  font-size:0.9em;
  white-space:nowrap;
}
.inlineTips{
  font-weight:bold;
  cursor:help;
}
.invisible {
  display:none;
}
div.inlineTipsShow {
  display:block;
  padding:5px;
  font-size:10px;
  font-family: "MS Sans Serif", Geneva, sans-serif;
  background-color:#F4F4F4;
  background:#F4F4F4;
  border:#dddddd 1px solid;
  line-height:150%;
  letter-spacing:0px;
  word-spacing:0.2em;
  width:90%;
  margin:auto;
}

.description {
    font-size: 1.2em;
    text-align: center;
}
h2 {
    font-size: 1.6em;
}
h2.pagetitle {
    font-size: 1.6em;
}
#sidebar {
  font: Verdana, Arial, 'Lucida Grande', Sans-Serif;
  margin: 0;
  padding: 0;
  float: right;
  width: 200px;
}
#sidebar dl {
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#sidebar dd {
  margin: 0;
  padding: 0 0 0px 0;
}
#sidebar dt {
  margin: 0;
  padding: 10px 0px 5px 27px;
  color: #577da1;
  font-size: 13px;
  font-weight: bold;
  border-bottom: #dddddd 2px solid;
  text-align: justify;
  line-height:125%;
}
#sidebar .minimize, #projects .minimize, #sidebar .maximize, #projects .maximize {
  cursor:pointer;
}
#sidebar .minimize {
  background: transparent url(images/maximize.gif) no-repeat 8px 12px;
}
#sidebar .maximize {
  background: #F0F0F0 url(images/minimize.gif) no-repeat 8px 12px;
  border-bottom: #CCCCCC 5px double;
}
#sidebar ul, #sidebar ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sidebar dl dd ul li {
  margin: 0px;
  padding: 0px;
}
#sidebar dl dd ul li A:link, #sidebar dl dd ul li A:active, #sidebar dl dd ul li A:visited {
  margin: 0 0 0 1px;
  padding: 5px 4px 5px 25px;
  color: #777;
  display: block;
  /* width: 170px; */
  background: #F4F4F4 url(images/bullet.gifh) no-repeat 10px 50%;
  border-bottom: #eeeeee 1px solid;
  background-color: #F4F4F4;
}
#sidebar dl dd ul li A:hover {
  color: #577da1;
  background: #EEEEEE url(images/bullet-hover.gif) no-repeat 10px 50%;
  border-bottom: #efefef 1px solid;
  background-color: #EEEEEE;
}
#sidebar dd ul li img {
  display:block;
}
#sidebar p {
  margin: 0;
  padding: 5px 5px 5px 10px;
  color: #666;
  text-align: left;
  background-color:transparent;
  border-bottom: #EEEEEE 1px solid;
}
#sidebar p A {
  width:150px;
  color:#577da1;
  background-color: #F4F4F4;
}
/* second level lists like external links */
#sidebar dl dd dl {
  background: transparent;
  background-color: transparent;
  padding:0px;
  margin: 0px;
  /*border-bottom: #EEEEEE 1px solid;*/
}
#sidebar dl dd dl dt, #sidebar #linkcat-1, #sidebar #linkcat-2, #sidebar #linkcat-3, #sidebar #linkcat-4, #sidebar #linkcat-5 {
  cursor:pointer;
  padding: 5px 0px 4px 15px;
  line-height:125%;
  font-size:11px;
  background-color:#F4F4F4;
  border-bottom:#577da1 1px solid;
  color:#577da1;
  font-weight:bold;
}
#sidebar h2 {
  margin: 5px 0 0;
  padding: 0;
}
#sidebar form {
  margin: 0;
}

.entry p a:visited {
    color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
    font-weight: bold;
}
.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}
.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    vertical-align: middle;
    font-size:1em;
    padding:0.5em 0.5em 0.5em 1em;
    margin:0;
}
#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
    font-weight: normal;
    margin: 0;
    padding-top:5px;
    /*display: block;*/
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
}
small.commentmetadata {
    font-size:1em;
    display: inline;
}
code {
    font: 1.1em 'Courier New', Courier, Fixed, monospace;
}
acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
}
#wp-calendar #prev a {
    font-size: 9pt;
}
#wp-calendar a {
    text-decoration: none;
}
#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
}
#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}
#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
}
#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
}
.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
}
.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
}
.post, .entrytext {
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 0;
    /* text-align: justify; */
    border-bottom: #f5f5f5 2px solid;
    vertical-align:top;
    clear:both;
}
.post p {
  margin: 5px 0;
  padding: 0;
  font-size: 12px;
  line-height: 17px;
}
.post .comment {
  margin: 10px 0 20px 0;
  padding: 0;
  font-size: 10px;
  color: #7C97B9;
}
#comment {
  margin-left:1em;
  margin-right:1em;
  margin-bottom:1em;
}
.post .postmetadata a:hover {
  color: #526A89;
  border: 0;
  vertical-align:top;
}
.post ul {
  font-size:12px;
  line-height:24px;
}
.widecolumn .post {
  margin: 0;
}
.narrowcolumn .postmetadata {
  font-size:11px;
  padding: 0px 10px 0px 10px;
  line-height: 0.6em;  
  width:480px;
  margin:2px;
}
.widecolumn .postmetadata {
  margin: 30px 0;
  font-size:11px;
}
.postmetadata small p {
  margin:0.2em;
}
#footer {
  margin: 0 197px 0 0;
  padding: 0;
  clear: both;
  height: 79px;
  background: transparent url(images/footer.jpg) no-repeat 0% 50%;
  vertical-align: middle;
}
#footer p {
  margin: 0;
  padding: 33px 0 0 0;
  text-align: center;
}
/*h1 {
    padding-top: 10px;
    margin: 0;
}*/
.description {
    text-align: center;
}
h2 {
    margin: 20px 0 0;
}
h2.pagetitle {
    margin-top: 20px;
    text-align: center;
}
h3 {
    padding: 0;
    margin: 30px 0px 0px 0px;
}
h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
}
p img {
    padding: 0;
    max-width: 100%;
    }
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
p.alignright {
  display:block;
  text-align:right;
  clear:both;
  float:none;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}
.entry ol li {
    margin: 0;
    padding: 0;
}
.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}
#commentform .commenthint {
  font-size:9px;
  color:#777;
}
/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px 3px 15px;
    text-align: center;
    /* background: transparent; */
    background: #F4F4F4 url(images/bullet.gif) no-repeat 10px 50%;
    border-bottom: #eeeeee 1px solid;
    background-color: #F4F4F4;
}
#sidebar #searchform #s {
    width: 115px;
    padding: 2px;
    font-size:10px;
    color:#999;
    border: 1px solid #999;
    background: #F9F9F9;
}
#sidebar #searchform #s:hover {
    color:#333;
    background: white;
    border: 1px solid #999;
}
#sidebar #searchform #s:focus {
    color:#333;
    background: white;
    border: 1px solid #577da1;
}
#sidebar #searchsubmit {
    background: url(imges/fade-butt.png);
    border: 1px solid #aaa;
    font-size:11px;
    color: #666;
    padding: 1px;
}
#sidebar #searchsubmit:hover {
    background: white url(imges/fade-butt.png);
    border: 1px solid black;
    border-left-color: #aaa;
    border-top-color: #aaa;
    color: #333;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
}
select {
    width: 130px;
}
#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    background: #efefef;
    border: 1px solid #999;
}
#commentform input:focus {
    background: white;
    border: 1px solid #577da1;
}
#commentform textarea {
    /* width: 100%; */
    padding: 2px;
    background: #efefef;
    border: 1px solid #999;
}
#commentform textarea:focus {
    background: white;
    border: 1px solid #577da1;
}
#commentform #submit {
    margin: 0;
    float: right;
}
.commentlist {
    padding: 0;
    text-align: justify;
}
.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
}
/* .commentlist p {
    margin: 10px 5px 10px 0;
} */
#commentform p {
    margin: 5px 0;
}
.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}
#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}
#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}
#wp-calendar a {
    display: block;
}
#wp-calendar caption {
    text-align: center;
    width: 100%;
}
#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff;
}
acronym, abbr, span.caps {
    cursor: help;
}
acronym, abbr {
    border-bottom: 1px dashed #999;
}
blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}
blockquote cite {
    margin: 5px 0 0;
    display: block;
}
.center {
    text-align: center;
    }
hr {
    display: none;
    }
a img {
    border: none;
    }
.navigation a:link, .navigation a:active, .navigation a:visited {
  color: #577da1;
  text-decoration: none;
  background:#F9F9FC;
  background-color:#F9F9FC;
  padding:2px;
  border-top:#577da1 1px dotted;
  border-bottom:#577da1 1px dotted;
}
.navigation a:hover {
  /* border: 1px 0 1px 0 solid #7896BA ; */
  text-decoration: none;
  background:#F0F0F6;
  background-color:#F0F0F6;
  padding:2px;
  border-bottom:#7896BA 1px solid;
  border-top:#7896BA 1px solid;
}
.navigation {
  margin: 0 auto;
  padding: 5px 0 5px 0;
  /*width: 728px;*/
  width:100%;
  background: transparent;
}
.navigation ul {
  margin: 0;
  padding: 117px 0 0 0;
  float: right;
}
.navigation li {
  margin: 1px;
  padding: 5px;
  display: inline;
  list-style: none;
}
.navigation li a {
  margin: 0;
  padding: 3px 0;
}

fieldset {
  border:#333 3px outset;
}

#commentform {
  padding-top:1.5em;
  padding-bottom:1.5em;
}

#commentform fieldset {
  border:#577da1 1px solid;
  padding:1em;
  background:#FCFCFC;
}
#commentform legend {
  border:#577da1 1px solid;
  padding:2px;
  background:#EEE;
  font-size:1.2em;
  font-weight:bold;
}
#content .credit {
  background:#F7F7F9 url(/wp-images/thanks.gif) no-repeat 5px 50%;
  border:#CCC 1px dashed;
  padding:0.3em;
  padding-left:50px;
  font-size:0.9em;
  margin:1em;
  line-height:1.5em;
}
.info {
  font-size:11px;
  padding:5px;
  text-align:left;
  color:#666;
  display:block;
  clear:both;
}
.removed{
  display:inline;
}

pre {
    margin:0.1em 0.1em 1em 0.1em;
    /*border-left: 2px solid #F0F2F9;*/
    padding: 0.2em 0.1em 0.3em 0.5em;
    line-height: 110%;
    /*width: 95%;  causes bug in IE 5.0 Windows */
    width: 485px;
    /* height: 100px; */
    border: 1px solid #DEE7F7; 
    border-width: 0px 0px 0px 2px;   
    overflow: hidden;
    white-space: normal;
    /*scrollbar-face-color: #527BBD;
    scrollbar-arrow-color: #DEE7F7;
    scrollbar-track-color: #DEE7F7;*/
}
.charpix {
    border:0;
    background:#F0F2F9;
    font-family:"Courier New", Courier, monospace;
    font-size:9px;
}

/* IE5 Mac hack \*/

pre {
    overflow: auto;
    overflow-y: hidden;
}

/* End IE5 Mac hack */

/* TOC */

div #toc {
    position: fixed;
    top: 150px;
    right:10px;
    background: transparent url(/wp-images/semi-trans.jpg) repeat-y;
    width: 200px;
    padding: 0;
    max-height: 90%;
    overflow: auto;
    font-size:11px;
    font-weight: bold;
}

div#toc span.contentheader {
    background-color: #F0F0F6;
    display: block;
    color: #577da1;
    border:1px solid #669;
    font-size:1.2em;

    cursor: pointer;
    padding:0.2em;
    padding-left: 1.5em;
}

div#toc div {
    border: 2px solid #577da1;
    padding: 0.5em;
    padding-top: 0;
    margin:0;
    display: block;
    line-height:1.1em;
}

div#toc a, div#toc a.indent, div#toc a.indent2 {
    /*display: list-item;*/
    display:block;
    padding: 0;
    padding-left:8px;
    margin: 0;
    margin-top:0.5em;
    background: transparent url(/wp-images/toc_n.gif) repeat-y;
}

div#toc a.indent {
    margin-left:1.2em;
}
div#toc a.indent2 {
    margin-left:2em;
    font-weight:normal;
}
div#toc a:hover, div#toc a.indent:hover, div#toc a.indent:hover {
    border:0;
    background: #eee url(/wp-images/toc_h.gif) repeat-y;
}
/* TABLES OF CONTENTS */

img.shadow {
    border:1px solid #333;
    background: transparent url(/wp-images/shadow.gif) repeat-x repeat-y -5% -5%;

}