/*
THEME NAME: Footvolley
THEME URI: http://footvolley.no
DESCRIPTION: Theme for Norges Footvolleyforbund
AUTHOR: Havard Grimelid
VERSION: 0.1
*/

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

html, body { background-color: #fff; }
body { color: #222; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 62.5%; }
a { text-decoration: none; color: #222; border-bottom: 1px dotted #666; }
a:hover { border-bottom: 1px solid #222; }
li { padding: 3px; }
form { margin: 1em 0; }
input[type="text"], input[type="password"], textarea { width:18em; margin: 1em; }

#container { width: 96em; margin: 50px auto 30px auto; background-color: #fff;  } 
#masthead { width: 96em; margin: 0 auto; border-bottom: 1px solid #ccc; position: relative; }
    #masthead #mann { position: absolute; right: 20px; background: transparent url(img/footvolley_graa.gif) no-repeat 0 0; width: 170px; height: 241px; }
    #masthead h1 { text-align: center; background: transparent url(img/logo_min.gif) no-repeat 0 0; height: 173px;}
        #masthead h1 a { margin: 0 auto; outline: none; height: 173px; border: none; display: block; padding-left: 200px; text-indent: -999em; background: transparent url(img/namn.gif) no-repeat 220px 0; }
        #masthead h1 a:hover { border: none; }

#content { margin-top: 2em; }

#main { width: 73em; padding: 0 20px 0 10px; line-height: 22px; min-height: 500px; float: right; overflow: hidden; display: inline; }
.video-left { display: block; width: 425px; float:left; margin-right: 1em;}
.video-right { display: block; width: 425px; float:right; margin-left: 1em; }

.article {font-size: 1.6em;}
    .article a { border-bottom: 1px solid #4e74ba; color: #4e74ba;}
    .article a:hover { background-color: #EE3523; color: white; border-bottom: 1px solid #ee3523;}
    .article a[rel] { border: none; }
    .article p a[rel]:hover { background: none; }
    .article h1 { font-family: "Georgia", "Times New Roman", serif; }
    .article > h1:first-child, .article > h2:first-child { margin-top: 0;}
        .article h1 a { color: #222; background-color: white; border: none; }
        .article h2 a { color: display: block; padding: 5px; border: none;}
        .article h1 a:hover { color: #222; background-color: white; }
    .article .post-date { font-size: 0.8em; text-align: left; color: #888; margin-bottom: 0.5em; }
        .article .post-date p { margin-bottom: 0; }
        .article h2 { margin-bottom: 0.5em; }
            .article h2.blog-head a { background-color: #DFEAFF; color: #222; }
            .article h2.blog-head a:hover { color: white; background-color: #5F7EBF; border:none; }

    .alignright a, .alignleft a, .aligncenter a { border: none; background: none;}
    .alignright a:hover, .alignleft a:hover, .aligncenter a:hover { border: none; background: none;}

    .article .wp-caption-text { margin-bottom: 0.5em; font-size: 0.7em; line-height: 1.4em; }

.header { }
    .header h1, .header h2, .header h3, .header h4 { margin-top: 0; }

#sidebar { background-color: white; width: 17.0em; padding: 0 10px; min-height: 500px; float: left; display: inline;}
    #sidebar .nav { font-size: 1.4em; }

    #sidebar h2 { font-size: 0.9em; margin-left: 10px; margin-bottom: 4px;}
    #sidebar #recent-posts { font-size: 0.85em; }

.nav { }
    .nav ul { margin: 0; }
    .nav li { list-style: none; padding: 0; }
        .nav li li { font-size: 12px; }
    .nav li a { vertical-align: middle; display: block; border: none; color: #EE3523; padding: 4px 3px 4px 10px; }
        .nav li li a { padding-left: 20px; }
            .nav li li li a { padding-left: 25px; }
    .nav li a:hover { color: white; background-color: #EE3523;}
    .nav li.current_page_item > a { background-color: #FFE2DF;}
    .nav li.current_page_item:hover > a { color: #EE3523; }

#postnavigation { width: 100%; }
    #postnavigation .nav-prev { float: left; }
    #postnavigation .nav-next { float: right; }

#footer { position: relative; border-top: 1px solid #ccc; font-size: 1.4em;text-align: center; clear: both; margin-top: 20px; padding-top: 15px; }
    #footer #mann { position: absolute; left: 30px; top: -215px; margin-top: 20px; background: transparent url(img/footvolley_graa.gif) no-repeat -18px 0; width: 170px; height: 241px; }

.clearboth { clear: both; }

#stimuli_lightbox {}
    #stimuli_lightbox a { border: none; }
    #stimuli_lightbox a:hover { border: none; }