/*
Theme Name: Open Respositories
Theme URI: http://www.tdl.org/
Description: The Open Repositories theme.
Version: 1.0
Author: Dan Zappone
Author URI: http://www.23systems.net/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/**
*  Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    clear: both;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
a, a:hover, a:visited {
text-decoration: none;
}
/**
* tables still need 'cellspacing="0"' in the markup  
*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img { border: none; }

/**
* Global Elements
* Main global 'theme' and typographic styles
*/
html {	
    background: #577545 url('images/page_bg.jpg') repeat-x 0% 0%;
    padding: 20px;
}

body {
    background-color: #fff;
    font-family: Tahoma, "Lucida Grande", Verdana, arial, sans-serif;
    font-style: normal;
    text-align: center;
    color: #111;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    width: 920px !important;	
}

#header, #top_navigation, #header_banner, #footer {
    width: 843px;
    margin: 10px 20px;
    padding: 0;
}

h1 {
    font-family: Trebuchet, Tahoma, "Lucida Grande", Verdana, arial, sans-serif;
    font-size: 19px;
    letter-spacing: .5pt;
}
/**
* Header
*/
#header {
    background: url('images/header_bg.jpg') repeat-x 0% 0%;
    width: 863px;
    height: 81px;
    margin: 10px 20px 0px 20px;
    padding: 0 0 0 20px;
    font-size: 11px;
}

#header, #header a, #header a:visited, #header a:active {
    color: #fff;
}

#site_logo a{ 
    background: url('images/or_logo.png') no-repeat 0% 0%;
    height: 55px;
    width: 250px;
    float: left;
    margin: 20px 0 5px 0;
}

#date {
    background: url('images/header_curve_bg.png') no-repeat 20px 0%;	
    float: right;
    height: 20px;
    padding: 60px 20px 0 0;
    width: 200px;
    font-weight: bold;
    text-align: right;
}
/**
* Navigation bar below the header
*/
#top_navigation, .page-menu {
    width: 883px;
    background: #697B88 url('images/top_nav_bg.jpg') center center repeat-x;
    height: 32px;
    color: #fff;
    font-size: 12px;
    margin: 0 20px;
    padding: 0;
}

#top_navigation a, #top_navigation a:visited, #top_navigation a:active, .page-menu a, .page-menu a:visited, .page-menu a:active {
    color: #fff;
    letter-spacing: .5pt;
}

#top_navigation a:hover, .page-menu a:hover {
    text-decoration: underline;
}

#top_navigation ul, .page-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 8px 20px;
}

#top_navigation li, .page-menu li {
    display: inline;
    margin: 10px;
    font-weight: bold;
}
/**
* Graphical banner below the header navigation
*/
#header_banner {
    background-color: #1B1924;
    height: 130px;
    width: 883px;	
    margin-top: 0;
}
/**
* Graphical curve on top of content and navigation
*/
#top_curve {
    height: 30px;
    margin: 20px 20px 0 20px;
    padding: 0;
    background: url('images/top_curve.jpg') no-repeat 0% 0%;
}
/**
* wrapper div around navigation and content, 
* creates a continuous background so they appear 
* to be the same height
*/
#wrapper {
    background: url('images/wrapper_bg.jpg') repeat-y bottom left;	
    width: 880px;
    margin: 0 20px 20px 20px;
    padding: 0;
    float: left;
    clear: right; 
    height: 100%;
    position: relative;
}
/**
* Navigation on right side of page
*/
#navigation {
    background: #9cad91 url('images/nav_bg.jpg') repeat-x 0% 0%;
    width: 260px;
    float: right;
    margin: 0;
    padding: 0 20px 20px 18px;
    font-size: 11px;
}

.first_heading { 
    margin-top: -20px;
}

#navigation h1 {
    text-align: right;
    color: #283b3e;
    border-bottom: 2px dotted #999;
    padding-bottom: 10px;
    margin-top: 20px;
}

#navigation ul {
    padding: 0;
    margin: 0;
}

#navigation ul li ul li {
    margin: 0;
    padding: 2px 0;
    border-bottom: 2px dotted #999;
}

#navigation li a {
    display: block;
    margin: 0 0 3px 0;
    padding: 2px 10px 2px 10px;
}

#navigation, #navigation a, #navigation a:visited, #navigation a:active {
    color: #394f2b;
}

#navigation a:hover {
    background-color: #6f7e64;
    color: #fff;
}

#navigation .sponsors li {
    border-bottom: none;
}

.sponsors img {
    display: block;
    margin: 10px auto;
}

#navigation ul.sponsors a:hover {
    background-color: transparent;
}





/***************************************************************
Page Content
***************************************************************/
#content {
    background: #a1acb6 url('images/content_bg.jpg') repeat-x 0% 0%;
    float: left;
    margin: 0;
    width: 515px;
    min-width: 515px;
    max-width: 515px;
    padding: 0 20px 20px 20px;
    font-size: 12px;
    line-height: 150%;
    height: 800px;
    min-height: 800px;
}

/*	
necessary for nested absolute positioning of #content_curve_bg
relative position makes #content_curve_bg positioning work
zindex puts the text and links in front of the #content_curve_bg
*/
#content p, #content h1, #content ul  {
    position: relative;
    z-index: 1;
}

#content h1, #content h2, #content  h3, #content  h4, #content  h5, #content  h6 {
    color: #2c3d4d;
}

#content h1 a, #content h2 a, #content  h3 a, #content  h4 a, #content  h5 a, #content  h6 a {
    color: #2c3d4d !important;
}


#content h1 {
    margin: 15px 0;
    padding: 0;
}

#content a, #content a:visited, #content a:active {
    color: #b46511;
}

#content a:hover {
    text-decoration: underline;
}

#content li {
    margin: 5px 0 15px 0;
}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}

#breadcrumbs, #breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
    color: #2c3d4d;
    font-size: 12px;
}

#breadcrumbs a:hover {
    text-decoration: underline !important; 
}

#breadcrumbs ul {
    margin: 0 0 20px 0;
    padding: 0;
}

#breadcrumbs li {
    display: inline;
    margin-right: 5px;
}

.img_float_left {
    float: left; 
    margin: -5px 25px 0 -10px; /*negative margins to account for 30deg drop shadow on images in content*/
}

/*this is the transparent png swirl design in the bottom left side of the content, it will not be visible in IE 6 and older b/c there is no support for transparent png*/
#content_curve_bg {
    background: transparent url('images/content_curve_bg.png') no-repeat left top;
    position: absolute;
    z-index: 0;
    bottom: 0;
    height: 250px;
    width: 485px;
    margin:  0 0 0 -20px;
    padding: 0;
}
/**
* Page Footer
*/
#footer {
    background: #a0a2a3 url('images/footer_bg.jpg') repeat-x left top;
    clear: left;
    height: 200px;
    color: #fff;
    padding: 20px;
    font-size: 11px;

}
/**
* necessary for nested absolute positioning of #footer_curve_bg
* relative position makes #footer_curve_bg positioning work
* zindex puts the text and links in front of the #footer_curve_bg
*/
#footer, .footer_links, .copyright {
    position: relative;
    z-index: 1;
}

#footer a, #footer a:visited #footer a:active{
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {	
    clear: left;
}

.footer_links {
    float: left;
    width: 270px;
    margin-left: 10px;
    height: 90%;
}

.footer_links h1 {
    margin-bottom: 12px;
    padding: 0;
}

.footer_links ul { 
    margin: 0 50px 15px 0;
    padding: 0;
    list-style: none;
}

.footer_links li {
    line-height: 150%;
}

.footer_links a:hover {
}
/**
* this is the transparent png swirl design in the left side of the footer, it will not be visible in IE 6 and older b/c there is no support for transparent png
*/
#footer_curve_bg {
    background: transparent url('images/footer_curve_bg.png') no-repeat left top;
    position: absolute;
    bottom: 0;
    height: 240px;
    width: 485px;
    margin:  0 0 0 -20px;
    padding: 0; 
}
/**
* Misc
*/
.float_right { float: right; }
.float_left { float: left; }
.center { text-align: center; }
.small { font-size: 9px; }
/**
* Print Style
*/
@media print {
    body {
        background: white;
        font-size: 8pt;
        border: 1px double #333;
    }

    #nav { display: none;}

    #round_corners { display:none; }   

    #left {display: none;}

    #wrapper, #right {
        width: auto;
        margin: 10px;
        padding: 0;
        border: 0;
        float: none !important;
        color: black;
        background: transparent none;
    }

    div#header { margin:0; padding:0;}

    #header h1 h2 h3 a { margin:0; padding:0; letter-spacing:2px;}

    #header img { display:none;}

    div#right {
        padding-top: 1em;
        font-size: 8pt;
        line-height: normal;
        /*border-top: 1px solid #930;*/
    }

    #right h1 h2 h3 h4 h5 {margin:15px; padding-right: 15pt; line-height: normal;}

    #right h1 {	font-size: 18pt;}

    #right h2{ font-size: 14pt;}

    div#right h3 h4{ font-size: 12pt;}

    #right a {margin-left: 10px; margin-right: 10px; }

    #footer {display:none;}
}