/**
 * $Id: style.css, Exp $
 * A3_marko
 * Marko Hauke
**/

body,
html {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;    
    margin:0;
    padding:0;
    background:   #c6c6c6 url('http://www.markohauke.com/themes/site_themes/A3_marko/images/bg.png') repeat-x top; 
    color: #3C3C3C;
    }
body {
    min-width: 978px;
    }
#wrap {
    background: url('http://www.markohauke.com/themes/site_themes/A3_marko/images/main-bg-single.png') repeat-y; 
    margin:             0 auto;
    width:                978px;
    }
#header {
    background:    #FF9933;
    height: 200px;
    width: 915px;
    padding-left: 45px;
    background: url('http://www.markohauke.com/themes/site_themes/A3_marko/images/header.png') no-repeat;
    }
#header h1 {
    padding:5px;
    margin:0;
    }
#title {
    float: right;
    margin: 56px 0 48px 0;
    height: 66px;
    background: url('http://www.markohauke.com/themes/site_themes/A3_marko/images/title.png') repeat-x top;
    padding: 5px 0 0 20px;
    }
#title h1 {
    font-size: 30px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    letter-spacing: -1px;
    line-height: 30px;
    color: #FF9933;
    padding-right: 30px;
    margin: 0;
    }
#title h1 a { 
    color: #FF9933; 
    }
#title-spacer { 
    width: 264px; 
    }
#nav_primary {
    background:    #FF9933;
    height: 25px;
    width: 715px;
    clear: both;
    font-size: 10px;
    }
#nav_primary ul {
    margin: 0 0 0 30px;
    padding: 0;
    list-style:none;
    }
#nav_primary li {
    float: left;
    list-style: none;
    display:inline;
    }
#nav_primary a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0 15px 1px;
    line-height: 24px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: bold;
    }
#nav_primary a:hover { 
	text-decoration: underline; 
	background: #FFCC33; 
	color: #3C3C3C;
    } 
#nav_primary a.active { 
	color: #3C3C3C; 
	background: #FFDD88; 
    }
#nav_primary a.active:hover { 
	color: #3C3C3C; 
	background: #FFDD88; 
    }
#nav_primary a.current {
	background: #FFCC33; 
	color: #3C3C3C;
}
#nav_secondary {
}
#nav-categories-secondary {
}
#main {
       background:    #FFCC33;
       display: inline; /* keeps ie6 happy */
       margin: 0px 0px 0px 45px;
       padding: 5px 10px 5px 10px;
       float:left;
       width: 695px;
       }
#main h2, #main h3, #main p {
    padding:0 0px;
    }
.img-main {
    position: relative;
    top: -10%;
    padding: 3px 3px 3px 3px;
    float: right;
}
.img-trailjournal-headings {
    border: none;
    position: relative;
    margin: 0px 5px 5px 5px;
    padding: 3px 3px 3px 3px;
    float: left;
}
#main-posted {
    font-size:   10px;
    }
#main-divider {
    padding:  10px 0px 10px 0px;
    border-bottom: 1px solid #FFDD88;  
    clear: both;  
    }
#main-paginate {
    text-align: right;
    font-size: 12px;
    padding: 10px 3px 5px 3px;
    }
.read_story {
    text-align: right;
}
.posted_by {
    font-size: 10px;
}
.comment_date {
    text-align: right;
    font-size: 10px;
}
#trail-journal-entry {
        padding-bottom: 12px;
}
#trailjournal-category-box {
        width: 450px;
}
#trailjournal-category-box a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #3C3C3C;
}
#trailjournal-category-box a:hover { 
	text-decoration: underline; 
	color: #3C3C3C;
    } 
.odd {
	background-color: #ffcc33;
        padding: 3px;
}
.even {
	background-color: #ffbd33;
        padding: 3px;
}
#flashcontent {
  width:   660px;
  text-align:  center;
  margin: 5px 5px 0 5px;
}
#sidebar {
    float: right;
    width: 210px;
    padding: 5px 0px 10px 0px;
    }
#sidebar ul {
    margin-bottom:0;
    }
#sidebar h3, #sidebar h2, #sidebar p {
    font-size:    14px;
    font-weight:  bold;
    padding:0 10px 0 0;
    }
#search-box {
    padding: 10px 0px 10px 0px;
    }
#twitter-box {
    padding: 10px 0px 10px 0px;
    }
#twitter-box h2, #twitter-box p {
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
#twitter-link {
    font-size:  10px;
    padding:  0px 0px 0px 0px;
    }
#twitter-line {
    background:   #A6A6A6;
    font-size:  10px;
    padding: 1px 1px 1px 1px;
    margin:  3px 2px 3px 2px; 
    }
#twitter-text .twitter-name-date {
    font-size:  10px;
    font-weight: normal;
    }
#twitter-text  {
    background:   #A6A6A6;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    }
#twitter-image {
    background:   #A6A6A6;
    padding: 1px 1px 1px 1px;
    margin:  1px 1px 1px 1px; 
    float: left;
    }
#twitter-clear {
    clear: both;
    }
#tagcloud {
    word-spacing: 5px;
    font-size: 12px; 
}
#footer {
    background:    #C6C6C6;
    border-top: 1px solid #333;
    clear:both;
    margin:0;
    padding: 5px 10px 0px 55px;
    font-size: 10px;
    }
#footer a { 
   color: #333; 
   }
#footer p { 
   margin: 0.5em 0; 
   }