/*
Theme Name: Coldwarsites
Theme URI: https://coldwarsites.net
Author: Coldwarsites
Author URI: https://coldwarsites.net/
Description: Coldwarsites
Version: 0.1
*/

/************ outer ************/
body{
	margin:0px;
	font-family: verdana;
	font-size: 12px;
}
#wrapper{
	width:1000px;
	margin:0 auto 50px auto;
}


/************ top ************/
#header{
	margin-bottom: 16px;
}
#top{
	background:url(images/top.png) no-repeat;
	background-color: #ffffff;
	height:105px;
	cursor: pointer;
	cursor: hand;
}
#bar, #bar a{
	background-color: #003973;	/* 003366 */
	height:36px;
}
#bar_links, #bar_links a{
	background-color: #003973;
	font-family: verdana;
	font-size: 13px;
	text-decoration: none;
	color: #ffffff;
	margin:auto 12px 0 6px;
	line-height: 36px;
}
#bar_links a:hover{
	color:#ff0000;
}

#breadcrumb{
	margin:4px 0px 0px 12px;
}


/************ generel ************/
.col1{
	float:left;
	width:184px;
	margin:0px 8px 16px 8px;
}
.col2{
	float:left;
	width:384px;
	margin:0px 8px 16px 8px;
}
.col3{
	float:left;
	width:584px;
	margin:0px 8px 16px 8px;
}
.col4{
	float:left;
	width:784px;
	margin:0px 8px 16px 8px;
}
.innercol2{
	float:left;
	width:384px;
}
.innercol2.left{
	margin:0px 8px 16px 0px;
}
.innercol2.right{
	margin:0px 0px 16px 8px;
}
.hidden{
	display: none;
}
a img{
	border:0px;
}
p{
	margin-top: 0px;
}
h1{
	margin-top: 0px;
}
a{
	color:#000000;
	text-decoration: none;
}
a:hover{
	color:#ff0000;
}
.clear{
	clear:left;
}


/************ overview elements ***********
exhibitions
eyewitnesses
*/
.overview_element{
	height:330px;
	margin-bottom: 18px;
}


/************ picture elements ************/
.picture_element{
	float:left;
	margin-bottom: 16px;
}
.picture_element.small{
	width:284px;
}
.picture_element.small.left{
	margin-right: 8px;
}
.picture_element.small.right{
	margin-left: 8px;
}
.picture_element .text{
	font-style: italic;
}



/************ content ************/
.content h1{
	margin:0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
.content h1 ~ h1, .content h2{
	margin:20px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
.content{
	line-height: 16px;
}
.content p{
	margin:2px 0px 4px 0px;
}
.content p + p{
	margin:18px 0px 4px 0px;
}
.content ul{
}
.content ul li{
	margin-left:-20px;
}



/************ picture with text ************/
.wp-caption{
	margin-top:16px;
}
.wp-caption-text{
	font-style: italic;
}


/************ style 1 ***********
editorial

about us
article
eyewitness
eyewitnesses
exhibition
exhibitions
history
videos
*/
.style1{
	line-height: 16px;
}
.style1 h1{
	margin:0px 0px 12px 0px;
	
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
.style1 h1 ~ h1{
	margin:0px 0px 2px 0px;
}
.style1 p{
	margin:0px 0px 10px 0px;
}
/*
.style1 p + p{
	margin:0px 0px 22px 0px;
}
*/
.style1 p.wp-caption-text{
	margin-bottom: 16px;
}
.style1 ul{
}
.style1 ul li{
	margin-left:-20px;
}



/************ style 2 ***********
editorial
fact-box
gray background

about us
eyewitness
exhibition
history
*/
.col1.style2{
	width:164px;
	padding:10px;
}
.style2{
	background-color: #eeeeee;
	line-height: 16px;
}
.style2 h1{
	margin:0px;
	
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
}
.style2 p{
	margin:2px 0px 14px 0px;
}
.style2 p + p{
	margin:18px 0px 18px 0px;
}
.style2 p.wp-caption-text{
	margin-bottom: 16px;
}
.style2 ul{
}
.style2 ul li{
	margin-left:-20px;
}

.style2.firstlarge h1{
	margin:0px 0px 20px 0px;
	
	font-size:22px;
	line-height: 24px;
}
.style2.firstlarge h1 ~ h1{
	margin:0px 0px 4px 0px;
	
	font-size:16px;
	line-height: 16px;
}

/************ style 3 ***********
sub-divs with .title and .content
*/
.style3 .title{
	font-size:18px;
	text-transform: uppercase;
}


/************ frontpage ************/
body.home #breadcrumb{
	display: none;
}
#frontpage .center{
	background-color: #bdcfe0;
}
#frontpage .countries{
	margin-left:8px;
	margin-top:8px;
}
#frontpage .countries .country{
	float:left;
	position: relative;
	margin-right:8px;
	margin-bottom:8px;
	width:184px;
	height:184px;
	cursor:pointer;
	cursor:hand;
}
#frontpage .countries .country .name{
	position: absolute;
	bottom:0px;
	
	background-color: #003973;
	color:#ffffff;
	font-size: 16px;
	font-family: verdana;
	padding:2px 10px;
	text-transform: uppercase;
}
#frontpage .side{
	width:184px;
	height:376px;
	border-top:8px solid #003973;
	margin-bottom: 8px;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#frontpage .side h1{
	margin:16px 8px 16px 8px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	position: absolute;
	top:0px;
	left:0px;
}
#frontpage .side p{
	margin:0px 8px 16px 8px;
	line-height: 14px;
	position: absolute;
	bottom:0px;
	left:0px;
}

#frontpage a:hover{
	color: #000000;
}


/************ country ************/
#country .title{
	height:30px;
	margin-bottom: 26px;
	text-transform: uppercase;
	font-size: 18px;
}
#country .left img{
	margin-top:16px;
	margin-bottom:0px;
}
#country #sitelist{
	background-color: #dddddd;
	padding:10px;
	margin-bottom: 30px;
}
#country #sitelist a{
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
#country .site{
	margin-bottom: 4px;
}
#country #sitelist .site span{
	display: none;
}
#country #themap{
	width:584px;
	height:584px;
	margin-bottom: 8px;
}
.info{
	width:210px;
	height:90px;
}

/************ site ************/
#site .picture{
	margin-bottom: 2px;
}
#site .text{
	margin-bottom: 12px;
	font-style: italic;
}
#site .left{
	background-color: #eeeeee;
}
#site .left .title{
	font-size: 22px;
	margin-bottom: 12px;
}
#site .left .content{
	margin:2px 0px 2px 0px;
	font-size:12px;
	font-weight: normal;
}
#site .col1.left{
	float:left;
	width:164px;
	margin:0px 8px;
	padding:10px;
}
#site .left .logo{
	margin-top:15px;
	margin-left:0px;
}

#site .left .content h1{
	margin:0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
}
#site .left .content h1 ~ h1{
	margin:20px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
#site #themap{
	width:584px;
	height:389px;
	margin-bottom: 16px;
	display: none;
}


/************ history ************/
#history .left{
	background-color: #eeeeee;
}

#history .col1.left{
	float:left;
	width:164px;
	margin:0px 8px;
	padding:10px;
}






#history .content li{
	margin-bottom: 15px;

	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	list-style: none;
}
#history .content li a{
	text-decoration: none;
	color:#000000;
}
#history .center2 .text{
	margin-bottom: 16px;
	font-style: italic;
}
#history .right h1{
	margin-bottom: 20px;
}


/************ network ************/
#network .side{
	width:184px;
	height:376px;
	border-top:8px solid #003973;
	margin-bottom: 8px;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#network .side h1{
	margin:16px 8px 16px 8px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	position: absolute;
	top:0px;
	left:0px;
}
#network .side p{
	margin:0px 8px 16px 8px;
	line-height: 14px;
	position: absolute;
	bottom:0px;
	left:0px;
}
#network .center h2{
	margin:18px 0px 10px 0px;
	
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
#network .center h3{
	margin:0px 0px 4px 0px;
	
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
}
#network .center ul{
	margin-top:0px;
}
#network .center table{
	margin-bottom:30px;
	padding-bottom:2px;
	background-color: #eeeeee;
}


/************ exhibitions ************/
#exhibitions .right{
	margin-top:60px;
}
#exhibitions .center .title{
	height:60px;
	font-size:18px;
	text-transform: uppercase;
}


/************ videos ************/
#videos .right .title{
	height:50px;
	width:384px;
	
	font-size: 16px;
}
#videos .right .text ul{
	margin-bottom: 0px;
}
#videos .innercol2.left{
	margin-bottom: 60px;
}


/************ reports ************/
#reports .innercol2.right{
	margin:0px 0px 32px 8px;
}


/************ articles ************/
#articles .article{
	margin: 0 0 60px;
}

/************ article ************/
#article .col2 .picture_element .text{
	width:384px;
}
#article .right .text{
	margin: 8px 0 30px;
	font-style: italic;
}

/************ donors ************/
#donors{
	margin: 0px 12px 16px 12px;
}
#donors .top_content{
	margin-bottom:40px;
}
#donors .top_content h1{
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
#donors .donor{
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #cccccc;
}
#donors .title{
	margin-bottom:10px;
	
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}


/************ show map & print ************/
.style2.firstlarge h1 ~ h1.smalllink{
	font-size: 12px;
}


/************ hide menu in print ************/
@media print{
	#top{
		display: none;
	}
	#bar_links{
		display: none;
	}
	#printheader{
		margin-top:20px;
		font-size:22px;
	}
}
@media screen{
	#printheader{
		display: none;
	}
}