/*
Theme Name: Ongnamo Blog
Theme URI: http://www.ongnamo-versand.de/blog/
Description: Ongnamo Blog
Version: 1.0
*/

/* Begin Typography & Colors */
body {
        font-size:62.5%; /* Resets 1em to 10px */
        font-family:Arial,Helvetica,Sans-Serif;
  background: url('images/texture-header.png') repeat-x left top #FEF7CF;
        color:#000;
        text-align:left;
}

#page {
        text-align:left;
        background-color:#FEF6CE;
  color:#000;
  background:url('images/2nd-nav-bg.gif') repeat-y left top;
}

#header {
        background:#FFFEFC url('images/logo.jpg') no-repeat top left;
  color:#000;
}

#topnav {
  background:#FBA342 url('images/gradient-level1.png') repeat-x top left;
  color:white;
  font-size:1.2em;
  line-height:1.4em;
  font-weight:bold;
}

#content {
        font-size:1.2em;
}

#footer {
        border:none;
}

h1, h2, h3 {
        font-weight: bold;
        text-align:left;
}

h1 {
        font-size: 2em;
}

h2 {
        font-size: 1.6em;
}

h3 {
        font-size: 1.3em;
}

/* End Typography & Colors */

/* Sidebars */

.sidebar {
  list-style:none;
  display:inline;
}

.sidebar h2 {
  font-size:1.2em;
        font-weight:bold;
  color:#800000;
  background-color:inherit;
  background:url(images/li-top.png);
  line-height:25px;
  padding:0;
  margin:0;
  padding-left:8px;
}

.sidebar li {
  margin-bottom:7px;
  padding-bottom:5px;
}

#sidebar1 li {
  background:url(images/li_bottom.png) no-repeat left bottom;
}

#sidebar2 li {
  background:url(images/li_bottom2.png) no-repeat left bottom;
}

#sidebar1 li li, #sidebar2 li li {
  background:url() no-repeat 0 0;
  display:inline;
  font-size:1.2em;
}

.sidebar li ul {
  width:100%;
  margin:0;padding:0;
  list-style:none;
}

.sidebar a {
  color:#800000;
  background-color:inherit;
  text-decoration:none;
}

#sidebar1 li li a, #sidebar2 li li a {
  padding:4px 4px 4px 17px;
  border-top:none;
  border-right:1px solid #FBA342;
  border-bottom:none;
  border-left:1px solid #FBA342;
  background:url(images/bullet_default.gif) no-repeat 2px 9px;
  width:157px;
  display:block;
}

#sidebar1 li li li, #sidebar2 li li li {
  font-size:1em;
}

#sidebar1 li li li a, #sidebar2 li li li a {
   padding:4px 4px 4px 34px;
   width:140px;
   background:url(images/bullet_default.gif) no-repeat 19px 9px;
}

.sidebar ul#recentcomments li {
  margin:0;
  padding:4px 4px 4px 17px;
  border-top:none;
  border-right:1px solid #FBA342;
  border-bottom:none;
  border-left:1px solid #FBA342;
  background:url(images/bullet_default.gif) no-repeat 2px 9px;
  display:block;
}

#sidebar1 #recentcomments li a, #sidebar2 #recentcomments li a {
  display:block;
  text-decoration:none;
  background:url();
  color:#800000;
  border:none;
}

.textwidget, #calendar_wrap {
  margin:0;
  padding:4px 4px 4px 17px;
  border-top:none;
  border-right:1px solid #FBA342;
  border-bottom:none;
  border-left:1px solid #FBA342;
  font-size:1.2em;
}

.tag_cloud_div {
  margin:0;
  padding:4px 4px 4px 17px;
  border-top:none;
  border-right:1px solid #FBA342;
  border-bottom:none;
  border-left:1px solid #FBA342;
  font-size:1.2em;
}

#searchform {
  width:172px;overflow:hidden;
}

/* End Typography & Colors */



/* Begin Structure */
body {
        margin: 5px 0 5px 0;
        padding: 0;
}

#header {
  height:150px;
}

#topnav {
  height:30px;
  list-style:none;
  margin:0 auto 10px auto;
  text-align:center;
  padding:0 0 0 243px;
}

#topnav li {
  display:inline;
  background:url(images/topnav-right.png) no-repeat right top;
  height:27px;
  padding:0;
  margin:3px 3px 0 0;
  float:left;
}

#topnav li a {
  text-decoration:none;
  height:15px;
  display:block;
  float:left;
  background-color:#800000;
  background:url(images/topnav-left.png) no-repeat left top;
  color:white;
  padding:6px 10px 4px 10px;
}

#topnav li.selected {
  background:url(images/topnav-right_sel.png) no-repeat right top;
}

#topnav li.selected a {
  background:url(images/topnav-left_sel.png) no-repeat left top;
}

.nav-footer {
        list-style: none;
        font-size:1.2em;
        text-align:center;
}

.nav-footer li {
  display:inline;
  padding:0px 8px;
  margin:4px 0;
}

.nav-footer li a {
  text-decoration:none;
  color:#000;
  background:inherit;
}

.nav-footer li + li {
  border-left:#000 solid 1px;
}

.copyinfo {
        clear:both;
  font-size:1.2em;
        text-align:center;
  padding:4px 8px;
}

#page {
        width:983px;
        margin:0 auto;
        padding:0;
        border:1px solid #FBA342;
}

#content {
  margin-left:195px;
  margin-right:195px;
}

#sidebar1 {
  margin:0 9px 0 8px;
  padding:0;
  clear:both;
}

#sidebar2 {
  margin:0 8px 0 9px;
  padding:0;
}

#sidebar1 {
  float:left;
  width:180px;
}

#sidebar2 {
  float:right;
  width:180px;
}

#footer {
        clear:both;
}

/* End Structure */

/**/

#content h2 {
  background:url(images/hbg.jpg) left top no-repeat;
  font-size:1.3em;
  line-height:30px;
  margin:0;
}

#content h2 a {
  background:inherit;
  color:white;
  display:block;
  text-decoration:none;
  padding:1px 10px;
}

#content h3 {
  font-size:1.3em;
}

#content a {
  color:#800000;
  background:inherit;
  text-decoration:underline;
}

#content ol {
  padding:3px 5px 3px 35px;
}

#content ul {
  padding:3px 5px 3px 30px;
}

.access {
  display:none;
}

.post {
  margin-bottom:30px;
}

#searchform {
  margin:0;
  padding:3px 3px 3px 3px;
  border-left:1px solid #FBA342;
  border-right:1px solid #FBA342;
}

#searchform input {
  margin:0;padding:0;
  vertical-align:middle;
}

#searchform #s {
  margin:0;padding:1px;
        border:1px solid #FBA342;
        font-family:Arial,Helvetica,Sans-Serif;
        font-size:1.2em;
        color:black;
        background:#fff;
}

#commentform input, #commentform textarea {
  margin:0;padding:1px;
        border:1px solid #FBA342;
        font-family:Arial,Helvetica,Sans-Serif;
        font-size:1.0em;
        color:black;
        background:#fff;
}

#commentform textarea {
  width:580px;
}


/*
Ergaenzung zur Ausrichtung eingefügter Bilder*/


img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered
{
text-align:center;
margin:0 auto;
}