/*
Theme Name: ICT4D.at
Theme URI: http://ict4d.at/
Description: ICT4D.at theme.
Version: $Rev: 846 $
Author: ICT4D.at
Author URI: http://ict4d.at/
Tags:
*/



body
{
	font-family: arial, sans-serif;
	color: #333;
	padding: 0px;
	margin: 0px;
}

a:link {color: #8fb2c9; text-decoration: underline;}
a:hover {color: #333; text-decoration: none;}
a:visited {color: #8fb2c9; text-decoration: underline;}
a.grey:link {color: #7C7C7C !important ; text-decoration: none;}
a.grey:hover {color: #333 !important ; text-decoration: underline;}
a.grey:visited {color: #7C7C7C !important ; text-decoration: none;}
a.n:link { text-decoration: none;}
a.n:hover {text-decoration: underline;}
a.n:visited {text-decoration: none;}
.clear {clear:both;}
.logo { color: #333; font-size: 28px;}
img { border: 0px;}
.fl_r { float: right;}
.fl_l { float: left;}
h1 { font-size: 26px; color: #333; margin: 5px 0px 5px 0px; padding: 0px; font-weight: normal;}
h2 { font-size: 16px; color: #333; margin: 5px 0px 5px 0px; padding: 0px;}
h3 { font-size: 14px; color: #333; margin: 5px 0px 5px 0px; padding: 0px;}
.mr10 { margin-right: 10px;}
.fnt11 { font-size: 11px !important ;}
.fnt12 { font-size: 12px !important ;}
.fnt13 { font-size: 13px !important ;}
.fnt14 { font-size: 14px !important ;}
.fnt16 { font-size: 16px !important ;}
.fnt_sf { font-family: Times New Roman, Times, serif !important ;}
.fnt_ssf { font-family: Arial, serif !important ;}
.grey { color: #7C7C7C;}

/* navi*/
.navi { display: block; width: 800px; height: 101px; margin: 0 auto; margin-top: 20px; background: url(images/navi_main_bg.gif) bottom left repeat-x;}
.navi a, .navi a:visited {color: #333;text-decoration: none !important ; font-size:13px;}
.navi a:hover {color: #333; text-decoration: underline !important ;}
.navi ul, .menu_nav { font-family: Arial Narrow, Arial;}
.sl { font-size: 13px; color: #333; margin: 0px; padding: 5px  10px 5px 10px !important ;}
.sel { font-size: 12px; color: #fff;}
.navi_title {margin-bottom: 7px !important ; font-size: 14px !important;}
.navi_blog_sel .navi_title span, .navi .navi_title a {font-size: 14px;}
.navi li a {line-height:14px;}
.navi ul {list-style: none;  margin:  9px 5px 0px 5px; padding: 0px; font-size: 11px;}
.navi li {list-style: none;  margin: 0px 0px 3px 0px; padding: 0px 0px 0px 5px; line-height: 12px;}
.navi_sel {padding: 0px 0px 0px 0px !important ;}
.navi_sel img {margin-right: 1px;}
.navi_more { margin-top: 6px !important ;}

.navi_home { 
  background:transparent url(images/logo_unselected.png) no-repeat scroll left bottom;
  display: block; 
  float: left; 
  width: 310px;
  height: 101px;
  border-right:1px solid white;
}
.navi_home table { width: 300px;}
.navi_home table td { vertical-align: top; padding: 10px;}
.navi_home p {margin: 0px; padding: 0px;}
.navi_home_sel { display: block; float: left; width: 311px; height: 101px; background: url(images/home_sel_bg.png) bottom left no-repeat;}
.navi_home_sel table { width: 300px;}
.navi_home_sel table td { vertical-align: top; padding: 10px;}
.navi_home_sel p {margin: 0px; padding: 0px;}
.navi_blog {display: block; float: left; width: 55px; height: 101px; border-right: 1px solid #c2d8e6; vertical-align: top;}
.navi_blog_sel {display: block; float: left; width: 55px; height: 101px; background: url(images/blog_sel_bg.png) bottom left no-repeat; vertical-align: top;}
.navi_about {display: block; float: left; width: 80px; height: 101px; border-right: 1px solid #c2d8e6; vertical-align: top;}
.navi_about_sel {display: block; float: left; width: 80px; height: 101px; background: url(images/about_sel_bg.png) bottom left no-repeat; vertical-align: top;}
.navi_projects {display: block; float: left; width: 135px; height: 101px; border-right: 1px solid #c2d8e6; vertical-align: top;}
.navi_projects_sel {display: block; float: left; width: 115px; height: 101px; background: url(images/projects_sel_bg.png) bottom left no-repeat; vertical-align: top;}
.navi_resources {display: block; float: left; width: 150px; height: 101px; border-right: 1px solid #c2d8e6; vertical-align: top;}
.navi_resources_sel {display: block; float: left; width: 130px; height: 101px; background: url(images/resources_sel_bg.png) bottom left no-repeat; vertical-align: top;}
.navi_join {display: block; float: left; width: 104px; height: 101px; border-right: 1px solid #c2d8e6; vertical-align: top;}
.navi_join_sel {display: block; float: left; width: 104px; height: 101px; background: url(images/join_sel_bg.png) bottom left no-repeat; vertical-align: top;}

/* social*/
.social { display: block; width: 800px; height: 22px; line-height: 22px; margin: 0 auto; margin-bottom: 15px; margin-top: 15px; font-size: 11px; vertical-align: middle;}
.social a, .social a:visited {color: #999;text-decoration: none !important ; margin-right: 5px;}
.social a:hover {color: #999; text-decoration: none !important ; margin-right: 5px;}
.social a img { margin-right: 2px;}
.social_left { float: left; height: 22px; line-height: 22px; padding-top: 5px;}
.social_right { float: right; height: 22px; line-height: 22px; color: #999;}

/* search*/
.search {width: 800px; margin-bottom: 15px; font-size: 12px; background-color: #efece6; border: 1px solid #ddd9d0;}
.search td { padding: 2px 5px 2px 5px; vertical-align: middle;}
.search td select { 
  color: #B2B2B2;
  /*color:#000000;*/
  margin-right: 10px;
  font-size: 12px;
}
.search_string { width: 150px; height: 14px; line-height: 12px; font-size: 12px; color: #B2B2B2;  border: 1px solid #ddd9d0; padding: 3px; margin-bottom: 3px; vertical-align: middle;}
.search_btn { background-color: #938e86; color: #fff; border: none; height: 20px; width: 30px; cursor: pointer; margin-top: 2px;}

/* center */
.img_block { display: block; width: 800px; 
/*height: 319px; */
margin: 0 auto; margin-bottom: 15px; vertical-align: top;}

/* blocks */
.home_blocks { width: 800px; margin-bottom: 30px; font-size: 13px;}
.home_blocks p { margin: 5px 0px 5px 0px; line-height: 18px; padding: 0px;}
.home_blocks td { vertical-align: top;}
.b1_bg { background: url(images/b1_bg.gif) top left repeat-y; padding: 5px; font-size: 12px !important ;}
.b2_bg { background: url(images/b2_bg.gif) top left repeat-y; padding: 5px;}
.b3_bg { background: url(images/b3_bg.gif) top left repeat-y; padding: 5px;}
.hr1 { background-color:#bdd1df; border-style:none; color:#bdd1df; height:1px; margin-bottom:5px; margin-top:5px; width: 246px;}
.hr2 { background-color:#bdd1df; border-style:none; color:#bdd1df; height:1px; margin-bottom:5px; margin-top:5px; width: 161px;}
.hr3 { background-color:#cdcdcd; border-style:none; color:#cdcdcd; height:1px; margin-bottom:5px; margin-top:5px; width: 161px;}
.b_home { border-left: 1px solid #ddd9d0; padding: 5px 10px 5px 10px; }
.b_home p { margin: 5px 0px 5px 0px; line-height: 18px; padding: 0px;}

.b2_top { background: url(images/b2_top.gif) no-repeat; }
.b2_bottom { background: url(images/b2_bottom.gif) no-repeat; }

/* blog */
.blog_center { width: 800px; margin-bottom: 15px;}
.blog_center p { margin: 0px; padding-bottom: 2px; padding-top: 2px;}
.blog_center td { vertical-align: top;}
#tag_cloud { clear: both;}
#tag_cloud a, #tag_cloud  a:visited {color: #333; text-decoration: none; margin-right: 3px;}
#tag_cloud  a:hover {color: #666; text-decoration: underline; margin-right: 3px;}
.tag_s0 { font-size: 10px;}
.tag_s1 { font-size: 11px;}
.tag_s2 { font-size: 12px;}
.tag_s3 { font-size: 13px;}
.tag_s4 { font-size: 14px;}
.widget_categories ul, .widget_archive ul { padding: 0; margin: 0; list-style: none;}
.widget_categories a, .widget_categories  a:visited {color: #333; text-decoration: none; margin-right: 3px; font-size: 12px;}
.widget_categories  a:hover {color: #666; text-decoration: underline; margin-right: 3px; font-size: 12px;}
.widget_archive li { display: inline; }
.widget_archive a, .widget_archive  a:visited {color: #333; text-decoration: none; margin-right: 3px; font-size: 12px;}
.widget_archive  a:hover {color: #666; text-decoration: underline; margin-right: 3px; font-size: 12px;}
.widget_archive .b2_top { background-image: url(images/b3_top.gif);}
.widget_archive .b2_bg { background-image: url(images/b3_bg.gif);}
.widget_archive .b2_bottom { background-image: url(images/b3_bottom.gif);}
.widget_archive .hr2 { background-color: #cdcdcd; color:#cdcdcd;}

.blog_item { margin-bottom: 30px; line-height: 18px;}
.blog_item p { margin: 0px; padding-bottom: 2px; padding-top: 2px; font-size: 13px;}
.blog_item li { padding:0px; font-size: 13px;}
.blog_item a, .blog_item a:visited {text-decoration: none !important ;}
.blog_item a:hover {text-decoration: underline !important ;}
.blog_item h1 a, .blog_item h1 a {
  color: #333; 
  text-decoration: none;
  font-size: 24px;
  font-family: Helvetica, Arial narrow;
  font-weight: bold;
  line-height: 22px;
}
blockquote { display: block; margin: 0; padding-left: 10px; font-size: 11px; border-left: 1px solid #e3e3e3;}
a.comments:link {color: #fff; text-decoration: none; display: block; height: 20px; line-height: 20px; background-color: #a7cfe6; border: 1px solid #8fb2c9; padding-left: 5px; font-size: 13px;}
a.comments:hover {color: #fff; text-decoration: none; display: block; height: 20px; line-height: 20px; background-color: #a7cfe6; border: 1px solid #8fb2c9; padding-left: 5px; font-size: 13px;}
a.comments:visited {color: #fff; text-decoration: none; display: block; height: 20px; line-height: 20px; background-color: #a7cfe6; border: 1px solid #8fb2c9; padding-left: 5px; font-size: 13px;}
.nocomments {color: #B2B2B2; text-decoration: none; display: block; height: 20px; line-height: 20px; background-color: #efefef; border: 1px solid #d4d4d4; padding-left: 5px; font-size: 13px;}
.blog_itom_opt {display: block; height: 20px; line-height: 20px; background-color: #f7f7f7; border: 1px solid #e3e3e3; padding-left: 5px; padding-right: 5px; font-size: 11px; margin-left: 3px;}
.prev a:link {color: #fff; text-decoration: none; display: block; float: left; height: 30px; line-height: 30px; background-color: #a7cfe6; border: 1px solid #8fb2c9; padding-left: 5px; font-size: 14px; margin-top: 15px; margin-bottom: 15px; width: 160px; margin-right: 1em;}
.prev a:hover {color: #fff; text-decoration: none; display: block; float: left; height: 30px; line-height: 30px; background-color: #a7cfe6; border: 1px solid #8fb2c9; padding-left: 5px; font-size: 14px; margin-top: 15px; margin-bottom: 15px; width: 160px; margin-right: 1em;}
.prev a:visited {color: #fff; text-decoration: none; display: block; float: left; height: 30px; line-height: 30px; background-color: #a7cfe6; border: 1px solid #8fb2c9; padding-left: 5px; font-size: 14px; margin-top: 15px; margin-bottom: 15px; width: 160px; margin-right: 1em;}

/* bottom */
.bottom {width: 800px; height: 40px; margin-top: 15px; margin-bottom: 10px; font-size: 11px; background-color: #f7f7f7; border: 1px solid #e3e3e3; color: #999;}
.bottom td { padding: 5px;}
.bottom_navi {padding-right: 5px; padding-left: 5px; }

.regions { display: inline;}

/* added by flo */
.alignleft {text-align: center; float: left; margin-right: 3px}
.alignright {text-align: center; float: right; margin-left: 3px}
.blog_item ul, .blog_item ol {
  margin-top:2px;
  margin-bottom:5px;
  padding-left:15px;
}

/* donate header */
#donate_parent {
	width: 800px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 10px;
}
#donate_header {
	font-family: Arial;
	font-size: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 16px;
	height: auto;
	width: 780px;
	border: 2px solid #a0d4e6;
	background-color: #f6fcff;
	color: #408ecc;
	padding: 8px;
	float: left;
	margin-bottom: 10px;
}
#donate_header a {
	color: #408ecc;
}
#donate_header .support, #donate_header .support_open {
	float: left;
	width: 645px;
	line-height: 150%;
}
#donate_header .support a, #donate_header .support_open a {
	cursor: pointer;
	cursor: hand;
}
#donate_header .bold {
	font-weight: bolder;
}
#donate_header .donate_closed {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#donate_header .donate_open {
	float: right;
	cursor: pointer;
	cursor: hand;
	padding: 14px 0px 16px 4px;
	border-left: 1px solid #cae8f2;
}