/*
Theme Name: CP3-v10
Description: The default CP³ theme
Version: 2.10
Author: CP3

   The CSS, XHTML and design is released under GPL:
   http://www.opensource.org/licenses/gpl-license.php

*/

/* General stuff */

html, body, p, div, h2, h3 {
    margin:0; padding:0;
}
img  {
    border: none;
}

body { 
    font: normal 62.5% Helvetica,Arial,Tahoma,sans-serif;
    margin: 0;
    padding: 0;
    background-color: #000;
}

a, a:visited { 
    text-decoration: none; 
    color: #912; 
} 
a:hover { 
    text-decoration: underline; 
}
a.on {
    font-weight: bold;
}

/*GW-NEW*/
.contentwrapper {
    /*width: 960px;*/
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
    float: none;
    margin: auto;
}


.keepclear {
    clear: both;
}

/*
 * Super-header 
 * - Black top with links
 */

#superheader {
    width: 100%;
    background: #000;
    font-size: 1.2em;
    height: 21px;
    line-height: 13px;
    padding: 6px 3px 0px 3px;
}
#superheader a {
    color: #fff;
}

#superheader ul li a {
    display: block;
    padding: 0 10px 0 10px;
    margin: 0;
}

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

#superheader ul li:first-child {
    border-left: none;
}

#superheader ul { 
    list-style-type: none; 
    margin: 0;
    padding: 0;
}

/*
 * Header with logo
 * and menu
 */

#header {
    clear: left;
    margin: 0 auto; 
    text-align: center;
}

#header a:hover { 
    text-decoration: none;
}
    
#header .logo {
    float: none;
    margin: auto;
    padding: 12px 0 11px 0; 
    height: 70px;
    font-size: 25px;
    font-family: Geogia, Utopia, Times, 'Times Roman', 'Times New Roman', serif;
    font-variant: small-caps;
    letter-spacing: 1ex;
    text-align: center;
    clear: left;
    margin: auto;
    display: block;
}

#header #nav {
    background: #912;
    height: 21px;
    clear: both;
    margin: 0;
    padding: 9px 0 0 25px;
    font-size: 1.1em;
    font-weight: bold;
}

#header #nav ul {
    float: left;
    list-style-type: none;
    margin: 0; 
    padding: 0;
}

#header #nav ul li {
    display: inline;
    padding-right: 9px;
}
    
#header #nav a {
    color: #fff;
}

#header #nav a:hover, #header #nav a.on, li.current_page_item a {
/*    color: #a4504a; */
}

li.current_page_ancestor a, li.current_page_item a {
    font-weight: bold;
}
/* But ancestors of the current page item should not be bold! */
li.current_page_item ul a {
    font-weight: normal;
}


/*
 * And now it's time for the real content
 */

#content {
    padding: 25px 27px 25px 25px;
    font-size: 1.3em;
    line-height: 1.3em;
    overflow: hidden;
    width: 848px; /* 20100111 jsk: fixed was 908px; */
    position: relative;
}

.twoColumn #mininav {
    float: left;
    width: 100px;
    padding-top: 49px;
}
.twoColumn #maincontent {
    float: right;
    width: 775px;
}
	
/* Content Styles */

#content .alignleft {
    float: left;
    margin: 5px 15px 10px 0;
    background: #fff;
}

#content .alignright, #content img {
    float: right;
    margin: 5px 0 10px 15px;
    background: #fff;
}


#content h1, #content h2, #content h3, #content h4 {
    color: #912;
    /*font-family: Georgia, Times, serif;*/
    font-family:Helvetica,Arial,Tahoma,sans-serif;
    font-weight: bold;
}

#content h1 {
    font-size: 28px;
    height: 40px;
    margin: 0;
}

#content h2 {
    font-size: 1.3em;
    padding: 10px 0 7px 0;
}

#content h3 {
    font-size: 1.5em;
    /* padding: 10px 0; */
    margin: 10px 0;
}

#content img .old {
    float: right;
    background: #fff;
    margin: 3px 13px 14px 28px;
    padding: 3px;
}		

#content .entry .meta { 
    font-size: 10px;                            
    padding: 0 0 5px 0;                             
}

#content p {
/*    line-height: 1.55em; */
    margin: 0 0 5px 0;
}
#content ul.posts {
    margin: 0;
    padding: 0;
}
#content ul.posts li {
    list-style: none;
    padding: 0 0 25px 0;
}

/* Mininavigator i two column setup */
#mininav ul {
    margin: 0;
    padding: 0;
}
#mininav ul li {
    list-style: none;
    padding: 0;
    font-size: 1.1em;
    padding: 6px 0;
}

/*
 * Footer
 */

/*GW-NEW*/
#footer {
    /*float: none;*/
    margin: 0;
    padding: 10px 0 20px 0;
    font-size: 11px;
    clear: both;
    /*white-space: nowrap;*/
    text-align: center;
}

#footer ul li {
    display: inline;
    list-style: none;
    border-left: 1px solid #912;
    padding: 0 .6em;
}

#footer ul li:first-child {
    border-left: none;
}

/* Make submenu items small */
li.page_item ul a {
    font-style: italic;
    font-size: 80%;
    margin-left: 1em;    
    padding-left: 0em;
    display: block;
}

/* hack to circumvent the exclude-pages bug */
/* See: http://codex.wordpress.org/Template_Tags/wp_list_pages */
/* no children of events should be shown*/
li.page-item-20 ul * {
    display: none;
}

/*GW-NEW*/
li.page_item ul {
    /*display: none;*/
}

li.current_page_item ul, li.current_page_ancestor ul {
    display: block;
}

/************************************************/
/********* NEW CSS ADDED BY GW ******************/
/************************************************/

/*Top area - header - logo and navigation*/
div#nav_layer {
background:transparent url(images/red_top_arch.png) no-repeat scroll left top;
height:145px;
position:relative;
width:900px;
z-index:50;
}

/*Style - Logo*/
div#logo {
/*background:transparent url(images/cp3_logo_sub.png) no-repeat scroll left top;*/
float:left;
font-size:24px;
height:100px;
letter-spacing:5px;
line-height:20px;
margin:8px 0 0 11px;
text-align:center;
vertical-align:middle;
width:210px;
}

div#logo span {
display:none;
margin:auto;
}

div#logo img { 
/*    vertical-align: left; */
    height: 77px;
    width: 201px;
 }


/* Main content styling*/
.twoColumn #maincontent {
float:left;
width:600px;
}

.twoColumn #maincontent .post .meta{
display: none; /***************** MIDLERTIDIG ??? **********************/
}

#content h1 {
color:#FFFFFF;
font-size:28px;
/*font-size:26px;*/
font-weight:normal;
height:45px;
letter-spacing:1px;
margin:0;
padding:14px 0 10px 9px;
/*padding:10px 0 14px 6px;*/
width:591px;
}

.twoColumn #maincontent .entry{
padding: 0px 0px 0px 40px;
}

.twoColumn #maincontent .entry .post{
border-bottom: solid 1px #991122;
margin-bottom: 5px;
}

.twoColumn #maincontent .entry .entry{
padding: 0px 20px 5px 0px;
}

#content h2 {
padding:7px 0;
}

#content .post-70 table p {
/*border-bottom:1px solid #991122;*/
margin:0 0 5px;
padding:0 9px 8px 10px;
width:220px;
}

/*#content .post-70 table{
width:500px !important;
}

#content .post-70 table td {
width:255px !important;
}*/



/* Sidebar styling */
#sidebar {
float:left;
width: 226px;
margin: 0px 0px 0px 12px;
background-color:#991122;
padding: 5px;
}

#sidebar h3{
border-bottom:1px solid #FFFFFF;
color:#FFFFFF !important;
font-size:18px !important;
font-weight:normal;
line-height:normal;
}

#sidebar li{
color: #FFF;
font-size: 12px;
line-height:normal;
margin: 0px 0px 5px 0px;
}

#sidebar li a{
color: #FFF;
font-size: 12px;
line-height:normal;
}

#sidebar img {
float:none;
/* height:167px; */
margin:0px;
padding:0px;
width:226px;
}

#sidebar .image_caption {
font-size: 12px;
color: #FFF;
line-height: 14px;
padding:3px 2px 2px;
}

/*Sidebar images*/

#sidebar .sidebar_topimg {
float:none;
/* height:167px;*/
margin:0px;
padding:0px;
width:226px;
}


/*Style - Bottom news feeds*/
div.feed_holder{
width: 900px;
}

div.feed_holder h3 {
font-size:20px;
font-weight:normal;
letter-spacing:1px;
margin:10px 13px 12px 13px;
border-bottom: 1px solid #bfc2bc;
}

div.feed_holder p{
margin:13px 0 3px;
padding:0px 0 0 26px;
}

div.feed_holder p a{
color: #FFF;
text-decoration: none;
}


div.feed_holder .feedbox{
background:none;
min-height:95px;
padding:0 0 5px;
width:408px;
color: #000;
border: 2px solid #bfc2bc;
}

div.feed_holder div#boxleft{
float: left;
margin:0 0 30px 30px;
}

div.feed_holder div#boxright{
float: right;
margin:0 30px 30px 0;
}


div.feed_holder .feedbox ul {
padding:0;
margin:0 0 0 38px;
margin: 0 13px 5px 13px;
list-style-type:none;
float:left;
line-height:19px;
font-size:13px;
}

div.feed_holder .feedbox li {
/*float:left;*/
display:inline;
margin:0 2px;
color: #991223;
}

div.feed_holder .feedbox li:first-child {
    margin: 0 2px 0 0;
}

div.feed_holder .feedbox li a{
font-size: 13px;

}

div#footer {
background-color: #930025;
border-bottom:1px solid #991223;
color: #FFF;
font-size:13px;
padding:10px 0 6px 0;
text-align:left;
width:900px;
margin: 0px 0px 50px 0px !important; 
}

div#footer a{
color: #FFF;
}

div#footer .link-l {
float:left;
margin:0;
padding:0 2px 0 0;
text-align:right;
width:438px;
}

div#footer .link-r {
float:right;
margin:0;
padding:0;
width:438px;
}

/* fix the | in the middle */
div#footer .link-l { 
  padding-right: 11px;
  border-right: 2px solid #fff;
  height: 1em;
}
div#footer {
    height: 1em;
}



/********* DROPDOWN MENU STYLING *********/


/* Top Menu(navigation bar) */
div#widget0 .navbar {
width:662px; 
height:50px; 
position:relative; 
z-index:100;
margin:6px 5px 6px 0;
float: right;
font-size:16px;
}

div#widget0 li {
	list-style-type: none;
	display: inline;
	padding: 0px 8px 0px 8px;
}

div#widget0 li a:hover
{
   	border-bottom: none;
   	color: #ffffff;
 	text-decoration: none;
}
 
 /* remove all the bullets, borders and padding from the default list styling */
div#widget0 .navbar ul {
padding:0;
margin:0;
list-style-type:none;
float:right;
}

div#widget0 .navbar ul ul {
/*width:149px;*/
margin:-2px 0 0;
background:none; 
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#widget0 .navbar li {
float:left;
position:relative;
}

/* style the links for the top level */
.navbar a, .navbar a:visited {
    background:none;
    display:block;
    text-decoration:none; 
    height:30px;
    border-width:1px 0 1px 1px;  
    font-weight:normal !important;
    color:#FFFFFF;
    font-family:Helvetica,Arial,Tahoma,sans-serif;
    font-size:1em;
    line-height:30px;
    letter-spacing:1px;
}

/* style the second level background */
.navbar ul ul a.drop, .navbar ul ul a.drop:visited {
    background-color:#FF00FF;
    height: 15px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navbar ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
}

/* style the second level links */
.navbar ul ul a, .navbar ul ul a:visited {
background:transparent url(images/transp_bg_white.png) repeat scroll left top; 
color: #fff !important;
line-height:1em; 
padding:5px 10px 0 6px; 
border-width:0 1px 1px 1px;
font-size: 12px;
font-weight: normal;
margin:0;
font-style:normal;
border-top: 1px #fff solid;
height:15px;  /* previously: 30px */

/* jsk: Make the boxes smaller + without white background*/
    width: 90px;
    background: transparent;
    background-color: #912;
    border-top: 0px;
}

div#widget0 ul ul li:first-child a, div#widget0 ul ul li:first-child a:visited { 
    margin-top: -5px;
}

/* style the top level hover */
.navbar a:hover {
background:none;
}

.navbar :hover > a {
background:none;
}

/* style the top level hover */
.navbar ul ul a:hover {
background:transparent url(images/transp_bg_white.png) repeat scroll left top;
color: #fff;

}
.navbar ul ul :hover > a {
background:transparent url(images/transp_bg_white.png) repeat scroll left top;
background-color: #a23;
color: #fff !important;

}

/* make the second level visible when hover on first level list OR link */
.navbar ul li:hover ul, .navbar ul a:hover ul{
visibility:visible; 
}

.navbar ul li:hover ul, .navbar ul a:hover ul{
visibility:visible; 
}


/* style second lvl li*/
div#widget0 .navbar ul li ul li a:hover{
text-decoration: underline;
}

#person h4 {
    font-size: 1.2em;
}

div#person h2, div#person h3, div#person h4 {
    color: #000;
    margin: 0;
    line-height: 100%;	
}
div#person h2 {
    padding: 1.5ex 0 0 0;
}
div#person h3 {
    padding: 1.5ex 0 0.5ex 0;
}
div#person h4 {
    padding: 0.5ex 0 0 0;
}

#content .subtitle {
    font-size: 1.5em;
    color: #912;
}

#content h3 {
    color: #000;
    font-size: 1.2em;
}
#content h4 {
    font-size: 1.1em;
}
table.people td {
    padding: 0;
}

table.people td.name {
    width: 175px;
}
table.people td.title, table.people td.affil {
    width: 200px;
}
table.people td.email, table.people td.daterange {
    width: 175px;
}

div#widget0 .navbar li.page-item-512,div#widget0 .navbar li.page-item-565 {
    /* Do not show People:staff subpage */
    display: none;
}

div#logo {
    cursor: pointer;
}

div#sidebar a {
    color: #fff;
}

div#person img.personpic { 
    float: right;                       
}

#content h1 a, #content h1 a:hover { 
    color: #fff;
    text-decoration: none;
}

#content .slides img { 
    background: white none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 5px 20px 7px 0;
    padding: 5px;                       
    float: none;
 }

#content .slides { 
    background-color: #eee;
 }

#content .slides img:hover { 
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ddd;
 }

#content .slides br { 
    display: none;                      
 }

.redtext { 
    color: red;
}

.overline {
    text-decoration:overline;
}

div#postheader img {
    position: absolute;
    z-index: 20;
    width: 600px;
    margin: 0;
}

div#postheader h1 {
    position: relative;
    z-index: 40;
}

div#maincontent h3 + ul, div#maincontent h3 + ol {
    margin-top: 0;
}