/*
 * THEME NAME: Flaggfabrikken
 * THEME URI: http://perrong.no/
 * DESCRIPTION: WordPress theme for Flaggfabrikken.net
 * VERSION: 1.0
 * AUTHOR: Havard Grimelid
 * AUTHOR URI: http://grx.no/
 */

body { background-color: #fff;}

a { color: black; text-decoration: none; outline: 0 }
    a:link { color: black; }
    a:visited { color: black; }
    a:hover { color: #595847; }
    a:active { color: black; }

ul { }
    ul li { list-style-type: none; }
    ul#menu { margin: 115px 0 0 0; font-size: 0.1em; } /* font small to remove distance between menu items */
        ul#menu li { list-style-type: none; }
    ul#artist-listing { margin-left: 50px; padding-top: 65px; }
        ul#artist-listing li { padding-bottom: 15px; }
        ul#artist-listing li a { color: #000; text-transform: uppercase; font-weight: bold; }
        ul#artist-listing li a:hover { color: #595857; }

td { border: none; padding: 0.1em; }

h1, h2, h3 { color: #303030; }
h2.title { margin-bottom: 2px; }

p { }
	p.meta { font-size: 0.9em; color: #555; }

#container { width: 993px; }

#logo { margin-left: 6px; }

#content { margin-left: 50px; }

#news, #artists, #friends, #about, #contact { min-height: 290px; margin-right: 40px; }
#news { background: transparent url(img/hdr/news.gif) no-repeat scroll 0 0; }
    #news h1, #artists h1, #friends h1, #about h1, #contact h1, #other h1, #secondary #righthead h1 { height: 1px; text-indent: -999em; margin: 0; }
#artists { background: transparent url(img/hdr/artists.png) no-repeat scroll 0 0; }
#friends { background: transparent url(img/hdr/friends.png) no-repeat scroll 0 0; }
#contact { background: transparent url(img/hdr/contact.png) no-repeat scroll 0 0; }
#about { background: transparent url(img/hdr/about.png) no-repeat scroll 0 0; }
    #about #content, #friends #content { padding-top: 165px; }

#news { }
    #news #content { margin-left: 70px; }

#contact { }
    #contact #content { margin-left: 70px; margin: 3em 3em 0 8em; font-weight: bold;}

#other { }
    #other #content { margin-top: 150px; }


#primary { overflow: hidden; float:left; margin:15px 0 40px 0; width: 574px; background: transparent url(img/frm/bg.gif) repeat scroll 0 0; }
    #primary #top { height: 20px; background: transparent url(img/frm/tp.gif) no-repeat scroll 0 0; }
    #primary #bottom { height: 18px; background: transparent url(img/frm/btm.gif) no-repeat scroll 0 0; }

#secondary {overflow: hidden; float: right; width: 419px; } 
    #secondary #righthead { margin-top: 80px; width: 964px; }
        #secondary #righthead img { position: absolute; left: 30px; }
        #secondary ul#cvnav { margin: 40px 0 0 0; float: right; width: 208px; }
            #secondary ul#cvnav li { display: inline; }
    #secondary #rightcontent { color: #595857; padding-left: 25px; clear: both; }
		#secondary #rightcontent h1, #secondary #rightcontent h2, #secondary #rightcontent h3 { margin-top: 0; }
    #secondary #friends-listing { color: #595857; margin-top: 50px; padding-left: 25px; clear: both; }
    #secondary #about-content { color: #595857; margin-top: 50px; padding-left: 25px; clear: both; }

.navigation { margin: 60px 0 30px 0; float: right; }

#artistnav { }
    #artistnav li { display: block; float: left; }
    #artistnav #nav-works a { display: block; height: 22px; width: 60px; text-indent: -999em; background-image: url(img/artist/works.png); } 
    #artistnav #nav-works-light a { display: block; height: 22px; width: 60px; text-indent: -999em; background-image: url(img/artist/workslight.png); } 
    #artistnav #nav-cv a { margin: 0 8px 0 12px; background-position: -59px 0; display: block; height: 22px; width: 22px; text-indent: -999em; background-image: url(img/artist/cv.png); } 
    #artistnav #nav-cv-light a { margin: 0 8px 0 12px; background-position: -59px 0; display: block; height: 22px; width: 22px; text-indent: -999em; background-image: url(img/artist/cvlight.png); } 
    #artistnav #nav-contact a { display: block; height: 22px; width: 87px; text-indent: -999em; background-image: url(img/artist/contact.png); } 
    #artistnav #nav-contact-light a { display: block; height: 22px; width: 87px; text-indent: -999em; background-image: url(img/artist/contactlight.png); } 

#residencynav { }
    #residencynav li { display: block; float: left; }
        #residencynav #nav-current a { display: block; height: 22px; width: 78px; text-indent: -999em; background-image: url(img/residency/current.png); } 
        #residencynav #nav-current-light a { display: block; height: 22px; width: 78px; text-indent: -999em; background-image: url(img/residency/currentlight.png); } 
        #residencynav #nav-previous a { background-position: 0 0; display: block; height: 22px; width: 206px; text-indent: -999em; background-image: url(img/residency/previous.png); } 
        #residencynav #nav-previous-light a { background-position: 0 0; display: block; height: 22px; width: 206px; text-indent: -999em; background-image: url(img/residency/previouslight.png); } 

#presentsnav { margin-right: -8px; }
    #presentsnav li { display: block; float: left; }
        #presentsnav #nav-upcoming a { margin-right: 8px; display: block; height: 22px; width: 82px; text-indent: -999em; background-image: url(img/presents/upcoming.png); } 
        #presentsnav #nav-upcoming-light a { margin-right: 8px; display: block; height: 22px; width: 82px; text-indent: -999em; background-image: url(img/presents/upcominglight.png); } 
        #presentsnav #nav-previous a { background-position: 0 0; display: block; height: 22px; width: 106px; text-indent: -999em; background-image: url(img/presents/previous.png); } 
        #presentsnav #nav-previous-light a { background-position: 0 0; display: block; height: 22px; width: 106px; text-indent: -999em; background-image: url(img/presents/previouslight.png); } 

#cv { color: #595857; float:left; margin-left:40px; width: 574px;  }
    #cv h2 { text-transform: uppercase; margin-bottom: 0; font-size: 13px; }

#postnavigation { margin-top: 1em; height: 1em; }
    #postnavigation #older  { float: left; }
    #postnavigation #newer  { float: right; }

.slash { display: block; text-indent: -999em; width: 18px; margin-left: 8px; height: 22px; background-image: url(img/slash.png); }