/*
Theme Name: HERDATA
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* ACCESSIBILITY */

.assistive-text, .skip-link { display: none; }

/* TYPE */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1em;
	margin: .4em 0 .4em 0;
	padding: 0;
}

h1 {
	font-size: 2em;
}

p {
	margin: .7em 0; 
	padding: 0;
	text-align: justify;
}

body {
	font-size: 90%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

a {
	text-decoration: none;
	color: maroon;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

.main_content h2 {
	text-shadow: 1px 1px 3px silver;
}

.meta_info {
	color: #aa0000;
	font-size: .875em;
}

.meta_info a {
	color: gray;
}


.closed_box_tab h2 {
	text-shadow: 1px 1px 3px gray;
}

.box .text h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

.small_box h3 {
	text-shadow: 1px 1px 3px silver;	
}

/* SITE */

img {
	border: 0;
}

body {
	background: #F1F4F4 url('images/bgstripe.png') repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

.clearfix {
	display: inline-block; /* Necessary to trigger "hasLayout" in IE */
	display: block; /* Sets element back to block */
}

.container {
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/header_shade.png') no-repeat top center;
	overflow: hidden;
	text-align: left;
	
}

.section {
	width: 960px;
	float: left;
	position: relative;
	left: 18px;
	text-align: center;
	padding:0;
}


#header {
	height: 140px;
	position: relative;
	text-align: left;
}


#main_menu {
	background: url('images/main_menu_bg.png') no-repeat;
	width: 996px;
	height: 65px;
	left: 0;
}

#focus_slide {
	width: 640px;
	height: 280px;
	float: left;
	overflow: hidden;
	position: relative;
}

#above_focus_beside {
	width: 960px;
	margin-left: 18px;
	height: 5px;
	float: left;
	background: white url('images/maroon_shade.png') repeat-x top center;
}

#focus_beside {
	width: 300px;
	height: 270px;
	float: left;
 	background: white url('images/gray_gradient.png') repeat-x top center;
	text-align: left;
	padding: 5px 10px;
}

#sub_menu {
	background: white url('images/sub_menu_bg.png') top center no-repeat;
	text-align: left;
	height: 56px;
}

.main_content {
	width: 930px;
	padding: 0px 15px;
	background-color: white;
}

.open_box {
	text-align: left;
}

.closed_box {
	margin-top: 1em;
	text-align: left;
}

.box_wide {
	width: 491px;
	float: left;
}

.box_narrow {
	width: 409px;
	float: left;
	margin-left: 30px;
}

.extra_content {
	background-color: #F2F2F2;
}

.start_shade {
	background: url('images/start_shade.png') bottom center;
	width: 960px;
	height: 56px;
	float: left;
}

.end_shade {
	background: url('images/stop_shade.png') bottom center;
	width: 960px;
	height: 56px;
	float: left;
}


.small_box {
	width: 290px;
	float: left;
	text-align: left;
	padding-left: 25px;
}

.share_part {
	float: left;
	width: 275px;
	margin: 10px 0;
}

.share_part_half {
	float: left;
	width: 130px;
	padding-right: 15px;
	margin: 10px 0;
}


#content_bottom_container {
	width: 996px;
	left: 0;
	background: transparent url('images/bottom_shadow.png') bottom center no-repeat;
}

.widget-title, .underline, #reply-title, #comments-title {
	padding-bottom: 16px;
	background: transparent url('images/underline_dot.png') bottom left repeat-x;
}

#comments-title {
	margin-top: 1em;
	margin-bottom: 1em;
}

.main_content h2 { 
	margin-bottom: 10px;
}

.in_focus_group {
	margin-bottom: 1.6em;
}

.closed_box_tab {
	background: transparent url('images/closed_box_tab_red.png') top center no-repeat;
	height: 33px;
}

.closed_box_tab h2 {	
	padding: 0;
	margin: 0;
	line-height: 33px;
	padding-left: 10px;
	color: white;
}

.box {
	background: transparent url('images/gray_gradient.png') repeat-x top center;
	padding: 10px 7px;
	width: 395px;
	float: left;
}

.box .image {
	width: 75px;
	height: 75px;
	overflow: hidden;
	background-color: silver;
	float: left;
}

.box .text {
	float: left;
	padding: 0px 10px;
	width: 280px;
}

.box_group {
	float: left;
	padding-bottom: 1em;
}

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

#focus_beside li {
	margin: .4em 0;
}

.main_column {
	background-color: white;
	width: 610px;
	float: left;
	text-align: left;
	padding: 5px 10px;
	margin-right: 10px;
}

.right_column {
	width: 300px;
	float: left;
 	background: white url('images/gray_gradient.png') repeat-x top center;
	text-align: left;
	padding: 5px 10px;	
}

.white_content {
	background-color: white;
}

.container_620x220 {
	float: left;
	width: 620px;
	height: 220px;
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
}

.container_280x120 {
	float: left;
	width: 280px;
	height: 120px;
	position: relative;
	margin-bottom: 1em;
	margin-top: 1em;
}

.img_container_280x120 {
	float: left;
	width: 280px;
	height: 120px;
	overflow: hidden;
}



.in_focus_first_item .highlight {
	z-index: 999;
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: 540px;
	background: transparent url('images/highlight_shade.png');
	padding: 0px 15px;
	text-align: left;
}

.in_focus_second_item .highlight {
	z-index: 999;
	position: absolute;
	bottom: 5px;
	right: -10px;
	width: 240px;
	background: transparent url('images/highlight_shade.png');
	padding: 0px 15px;
	text-align: right;
}

.in_focus_second_item {
	width: 280px;
	float: left;
	margin-bottom: 1em;
}

.in_focus_second_item .highlight h2 {
	font-size: 1.2em;
}



.highlight a {
	color: white;
}

.in_focus_third_item {
	margin-top: .5em;
	margin-bottom: .5em;
	float: left;
}

.navigation {
	float: left;
	position: relative;
	width: 600px;
	height: 2em;
	font-size: .8em;
	margin-top: 1em;
}

.nav-previous {
	position: absolute;
	left: 0;
	width: 300px;
}

.nav-next {
	position: absolute;
	right: 0;
	text-align: right;
	width: 300px;
}

.right_column .widget {
	margin-bottom: 2em;
}

.group_blog_post_image {
	float: left;
	height: 65px;
	width: 75px;
	margin-top: 2em;
	margin-right: 15px;
}

.group_blog_post_text {
	float: left;
	width: 505px;
}

.group_blog_post {
	float: left;
	margin-bottom: 20px;
}


/* MAIN MENU */

#main_menu {
	background: url('images/main_menu_bg.png') no-repeat;
	width: 996px;
	height: 65px;
	left: 0;
}

#main_menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 32px;
	padding-left: 40px;
}

#main_menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 30px;
	/*font-family: 'Crimson Text', 'Times New Roman', serif; */
	font-family: sans-serif;
	font-size: 1.0em;
}

#main_menu ul li a {
	color: white;
	text-shadow: 0px 0px 2px gray;
}

#main_menu ul li a:hover {
	text-shadow: none;
}

#sub_menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#sub_menu ul li {
	float: left;
	line-height: 45px;
	padding-right: 25px;
}

#sub_menu ul li a {
	color: black;
}

/* CAROUSEL */
#focus_slide ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#focus_slide li {
	margin: 0; 
	padding: 0;
	position: relative;
}

.slide_inside {
	width: 640px;
	height: 280px;
	float: left;
	overflow: hidden;
	text-align: left;

}

.slider_buttons {
	position: absolute;
	z-index: 100;
	top: 230px;
	right: 20px;	
}

.slider_buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.slider_buttons ul li {
	float: left;
	margin-left: 10px !important;
}

.slider_buttons ul li a {
	width: 17px;
	height: 17px;
	background: transparent url('images/radio_button.png') no-repeat center center;
	float: left;
	text-indent: -2000px;
}

.slider_buttons ul li a.selected {
	background-image: url('images/radio_button_selected.png');
}


#focus_slide .highlight {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 640px;
	background: transparent url('images/highlight_shade.png');
	z-index: 401;
}

#focus_slide .highlight {
	color: white;
}

#focus_slide .highligh_inside {
	width: 500px;
	margin: 5px 10px;
}

#focus_slide .highlight h2 {
	margin: 5px 0;
	padding: 0;
}

#focus_slide .highlight p {
	margin: 0;
	padding: 0;
}

.highligh_inside a {
	color: white;
}

.slider_buttons .selected {
	font-weight: bold;
}

.slider_buttons a {
}

/* SHARE */
ul.share {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul.share li {
	float: left;
}

ul.share li a {
	float: left;
	width: 48px;
	height: 48px;
	padding-right: 10px;
	padding-bottom: 10px;
}


/* COLORS */

body {
	color: #666666;
}

h2 a, h3 a {
	color: black;
}

.highlight h1 {
	color: white;
}

.highlight .meta_info {
	color: white;
}

/* SIDEBAR */

ul#recentcomments  {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

/* AUTHOR SPOTLIGHT */

#author_profile i {
	font-style: normal;
	margin-left: 1em;
	color: gray;
	font-size: 0.8em;
}

#author_profile i a {
	color: gray;
}

/* COMMENTS */

.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}



.comment 
{
	margin-bottom: 10px;
	float: left;
}

.comment .avatar
{
	width: 70px;
	float: left;
	margin-right: 10px;
}

.comment .comment-content {
	float: left;
	width: 500px;
}

.comment-notes {
	font-size: .8em;
	color: silver;
}

#commentform label {
	float: left;
	width: 120px;
}

#commentform .required {
	position: absolute;
	left: 115px;
	color: red;
	font-size: .8em;
}

#commentform .comment-notes .required {
	position: relative;
	left: 0;
	top: 0;
}

.form-allowed-tags {
	font-size: .8em;
	color: silver;
}

/* DATABASE */

.countries_tabs {
	text-align: left;
}

.database_section {
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px dotted silver;
	float: left;
	width: 600px;
}

.ds_half {
	width: 290px;
	padding-right: 10px;
}

.institution {
	width: 500px;
	float: left;
	border: 1px solid #f2f2f2;
	border-top: 0;
}

.first_institution {
	border-top: 1px solid #f2f2f2;
}

div.institution_name {
	width: 400px;
	float: left;
	border-right: 1px solid #f2f2f2;
}

span.institution_name, span.institution_select {
	padding: 5px;
	float: left;
	line-height: 1.6em;
	height: 1.6em;
}

.ui-widget {
	font-size: 1em;
}

.ui-widget-content {
	border: 0;
}

.country_tab {
	text-align: left;
}

div.institutions_list select {
	margin: 0;
	padding: 0;
}

.inactive {
	color: gray;
}

.disabled {
	color: silver;
}

div.institutions_list {
	float: left;
	width: 200xp;
	padding-right: 20px;
}

.recent_searches ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.recent_searches li {
	margin: .5em 0;
}


.recent_searches a {
	color: silver;
}

.recent_searches a strong {
	font-weight: normal;
	color: #1b8be0;
}

/* HEADER LOGIN */

#username_box {
	position: absolute;
	top: 15px;
	right: 230px;
}

#password_box {
	position: absolute;
	top: 15px;
	right: 80px;
}

#login_box {
	position: absolute;
	top: 30px;
	right: 15px;
}

#login_box input {
	color: gray;
}

#header label {
	color: gray;
}

#username, #password {
	border: 1px solid #f9f9f9;
}

/* DATA */

table td {
	background-color: #f2f2f2;
	padding: 5px;
}

table thead td {
	background-color: gray;
	color: white;
}

/* Floating menu */
.floating_menu {
	float: left;
	width: 180px;
}

.floating_content {
	width: 700px;
	margin-left: 20px;
	float: left;
}

div.float_menu a {
	float: left;
	padding: 3px 0 5px 0;
	line-height: 1.6em;
	width: 160px;
	border-left: 3px solid #eaeaea;
	padding-left: 5px;
	margin: 5px 0;
	background-color: #F7F7F7;
	color: gray;
	position: relative;
}

div.float_menu a.active {
	color: #1b8be0;
	border-color: #1b8be0;
	cursor: default;
}

p.float_menu_1 {
	margin-left: 20px;
}

p.float_menu_2 {
	margin-left: 40px;
}

div.float_menu_1 a {
	width: 150px;
	margin-left: 10px;
}

div.float_menu_2 a {
	width: 140px;
	margin-left: 20px;
}

div.links_page h1, div.links_page h2, div.links_page h3, div.links_page h4, div.links_page h5, div.links_page h6 {
	border-bottom: 1px dotted silver;
}

ul.documents, ul.documents li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul.documents li {
	float: left;
	border-bottom: 1px dotted #eaeaea;
	width: 100%;
	padding-bottom: 1em;
	margin-top: 1em;
}

ul.documents li img {
	float: left;
	position: absolute;
}

ul.documents li span.file_info {
	float: left;
	margin-left: 50px;
}

ul.documents li span.file_info a {
	float: left;
	width: 100%;
	margin-bottom: .3em;
}

ul.documents .meta_info {
	color: silver;
	float: left;
	width: 100%;
	margin-top: .5em;
}

.current-menu-item {
	font-weight: bold;
}

.nosidebar {
	width: 900px;
}

.tagcloud a {
	color: silver;
}

.tagcloud a:hover {
	color: gray;
}

.changelog a {
	color: gray;
}

.changelog a:hover {
	color: black;
}

.data_backend form label {
	float: left; 
	width: 150px;
}

div.login {
	position: absolute;
	top: 30px;
	right: 20px;
}

div.login a {
	color: silver;
}

div.login a:hover {
	color: gray;
}

#footer {
	text-align: left;
	position: relative;
	top: -30px;
}

ul.partners {
	width: 100%;
	margin: 15px 0 30px 0;
	padding: 0;
	float: left;
	list-style: none;
}

ul.partners li {
	float: left;
	margin: 0 30px;
	padding: 0;
}

#footer p {
	color: silver;
	text-align: center;
}

.map_canvas {
	float: left;
	position: relative;
	top: 30px;
	height: 600px;
	width: 900px;
	margin-left: 100px;
}

.map_canvas ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.map_canvas ul li {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
}

.map_canvas ul li img.hl {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	display: none;
}


.map_canvas ul li span {
	float: left;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 120px;
}


.map_canvas ul li a {
	cursor:default;
}

.map_canvas ul li a span {
	cursor: pointer;
}



.map_canvas ul li.croatia {
	top: 0;
	left: 0;
}

.map_canvas ul li.croatia span {
	top: 80px;
	left: 190px;
}

.map_canvas ul li.bosnia-and-herzegovina {
	top: 116px;
	left: 153px;
}

.map_canvas ul li.bosnia-and-herzegovina span {
	top: 70px;
	left: 110px;
}


.map_canvas ul li.serbia {
	top: 8px;
	left: 350px;
}

.map_canvas ul li.serbia span {
	top: 170px;
	left: 130px;
}


.map_canvas ul li.montenegro {
	top: 265px;
	left: 360px;
}

.map_canvas ul li.montenegro span {
	top: 55px;
	left: 25px;
}


.map_canvas ul li.albania {
	top: 340px;
	left: 426px;
}

.map_canvas ul li.albania span {
	top: 100px;
	left: 32px;
}


.map_canvas ul li.macedonia {
	top: 342px;
	left: 512px;
}

.map_canvas ul li.macedonia span {
	top: 70px;
	left: 50px;
}

.map_canvas ul li.kosovo-unscr-1244,
.map_canvas ul li.kosovo-un-1244 {
	top: 272px;
	left: 469px;
	z-index: 1001;
}

.map_canvas ul li.kosovo-unscr-1244 span, 
.map_canvas ul li.kosovo-un-1244 span {
	top: 50px;
	left: 35px;
	width: 80px;
}

.level_1 {
	padding-left: 25px;
}

.level_2 {
	padding-left: 40px;
}

.level_3 {
	padding-left: 55px;
}

.level_4 {
	padding-left: 70px;
}

.level_5 {
	padding-left: 95px;
}


.expand {
	margin-right: 5px;
}

.entry-content p {
	line-height: 1.5em;
}

.entry-content ul li {
	margin-bottom: 1em;
}

.entry-content h3 {
	font-variant: small-caps;
	font-size: 120%;
	font-weight: bold;
	margin: 1em 0;
}

.entry-content a {
	color: #1b8be0;
}

.entry-header h1 {
	font-size: 1.8em;
	margin: 0.8em 0 1em 0;
}

/*.right_column .avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid silver;
	padding: 3px;
}*/

.post img {
	margin: 1.8em 0;
}

p.bottom-figure-caption {
	padding: 0;
	margin: 0;
	margin-top: -1em;
	font-style: italic !important;
	margin-bottom: 3em;
	font-size: .9em;
}

p.top-figure-caption {
	padding: 0;
	margin: 0;
	margin-bottom: -1em;
	font-style: italic !important;
	margin-top: 3em;
	font-size: .9em;
}

.container_620x220 img {
	margin: 0 !important;
}

h4#author_name {
	float: left; width: 300px;
	font-size: 1.4em;
	margin-bottom: 1em;
}

#post_author_profile img.avatar {
	float: left;
	margin-right: 10px;
}

#author_posts_link {
	margin-top: 1em;
}

#author_personal_url {
	font-size: .8em;
}

#searchform {
	margin-top: 10px;
}

.search-highlight {
	color: #454545;
}

#s {
	width: 170px;
}

.placeholder {
	color: gray;
}