/**
 * @description Master CSS file for all DLIR sites
 * @author Brian White, American Center for Mongolian Studies
 * @copyright Copyright (C) 2009 DLIR. All rights reserved.
*/

/* ### Basic Element Tags ### */
body
{
    font:75% Verdana, Helvetica, Arial, sans-serif;
    color:#222;
    background-color:#D5D2B8;
    border-top:25px solid #496e87;
    border-bottom:15px solid #D5D2B8;
    margin:0;
    padding:0;
    width:inherit;
}

a {
    color:#fff;
    text-decoration:none;
}

a:visited {}

a:hover {
    text-decoration:underline;
	color:#fff;
}

a:active {}

h1 {
    font-size:2.3em;
    font-weight:400;
    color:#006498;
    margin-bottom:10px;
}

h2 {
    font-size:2em;
    font-weight:400;
    padding:0;
    color:#496e87;
}

h3 {
    font-size:1.3em;
    line-height: 1.3em;
    font-weight:400;
    color:#496e87;
    margin: 10px 0 0 0;
}

h4 {
    font-size: 1.2em;
    font-weight:400;
    color:#496e87;
    text-decoration:underline;
}

em {
    font-style:italic;
}

strong {
    font-weight:bold;
}

input {
    margin-top:10px;
	margin-bottom:10px;
}

img {
    overflow:hidden;
}

a.image img {
    border:1px solid #cccccc;
    padding:3px;
}

p {
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: justify;
}

p img{
	padding:5px 10px 10px 0;
}

ul, ol {
	font-size:1em;
	padding-bottom:5px;
	line-height:1.4em;
}

/* ###########  header content #############  */
#header 
{
    border-bottom:2px solid #FFF;
    border-top:2px solid #FFF;
    background:#7a7c7e;
}

#header .center-div 
{
    /*background-color:#006498;*/
    background-color:#508bb0;
    overflow:hidden;
}

#logo-left {
    float:left;
    height:70px;
    width:75px;
    border:0;
}

#logo-right {
    float:right;
    height:70px;
    width:140px;
}

#logo-center {
    height:70px;
    width:700px;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
}

#main-navigation 
{
    border-bottom:2px solid #fff;
    border-top:2px solid #fff;
    /*background-image:url('../images/menu.jpg');*/
    background-color:#8ea9ba;
    padding:5px 5px 5px 5px;
    margin:0;
    /*clear:both;*/
    color:#fff;
}

div#main-navigation a 
{
    margin:0;
    font-size:1em;
    font-weight:bold;
    line-height:1.2em;
}

.logo
{
    /*border-bottom:2px solid #fff;*/
    padding:0;
    margin:0;
    /*float:left;*/
}

div#primary-nav 
{
    /*padding-top:5px;*/
    overflow:hidden;
    /*float:left;*/
	color: white;
	padding: 3px 5px 3px 5px;
}

div#primary-nav ul.menu-nav {
    padding: 5px 0 5px 5px;
}

div#primary-nav ul.menu-nav li {
    margin:0;
    font-size:1em;
    line-height:1.2em;
    list-style-type:none;
    display:inline;
}

div#primary-nav ul.menu-nav li a {
    color:#fff;
    padding:1px 10px 0 0;
}

#primary-nav li {
    display:block;
    float:left;
}

#primary-nav a {
    /*float:left;*/
    padding:0;
}

div#search
{
    float:right;
    padding:0 .55em 0 0;
    margin-top:.5em;
    color:#fff;
}

#content 
{
    background:#fff;
    padding:10px 0 12px 0;
    overflow:hidden;
}

#primary 
{
    width:100%;
    margin:auto;
    float:none;
    padding:0;
    clear:right;
}

.center-div 
{
    border-left:2px solid #FFF;
    border-right:2px solid #FFF;
}

#site-title 
{
    color:#fafafa;
    font-size:3em;
    clear:both;
    background:#006699;
}

#site-title a 
{
    color:#fafafa;
    text-decoration:none;
    float:left;
    padding:.5em 0 10px 10px;
}

#site-title a:hover 
{
    text-decoration:none;
}

/* ###############  main ########################### */

.article_separator {
    width: 100%;
    display: block;
    clear:both;
}

.leading_separator {
    border-bottom:solid 0 #cccccc;
    display:block;
    height:10px;
    margin:0;
}

#main .leading h2.contentheading, #main2 .leading h2.contentheading {
    color:#496e87;
    border-bottom:solid 1px #cccccc;
    font-family:Verdana, Arial, sans-serif;
    font-size:1.3em;
    font-weight:bold;
    margin:0;
    padding:0 5px 5px 0px;
}

#main h2 a,#main2 h2 a {
    text-decoration:none;
}

#main .leading .readon,#main2 .leading .readon {
    border:solid 0;
    bottom:0;
    color:#FFF !important;
    display:block !important;
    margin-top:20px !important;
    position:absolute;
    right:0;
    text-decoration:none;
    padding:2px 2px 0 30px;
}

#main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {
    background:url(../images/menu.jpg);
    color:#fff;
}

/*#main .leading p, #main2 .leading p {
    font-size:1.2em;
}*/

.article_column h2 {
    background:#fff;
    color:#496E87 !important;
    font-family:trebuchet MS;
    font-size:1.2em !important;
    font-weight:bold !important;
    padding:0;
}

.article_row .column1 h2,.article_row .column2 h2 {
    background:#fff;
    border-bottom:solid 1px #cccccc;
    color:#006498;
    margin:0;
    padding:0px 0px 5px 0px;
}

.article_row p.iteminfo {
    background:#fff;
    line-height:1em;
    margin:0 -10px 5px;
    padding:10px;
}

/*#main #page h3, #main2 #page h3 {
    text-decoration:underline;
}*/

#main .blog_more h2,#main2 .blog_more h2 {
    background:#fff;
    color:#006498;
    font-family:trebuchet MS, sans-serif;
    font-size:1em;
    font-weight:normal;
    margin:0;
	margin-bottom:5px;
}

#main .blog_more li a,#main2 .blog_more li a {
    display:inline;
    margin:0;
    padding:0;
}

#main .blog_more li,#main2 .blog_more li {
    padding:4px;
}

#main .blog_more ul li a,#main2 .blog_more ul li a {
    background:url(../images/pfeil.gif) no-repeat;
    /*font-weight:bold;*/
    padding:10px 10px 10px 10px;
}

#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
    /*font-weight:bold;*/
    padding:10px 10px 10px 10px;
    text-decoration:underline;
}

#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
    background:url(../images/pfeil.gif) #cccccc no-repeat !important;
    color:#fff;
    font-weight:bold;
    padding:2px 0 2px 30px;
}

#main .blog_more ul,#main2 .blog_more ul {
    background:#eee;
    border:solid 1px #ccc;
    color:#000;
    line-height:1.3em;
    list-style-type:none;
    margin:0;
    padding:10px 10px 30px;
}

/*#main .blog_more,#main2 .blog_more {
    padding-top:10px;
}*/

/* main generell  */
#main a.readon,#main2 a.readon {
    font-weight:bold;
    padding:2px 2px 0 0px;
    display:inline-block;
}

#main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {
    text-decoration:underline;
    padding:2px 2px 0 0px;
}

#main a:link,#main2 a:link,#main a:visited,#main2 a:visited {
    color:#990000;
}

#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
    text-decoration:underline;
}

#main h1,#main2 h1 {
    color:#496E87;
    border-bottom:solid 1px #cccccc;
    font-family:Verdana, Arial, sans-serif;
    font-size:1.3em;
    font-weight:bold;
    margin:0;
    padding:0 5px 5px 0px;
}

#main a.category-link, #main2 a.category-link {
    color:#496E87;
}

#main a.category-link:hover, #main2 a.category-link:hover {
    color:#8EA9BA;
    text-decoration: none;
}

#main h2,#main2 h2 {
    color:#496E87;
    font-family:Verdana, Arial, sans-serif;
    font-size:1.3em;
    font-weight:bold;
    margin-top:5px;
}

#main ul li,#main2 ul li {
    padding:0;
    line-height:1.2em;
    margin-top:5px;
    margin-bottom:15px;
}

#main ul,#main2 ul {
    list-style-position:outside;
    list-style-type:none;
    padding:0;
    margin:0;
    font-size:1em;
}

#main ul,#main ol {
    list-style-position:inside;
    margin:0 0 10px 0;
    padding:0;
}

/* ############# Category ########## */
#main2 ul li a.category {
    color:#990000;
    font-family:Verdana, Arial, sans-serif;
    font-size:1.6em;
    font-weight:bold;
}

#main2 ul li a.category:hover {
    color:#7a7c7e;
    text-decoration:none;
}

#main2 ul li.category-list, #main ul li.category-list {
    margin-top:0px;
}

#main2 ul li.category-list h1.contentheading, #main ul li.category-list h1.contentheading {	
    line-height:1.6em;
}

.category-list {
    /*border-bottom:solid 1px #cccccc;*/
    /*padding-bottom:5px;*/
    clear:both;
}

.category-more {
    float:right;
    font-size:1em;
} 

/* ######### Social Bookmarking ########*/
#socialbookmark-right a img {
    border:0;
    vertical-align:middle;
    padding:0;
}	

#socialbookmark-right {
    margin-left:5px;
    padding-left:10px;
}

/* == Footer == */
#footer {
    clear:both;
}

#footer .center-div {
    border-bottom:2px solid #FFF;
    background:#508bb0;
    overflow:hidden;
    height:59px;
}

#footer ul {
    float:right;
    padding:5px;
    font-size:1em;
    line-height:1em;
}

#footer li {
    display:block;
    float:left;
    padding-left:1.25em;
}

#footer a {
    color:#fff;
}

#footer p {
    color:#222;
    clear:both;
    float:right;
    padding:0 5px 5px;
}

#footer-info {
    float:left;
    width:118px;
}

#footer-info img {
    width:59px;
    height:59px;
    padding:0px;
    border:0px;
    margin:0px;
}

#footer-nav {
    float:right;
    width:500px
}

#footer-nav ul.navigation {
	margin:0;
}


/* ################ left ######################## */

#left
{
    background: #FFFFFF;
    border-right: solid 0px #EEEEEE;
    float: left;
    margin-left: 10px;
    margin-right: 12px;
}

#left form {
    background:#EEEEEE;
    color:#000;
    font-size:0.9em;
    margin:5px 0 20px 10px;
    padding:20px 10px;
}

#left h3 {
    color:#fff;
    font-family:Verdana,Arial,sans-serif;
    font-size:1em;
    padding:4px 5px 4px 10px;
    margin: 0;
    font-weight:bold;
    border:solid 2px #fff;
    /*background:url(../images/menu.jpg);*/
    background-color:#8ea9ba;
}

#left ul {
    list-style-type:none;
    margin:0 1px 20px 1px;
    padding-left: 0;
}


#left ul li {
    border:solid 1px #fff;
    margin:0;
}

#left ul li a {
    display:block;
    padding:3px 4px 3px 10px;
    text-decoration:none;
    font-size:1em;
}

#left ul li a:link,#left ul li a:visited {
    background:#EEEEEE;
    border-bottom:solid 1px #CCCCCC;
    color:#496E87;
    font-weight:normal;
}

#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
    background:#508BB0;
    color:#fff !important;
}

#left ul li ul {
    background:#fff;
    border:solid 1px #cccccc;
    border-left:solid 4px #787a7c;
    border-bottom:solid 0 #cccccc;
    border-top:0;
    margin:0;
    padding:0;
    font-size:1em;
}

#left ul li ul li {
    border:solid 1px #fff;
}

#left ul li ul li {
    margin:0;
}

#left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus {
    background:#990000;
    color:#fff;
}

#left ul li ul li ul {
    border:solid 0 #cccccc;
    padding:10px 0 10px 5px;
}

#left ul li.active a:link,#left ul li.active a:visited {
    background:#496E87;
    border-left:solid 4px #cccccc;
    color:#fff;
    border-bottom:solid 1px #cccccc;
    padding:3px 0 3px 6px;
    font-size:1em;
}

#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
    background:#fff;
    border-bottom:solid 1px #cccccc;
    border-left:solid 0 #787a7c;
    color:#990000;
    font-weight:normal;
    padding:3px 4px 3px 20px;
}

#left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited {
    background:#fff;
    border-bottom:solid 1px #cccccc;
    color:#990000;
    font-weight:normal;
    margin:0 0 0 10px;
}

#left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {
    background:#fff;
    border-left:solid 0 #DD75BB;
    color:#990000;
    font-weight:bold;
}

#left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {
    color:#990000;
    font-weight:normal;
    margin:0 0 0 15px;
    padding:3px 0 3px 15px;
}

#left ul li.active ul li.active ul li.active span.active_link {
    border-bottom:solid 1px #cccccc;
    color:#990000;
    font-weight:bold;
    margin:0 0 0 15px;
    padding:3px 0 3px 15px;
}

#left form a:hover,#left form a:active,#left form a:focus {
    color:#fff;
}

/* ###############  right #################  */

#right {
    margin-right:2px;
}

#right .search-catalog {
    margin:5px 0 20px 2px;
    padding:0;
}

#right ul li {
    padding:0 10px 0px 10px;
    margin:0 5px 5px 5px;
}

#right .moduletable {
    background:#fff;
    color:#000;
    margin:0;
    padding:0;

}

#right h3 {
    color:#fff;
    font-family:Verdana,Arial,sans-serif;
    font-size:1em;
    padding:4px 5px 4px 10px;
    margin: 0;
    font-weight:bold;
    border:solid 2px #fff;
    /*background:url(../images/menu.jpg);*/
    background-color:#8ea9ba;
}

#right h4 {
    color:#000;
    font-size:1em;
    padding:10px 10px 0 10px;
    margin:0;
    border:solid 0;
    text-decoration:none;
}

/* ############ Right Menus #################*/

#right ul {
    list-style-type:none;
    margin:0 1px 20px 1px;
    padding-left: 0px;
}

#right ul li {
    border:solid 1px #fff;
    margin:0;
    padding:0;
}

#right ul li a {
    display:block;
    padding:3px 4px 3px 10px;
    text-decoration:none;
    font-size:1em;
}

#right ul li a:link,#right ul li a:visited {
    background:#EEEEEE;
    border-bottom:solid 1px #CCCCCC;
    color:#496E87;
    font-weight:normal;
}

#right ul li a:hover,#right ul li a:active,#right ul li a:focus {
    background:#496E87;
    color:#fff;
    text-decoration:none;
}

#right ul li a.search-catalog:link, #right ul li a.search-catalog:visited {
    background:#fff;
    border:0;
    padding:0;
    margin:0;
}

#right ul li a.search-catalog:hover,#right ul li a.search-catalog:active,#right ul li a.search-catalog:focus {
    color:#496E87;
    text-decoration:underline;
}

#right form.poll {
    padding:10px 0 10px 15px;
}

#right form.poll fieldset {
    line-height:1.6em;
}

#right form.poll fieldset label {
    padding:0 0 0 4px;
}

#right form.poll .button {
    border:outset 1px #CCCCCC;
    font-family:Verdana,Arial,sans-serif;
    background:#EEEEEE;
    cursor:pointer;
    float:left;
    width:auto;
    line-height:0.9em;
    display:inline;
    height:1.55em;
    font-size:1em;
    overflow:visible;
    margin:0 10px 0 0;
    padding:3px 5px 10px 5px !important;
}

#right form.poll .button:focus {
    border:outset 1px #CCCCCC;
}

#right form.poll a {
    text-decoration:none;
    color:#000 !important;
    padding:1px 2px !important;
    border:outset 1px #CCCCCC;
    background:#EEEEEE;
    cursor:pointer;
    float:left;
}

#right form.poll a:hover,#right form.poll a:active,#right form.poll a:focus,#right form.poll .button:hover,#right form.poll .button:active,#right form.poll .button:focus {
    border:2px outset #CCCCCC;
}

.img_caption {
	font-size:0.9em;
	font-style:italic;
	text-align:center;
	color:#222;
}