@charset "utf-8";
/* CSS Document */
/* <style type="text/css"> */

/*
The Design Firm: boldUnderline.
The Client: IPOL, Balkan Policy Institute
Date: June-July, 2009.
*/

/*//////////////////////////////Global Settings */

body 				{
					margin:0;
					background: #f3f3f3 url('/bold/templates/images/top-back.png') top repeat-x;
					}

html *				{ 
					padding:0;
					margin:0;
					}

* a					{
					color: #d90000;
					text-decoration: none;
					}

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

a:active {outline: none;}
a:hover {outline: none;}

:focus {-moz-outline-style: none;}

.comment			{
					width: 400px;
					height: 180px;
					padding:9px 10px 9px 10px;
					color: #999;
					font-size: 12px;
					font-family: Arial, sans-serif;
					}

textarea.comment {
width:400px !important;
min-width:400px !important;
max-width:400px !important;
height:180px !important;
min-height:180px !important;
max-height:180px !important;
}

.divider			{
					border-bottom:1px solid #ccc;
					}

#tooltip{
	position:absolute;
	width: auto;
	border:5px solid #fff;
	background: #ccccc2 url('/bold/templates/images/header-back-oker.png') top repeat-x; 
	padding:5px 10px 5px 10px;
	color:#5d5d58;
	display:none;
	line-height: 18px;
	z-index: 100;
				font-family: Georgia, serif;
				font-size: 12px;
				text-transform: uppercase;
				font-weight: lighter;
				letter-spacing: 2px;
	}

.edit_links	a		{
					padding: 2px 3px 2px 3px;
					color: #000;
					font-size: 9px;
					text-transform: uppercase;
					background: yellow;
					}				
				
.edit_links a:hover	{
					text-decoration: none;
					background: orange;
					}				


/*//////////////////////////////Global Typography */

h1				{
				font-family: Georgia, serif;
				font-size: 11px;
				line-height: 14px;
				text-transform: uppercase;
				letter-spacing: 1px;
				}	

				h1 span	{
						right:0;
						font-weight: lighter;
						font-size: 10px;
						}
h2				{
				font-size: 14px;
				font-family: Arial, sans-serif;
				color: #635C48;
				}

h3				{
				font-size: 11px;
				font-family: Arial, sans-serif;
				letter-spacing: .5px;
				color: #1a100d;
				}
							
.main	 		{
				font-family: arial, sans-serif;
				font-size: 12px;
				line-height: 17.5px;
				color: #5a4843;
				}

.sec 			{
				font-family: arial, sans-serif;
				font-size: 11px;
				line-height: 14.5px;
				word-spacing: .5px;
				color: #5a4843;
				}

.big	 		{
				font-family: arial, sans-serif;
				font-size: 13px;
				line-height: 20px;
				}

.description	{
				font-family: arial, sans-serif;
				font-size: 15px;
				line-height: 17.5px;
				color: #000;
				}
				
/*//////////////////////////////Build Up */

#container		{
				margin: auto;
				width: 960px;
				height: auto;
				}

#menu-top		{
				width: 960px;
				height: 40px;
				margin-top: 11px;
				}
				
				#menu-left		{
								width: 710px;
								height: 40px;
								float: left;
								}
								
				.menu-box, .menu-box-current		{
								height: 38px;
								float: left;
								display: block;
								text-align: center;
								margin-right: 1px;
								}
								
				.menu-box a, .menu-box-current a	{
								height: 27px;
								display: block;
								padding: 11px 20px 0 20px;
								text-decoration: none;
								font-size: 11px;
								text-transform: uppercase;
								letter-spacing: .5px;
								background: #DED4BA;
								color: #423531;
								}

				.menu-box a:hover, .menu-box-current a:hover	{
								text-decoration: none;
								background: #b30000;
								color: #f3f3f3;
								}
								
				.menu-box-current a		{
								background: #b30000;
								color: #f3f3f3;
								}

				#menu-right		{
								width: 250px;
								height: 30px;
								padding-top: 10px;
								text-align: center;
								float: left;
								}
				
				#menu-right a	{
								margin-right: 20px;
								text-transform: uppercase;
								}
				
#header			{
				width: 960px;
				height: 100px;
				margin: 10px 0 10px 0;
				}			
				
				#logo			{
								width: 710px;
								height: 80px;
								margin: 10px 0 10px 0;
								float: left;
								}
				
				#logo h1		{margin-bottom: 3px;}
												
				#search			{
								width: 250px;
								height: auto;
								float: left;
								overflow: hidden;
								margin-top: 20px;
								text-transform: uppercase;
								text-align: center;
								color: #33322e;
								}
				
				#search a		{
								}
								
								.search-box input	{
													width:228px;
													height:14px;
													padding:7px 10px 9px 10px;
													margin-bottom: 15px;
													margin-right: 0;
													border: 1px solid #999;
													color: #999;
													}

#big-image		{
				width: 960px;
				height: 90px;
				margin-bottom: 10px;
  				background: url(http://policyinstitute.eu/bold/templates/scripts/rotator/rotator.php) no-repeat center top;
				}
				
				.big-image-copy	{
								width: 630px;
								padding: 25px 0 0 30px;
								height: auto;
								color: #f3f3f3; 
								}

#header_area	{
				width: 930px;
				height: 50px;
				padding: 15px 0 15px 15px;
				border: 1px solid #ccc;
				margin-bottom: 10px;
				}

#content		{
				width: 700px;
				height: auto;
				float: left;
				margin-top: 10px;
				margin-right: 5px;
				}

#issues			{
				width: 700px;
				height: auto;
				}
				
				.issues-cont	{
								width:330px;
								height: 110px;
								float: left;
								margin-right: 30px;
								}
							
				.issues-cont-1	{
								width:330px;
								height: 110px;
								float: left;
								margin-bottom: 5px;
								}
							
				/* Headers */
				.header-oker	{
								height: 27px;
								padding: 13px 0 0 15px;
								margin-bottom: 10px;
								background: url('/bold/templates/images/header-back-oker.png') top repeat-x; 
								border-left: 5px solid #767670;
								color: #5d5d58;
								}
										
				.header-navy	{
								height: 27px;
								padding: 13px 0 0 15px;
								margin-bottom: 10px;
								background: url('/bold/templates/images/header-back-navy.png') repeat-x; 
								color: #f3f3f3;
								}
				
				.small-header	{
								width: auto;
								font-family: Arial, sans-serif;
								font-size: 10px;
								text-transform: uppercase;
								line-height: 12px;
								color: #5d5d58;
								}
								
#side-left		{
				width: 210px;
				height: auto;
				float: left;
				}
				
				.side-left-media	{
									height: auto;
									padding: 15px;
									margin-bottom: 20px;
									border: 1px solid #ccc;
									background: #fff;
									}
				
#middle			{
				width: 445px;
				height: auto;
				float: left;
				}

#sidebar		{
				width: 228px;
				height: auto;
				float: left;
				padding: 10px;
				border: 1px solid #ccc;
				background: #fff;
				}

				.newsletter 		{
				font-family: arial, sans-serif;
				font-size: 12px;
				line-height: 17.5px;
				color: #5a4843;
									height:14px;
									width:205px;
									padding:7px 10px 9px 10px;
									margin-bottom: 10px;
									border: 1px solid #999;
									color: #999;
									}

#footer			{
				height: auto;
				margin-top: 60px;
				}

#f-social-back	{
				width: auto;
				height: auto;
				background: #fff;
				border-top: 1px solid #d9d9d9;
				border-bottom: 1px solid #bfbfbf;
				}

#f-social		{
				width: 960px;
				height: auto;
				margin: auto;
				padding: 20px 0 20px 0;
				}
				
				.f-twitter	{
							width: 620px;
							height: 30px;
							margin-right: 20px;
							float: left;
							}
				
				.f-rss		{
							width: 55px;
							height: 20px;
							padding: 10px 0 0 40px;
							margin-left: 45px;
							float: left;
							background: url('/bold/templates/images/rss.png') no-repeat; 
							}

				.f-facebook	{
							width: 85px;
							height: 20px;
							padding: 10px 95px 0 0;
							float: left;
							text-align: right;
							background: url('/bold/templates/images/facebook.png') no-repeat right; 
							}

#f-menu-back		{
				width: auto;
				height: auto;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #b4b4b4;
				background: #d9d9d9;
				}

#f-menu			{
				width: 960px;
				height: auto;
				padding:20px 0 20px 0;
				margin: auto;
				}

.bot-links		{
				color: #423531;
				text-transform: uppercase;
				line-height: 15px;
				}
													
				.f-menu-box		{
								width:120px;
								float: left;
								}
							
				.f-menu-login	{
								width:160px;
								height: 140px;
								float: left;
								margin-left: 180px;
								border: 1px solid #000;
								}

#f-vital-back	{
				width: auto;
				height: auto;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #acacac;
				background: #e6e6e6;
				}
								
#f-vital		{
				width: 960px;
				height: auto;
				padding:20px 0 20px 0;
				margin: auto;
				}

				.f-vital-box	{
								width: 180px;
								height: auto;
								float: left;
								}
								
				.f-vital-copy	{
								width: 180px;
								height: auto;
								float: left;
								text-align: right;
								padding-top: 30px;
								margin-left: 120px;
								background: url('/bold/templates/images/IPOL-small.png') no-repeat top right; 
								}
								
#f-bottom-back	{
				width: auto;
				height: auto;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #acacac;
				background: #e6e6da;
				}

#f-bottom		{
				width: 960px;
				height: auto;
				margin: auto;
				padding: 8px 0 8px 0;
				text-align: right;
				}



/*//////////////////////////////Button Sprites */

.but-donors-eng a	{
					display: block;
					float: left;
					width: 216px;
					height: 36px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite3.png') 0 0;
					}
				
.but-donors-eng a:hover	{
					background: url('/bold/templates/images/sprite3.png') 216px 0;
					}

.but-donors-alb a		{
					display: block;
					float: left;
					width: 216px;
					height: 36px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite3.png') 0 -50px;
					}
				
.but-donors-alb a:hover	{
					background: url('/bold/templates/images/sprite3.png') 216px -50px;
					}


.but-board-eng a	{
					display: block;
					float: left;
					width: 216px;
					height: 36px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite4.png') 0 0;
					}
				
.but-board-eng a:hover	{
					background: url('/bold/templates/images/sprite4.png') 216px 0;
					}

.but-board-alb a		{
					display: block;
					float: left;
					width: 216px;
					height: 36px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite4.png') 0 -50px;
					}
				
.but-board-alb a:hover	{
					background: url('/bold/templates/images/sprite4.png') 216px -50px;
					}


.but-people-eng a		{
					display: block;
					float: left;
					width: 216px;
					height: 36px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite1.png') 0 0;
					}
				
.but-people-eng a:hover	{
					background: url('/bold/templates/images/sprite1.png') 216px 0;
					}

.but-people-alb a		{
					display: block;
					float: left;
					width: 216px;
					height: 36px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite2.png') 0 0;
					}
				
.but-people-alb a:hover	{
					background: url('/bold/templates/images/sprite2.png') 216px 0;
					}
					
.but-sup-eng a			{
					display: block;
					float: left;
					width: 216px;
					height: 66px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite1.png') 0 66px;
					}
				
.but-sup-eng a:hover	{
					background: url('/bold/templates/images/sprite1.png') 216px 66px;
					}

.but-sup-alb a			{
					display: block;
					float: left;
					width: 216px;
					height: 66px;
					margin: 0 0 10px -2px;
					text-indent: -9999px;
					background: url('/bold/templates/images/sprite2.png') 0 66px;
					}
				
.but-sup-alb a:hover	{
					background: url('/bold/templates/images/sprite2.png') 216px 66px;
					}