/* Theme Name: Heri

Version: 1.0
Author: Andi
Description: 2 Column theme */




/* Links */
a:link {
    text-decoration: none;
    color:           #89b844;
}
a:visited {
    text-decoration: none;
    color:           #89b844;;
}
a:hover, a:active {
    color: #2397e9;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin:      20px 0 10px;
}
h1 {
    font-size:     32px;
    margin-bottom: 0px;
    margin-top:    10px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
h4, h5, h6 {
    font-size: 20px;
}
/* Other Html Elements */
.titles {
    font-weight:         normal;
    border-bottom-width: 0;
    font-size:           24px;
    text-decoration:     none;
    underline:           none;
}
.titles a:link, .titles a:visited, .titles a:active {
    text-decoration:     none;
    underline:           none;
    font-size:           24px;
    font-weight:         normal;
    border-bottom-width: 0;
}
pre, blockquote {
    overflow:         auto;
    padding:          0 10px;
    margin:           20px 30px;
    line-height:      1.8em;
    background-color: #EFEFEF;
    border:           1px solid #DFDFDF ;
}
pre:hover, blockquote:hover {
    background-color: #EFEFEF;
    border:           1px solid #DFDFDF ;
}
pre {
    padding-top:    10px;
    padding-bottom: 10px;
}
code {
    color:       #779900;
    font-family: Consolas, Verdana, "Courier New", Sans-Serif;
}
ul, ol {
    line-height: 2.0em; 
    list-style-image: url(images/application_add.gif) ;
    
    
    
}
ul {

       
}
abbr, acronym {
    font-style:    normal;
    border-bottom: 1px dotted #333333 ;
    cursor:        help;
}
del {
    text-decoration: line-through;
    color:           #999999;
}
ins {
    text-decoration: none;
    color:           #009977;
}
/* Structure */
body {
    margin:            0;
    padding:           0;
    color: #000000;
    background-image:  url(images/back.gif);
    background-repeat: repeat;
    font:              normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
#wrapper2 {
    width:        768px;
    margin-left:  auto;
    margin-right: auto;
}
#header {
    width:               768px;
    padding-bottom:      8px;
    background: #FFFFFF url(images/header.png);
    background-position: bottom;
    background-repeat:   no-repeat;
    padding-left:        0px;
    height:              180px;
    margin:              auto;
    float:               left;
    text-indent:         -5000px;
}
#navigation {
    width:            100%;
    background-image: url(images/nav-bg.gif);
    background-color: #FFFFFF;
    height:           56px;
    margin:           auto;
    margin-bottom:    0px;
    float:            right;
}
#wrapper {
    clear:      both;
    float:      left;
    width:      100%;
    color: #000000;
    background: #FFFFFF ;
}
#content-wrapper {
    width: 65%;
    float: left;
}
#content {
    float:   left;
    padding: 0 0px 10px 30px;
}
#sidebar-wrapper {
    width: 35%;
    float: right;
}
#sidebar {
    float:        right;
    padding:      0px 15px 10px 10px;
    width:        210px;
    margin-right: 15px;
    margin-top:   0px; 
    border-left-width: 2px; 
    border-left-color: #A8A8A8; 
    border-left-style: solid;
    
}
#footer {
    clear:        both;
    float:        left;
    width:        748px;
    text-align:   left;
    padding-left: 20px;
    background:   #FFFFFF ;
    color:        #DB2027;
    font-size:    11px;
}
#footer a {
    color:     #DB2027;
    font-size: 11px;
}
#footer a: visited {
    color: #DB2027;
}
#footer a:hover {
    color:         #AAD8FF;
    border-bottom: 1px dashed #E18A77 ;
}
#extras {
    float:            left;
    width:            780px;
    color:            #444444;
    text-align:       left;
    padding:          0 10px 10px;
    margin:           10px 12px 20px;
    background-color: #f5f5f5;
    border-top:       1px solid #e0e0e0 ;
    border-bottom:    1px solid #e0e0e0 ;
}
/* Header */
#header h1 {
    padding-left: 30px;
    font-size:    22px;
    padding-top:  0px;
}
/* Navigation */
#navigation ul {
    list-style-type:  none;
    list-style-image: none;
    float:            left;
    margin-right:     10px;
    margin-top:       0px;
}
#navigation li {
    float: left;
}
#navigation li a:link,
#navigation li a:visited {
    float:        left;
    color:        #A8A8A8;
    display:      block;
    padding:      5px 10px;
    margin-right: 5px;
    height:       46px;
    font-size:    14px;
}
#navigation li a:hover,
#navigation li a:active {
    color:             #878787;
    background:        url(images/nav-bg2.gif) ;
    background-repeat: repeat-x;
    font-size:         14px;
    margin-right:      5px;
}
#navigation li.active a {
    color:            #8C8C8C;
    background-color: #8BBFEA;
}
/* Wrapper */
#wrapper a:link {
    font-weight: bold;
}
#wrapper a:visited {
    font-weight: bold;
}
#wrapper a:hover, #wrapper a:active {
}
/* Content */
#content .post-title a {
    border-bottom-width: 0;
}
#content .post p.img {
    float:  left;
    margin: 0 15px 0 0;
}
#content .post p.img img {
    padding:          8px;
    border:           1px solid #d0d0d0 ;
    background-color: #eeeeee;
}
#content .post-footer {
    font-size:         90%;
    color: #000000;
    margin-bottom:     5px;
    padding:           5px 5px 5px 15px;
    background-repeat: none;
    background:        #EFEFEF ;
    border:            1px solid #DFDFDF ;
}
/* Sidebar */
.sideblock {
    padding:             5px 10px;
    margin-bottom:       20px;
    
}
.sideblock ul {
}
.sideblock h3 {
    margin-top:  5px;
    font-size:   14px;
    color:       #4E4E4E;
    font-weight: bold;
}
#sidebar dt {
    margin:      0;
    padding-top: 5px;
    font-weight: bold;
    color:       #666666;
}
#sidebar dd {
    margin:         0 0 5px;
    padding-bottom: 5px;
    line-height:    1.8em;
}
#sidebar dd a:link {
    border-bottom-width: 0;
    font-weight:         normal;
    border-bottom:       none ;
    text-decoration:     none;
}
#sidebar dd a:visited {
    border-bottom-width: 0;
    font-weight:         normal;
    border-bottom:       none ;
    text-decoration:     none;
}
#sidebar dd a:hover, #sidebar dd a:active {
    border-bottom:   none ;
    text-decoration: none;
}
/* Extras */
#extras h6 {
    font-size:      14px;
    text-transform: uppercase;
    color:          #8C8C8C;
}
#friends {
    float:        left;
    width:        150px;
    margin-left:  20px;
    margin-right: 10px;
}
#links {
    float:        left;
    width:        275px;
    margin-right: 50px;
}
#about {
    float:        left;
    width:        250px;
    margin-right: 20px;
}
#friends ul {
    padding-left: 20px;
}
#links dl, #links dt, #links dd {
    margin:  0;
    padding: 0;
}
#links dt {
    font-weight: bold;
    padding-top: 5px;
}
#links dd {
    margin-bottom:  5px;
    padding-bottom: 5px;
    border-bottom:  1px dotted #999999 ;
}
/* Comments Styling */
#commentlist li {
    margin-bottom:  1.5em;
    padding-bottom: 1em;
    border-bottom:  1px solid #700000 ;
}
#commentform {
    margin:     1em 0;
    background: #FFFFFF ;
    width:      280px;
}
#commentform textarea {
    background: #EFEFEF ;
    border:     1px solid #DFDFDF ;
    width:      280px;
}
#commentform textarea:hover {
    background: #EFEFEF ;
    border:     1px solid #DFDFDF ;
}
#commentform textarea:focus {
    background: #EFEFEF ;
    border:     1px solid #DFDFDF ;
}
#commentform #email, #commentform #author, #commentform #url {
    font-size:  1.1em;
    background: #EFEFEF ;
    border:     1px solid #DFDFDF ;
    width:      280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    font-size:  1.1em;
    background: #EFEFEF ;
    border:     1px solid #DFDFDF ;
    width:      280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size:  1.1em;
    background: #EFEFEF ;
    border:     1px solid #DFDFDF ;
    width:      280px;
}
#commentform input {
    margin-bottom: 3px;
}
.date {
    background:    url(images/date.gif) no-repeat ;
    height:        54px;
    margin-bottom: 0px;
    width:         54px;
    text-align:    center;
    float:         left;
    margin-top:    15px;
}
.date .month {
    display:        block;
    color:          #C13200;
    padding:        2px 0px;
    text-align:     center;
    text-transform: uppercase;
    font-size:      10px;
    margin-top:     2px;
    font-weight:    bold;
    margin-bottom:  3px;
}
.date .day {
    display:     block;
    color:       #989898;
    font:        2.3em Georgia;
    padding-top: 0px;
    text-align:  center;
    margin-top:  -8px;
}
#left {
    width: 60px;
    float: left;
}
.slogan {
    font-size:      12px;
    color:          #666666;
    text-transform: lowercase;
    padding-left:   30px;
    margin-bottom:  2px;
}