/*
THEME NAME: Children and War
THEME URI: http://www.childrenandwar.org/
DESCRIPTION: Children and War
VERSION: 1.0
*/

@import url('reset-min.css');
@import url('base-min.css');
@import url('imgpos.css');

html, body { background: #fff;} /* url(img/bg.gif) repeat 0 0; } */
body { font: 62.5% "Trebuchet MS", "Helvetica", sans; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more-link { width: 100%; }
.more { float: right; clear: both; min-width: 70px; }
li { padding: 3px; }
form { margin: 1em 0; }

#container { width: 885px; margin: 9px auto 30px auto; padding: 10px; background-color: #fff; font-size: 1.2em; } 
#masthead { height: 174px; }
#masthead { margin-top: 1em; }
    #masthead #primary { width: 689px; float: left; }
    #masthead h1 {  margin: 0; background: transparent url(img/logo.gif) no-repeat 0 0;}
        #masthead h1 a { width: 689px; height: 102px; border: none; color: white; text-decoration: none; display: block; text-indent: -999em; }
        #masthead h1 a:hover { border: none;}
    #masthead #topimg { float: right; width: 192px; height: 174px; background: transparent url(img/children.jpg) no-repeat 0 0; }

#searchform { height: 0; display: inline; position: relative; float: right; width: 208px; bottom: 100px; }
    #searchform form { /* width: 209px; margin: 0; */}
        #searchform form input#s { width: 135px; }
    #searchform #s { border: 1px solid #8C1129; color: #858484; padding: 3px 2px; }
    #searchform .button { background: none; border: 0; padding: 0; margin: 0; }
        #searchform #searchsubmit input { background-color: #DE032D; border: 1px solid white; color: white; padding: 1px; }

#topmenu { clear: both; }
    #topmenu ul { width: 100%; padding: 0; background-color: #8C1129; height: 25px;  }
    #topmenu li { display: inline; padding: 0;}
            #topmenu ul li.current_page_item a, #topmenu ul li.current_page_ancestor a { background-color: #DE032D;}
    #topmenu a { color: white; text-decoration: none; display: block; }
    #topmenu a { padding: 5px 15px 3px 15px; height: 17px; background-color: #8C1129; text-align: center; color: White; text-decoration: none; float: left; min-width: 50px; }
    #topmenu a:hover { background-color: #DE032D; color: #fff; }
    #topmenu ul.subnav { background-color: #E7E7E7; }
        #topmenu .subnav a { color: #8c1129; background-color: #E7E7E7; }
        #topmenu .subnav a:hover { background-color: #CFCFCF; }
            #topmenu ul.subnav li.current_page_item a { background-color: #CFCFCF;}

#header { }

.breadcrumb { font-size: 1.2em; margin-bottom: 15px; }
    .breadcrumb a { color: black; text-decoration: none; }
    .breadcrumb a:hover { text-decoration: underline; }
    .breadcrumb #home { text-transform: uppercase; }

#content img { border: 1px solid #ddd; padding: 2px; } 

#main { line-height: 22px; min-height: 350px; width: 637px; float: right; margin: 0 30px 0 13px; overflow: hidden; display: inline; }
    #main .post { border-bottom: 1px dotted #9F8B92; margin-bottom: 15px; }
    #main h2.title { font: 1.8em Georgia,"Times New Roman",Times,serif; margin-top: 0; background: transparent url(img/tittelikon.gif) no-repeat 0 6px; padding-left: 19px; }
    #main h2.title a { text-decoration: none; color: #8C1129; }
    #main h2.title a:hover { border-bottom: 1px solid #8C1129; }
    #main h3 { color: #8C1129; margin-bottom: 0; font-size: 1.3em;}
    #main .publish-date { color: #9F9F9F; margin-bottom: 0; }
        #main .publish-date p { text-align: right; }

        #main #single-post h2 { margin-bottom: 0.5em; }


#sidebar { min-height: 350px; font-size: 1em; float: left; width: 195px }
    #sidebar ul { font-family: Georgia,"Times New Roman",Times,serif; }
    #sidebar ul li { background-color: #E7E7E7 ; margin-bottom: 1px; padding: 0; font-size: 1.5em;}
    #sidebar ul li ul { background-color: #E7E7E7; }
    /* #sidebar ul li ul li { padding: 0; width: 100%; margin: 0; } */
    #sidebar li li { padding: 0; margin: 0; font-size: 0.7em; }
    #sidebar li li li { font-size: 1em; }
    #sidebar li li a { color: black; min-height: 15px; }
    #sidebar li ul li.page_item a { color: black; }
    #sidebar li ul li.current_page_item a { color: #8C1129; background: transparent url(img/menyikon.gif) no-repeat 0 3px;}
    #sidebar li ul li.current_page_item li a { background: transparent; }
    #sidebar li ul li li.current_page_item a { color: #8C1129; background: transparent url(img/menyikon.gif) no-repeat 10px 3px;}
    #sidebar li a { color: black; text-decoration: none; display: block; padding: 1px 0 1px 30px; }
    #sidebar li li li a { padding-left: 40px; }
    #sidebar li a:hover { color: #FFAE00; }
    #sidebar li ul li { font-family: "Trebuchet MS", "Helvetica", sans;}
/* Coloring of sidebar menu items */
    #sidebar .page-item-96  { background-color: #8C1129; }
    #sidebar .page-item-131 { background-color: #D3022B; }
    #sidebar .page-item-98  { background-color: #FF5603; }
    #sidebar .page-item-139 { background-color: #FE9D35; }
    #sidebar .page-item-141 { background-color: #FEBB6F; }
    #sidebar .page-item-143 { background-color: #FED279; }

        #sidebar .page-item-96  a,
        #sidebar .page-item-131 a,
        #sidebar .page-item-98  a,
        #sidebar .page-item-139 a,
        #sidebar .page-item-141 a 
                                     { color: white; }
        #sidebar .page-item-96  a:hover,
        #sidebar .page-item-131 a:hover,
        #sidebar .page-item-98  a:hover,
        #sidebar .page-item-139 a:hover,
        #sidebar .page-item-141 a:hover 
                                     { color: #FFAE00; }

        #sidebar .page-item-143 a { color: #921F36; }
        #sidebar .page-item-143 a:hover { color: #FFAE00; }

    #sidebar #feed { height: 28px; margin-top: 3em; }
        #sidebar #rss { color: black; line-height: 18px; font-size: 14px; display: block; height: 100%; background: url(img/feed-icon-14x14.png) no-repeat 0 2px; padding-left: 22px; }
.nav { }
    .nav ul { margin: 0; }
    .nav li { list-style: none; }
        .nav li a { }
        .nav li:hover { }

#footer { width: 100%; background-color: #e7e7e7; height: 52px; }
    #footer h2 { color: #8C1129; font: 1.8em Georgia,"Times New Roman",Times,serif; margin: 0; padding: 13px 10px 0 19px; display: inline; float: left; width: 200px; }
    #footer #separator { padding-top: 8px; margin-right: 15px; float: left; display: block; width: 8px; height: 35px;  }
    #footer #separator img { border: none; }
    #footer p { font-size: 0.95em;padding-top: 10px; }
        #searchresults h2 a, #footer a { text-decoration: none; }
        #searchresults h2 a:hover, #footer a:hover { text-decoration: underline;}

.clearboth { clear: both; }