﻿/*
	project: internet encyclopedia
	author: luka cvrk (www.solucija.com)
*/
:visited { text-decoration:none } 
:link { text-decoration:none } :active { outline: 0 } :focus { outline: 0 } ol { list-style:none } ul { list-style:none } code { font-size:1em; } pre { font-size:1em; } h6 { font-size:1em; } h5 { font-size:1em; } h4 { font-size:1em; } 
h3 {font-size: 1.6em;font-weight:normal;}
h2 { font-size:1em; } h1 { font-size:1em; } input { margin:0; padding:0 } fieldset { margin:0; padding:0 } blockquote { margin:0; padding:0 } p { margin:0; padding:0 } html { margin:0; padding:0 } body { margin:0; padding:0 } form { margin:0; padding:0 } pre { margin:0; padding:0 } h6 { margin:0; padding:0 } h5 { margin:0; padding:0 } h4 { margin:0; padding:0 } h3 { margin:0; padding:0 } h2 { margin:0; padding:0 } h1 { margin:0; padding:0 } li { margin:0; padding:0 } ol { margin:0; padding:0 } ul { margin:0; padding:0 } fieldset { border:none } :visited img { border:none } :link img { border:none } a img { border:none } address { font-style:normal }
body { font: .8em Arial, Verdana, Helvetica, sans-serif; color: #666;  background: #F7FCFF url(../images/bg.gif) repeat-x; }
a { color: #AF1515; cursor: pointer; }
a:hover { color: #7D1919; }
h1 { font-size: 3em; clear: both; margin: 0 0 5px; }
h2 { font: normal 2.0em Arial; color: #3D3C3B; margin: 0 0 15px; }
h2#slogan {font-size: 1.2em;color: #808080;}
p  { margin: 0 0 15px; line-height: 1.7em; }
.purple {color: #800080;}
.clear { clear: both; }
.wrap { margin: 0 auto; width: 900px; }
.background {background: url('../images/bg.jpg') no-repeat left 42px;}

#search  { float: right; margin: 9px 0 0; width: 205px; }
	input.field { float: left; background: #808080; color: #ccc; padding: 4px; border: 0; margin: 0 5px 0 0; width: 170px; font: .8em "Trebuchet MS", Arial, Sans-Serif; }
		input.field:focus { border-bottom: 1px dotted #ccc; color: #fff; }
	input.button { float: right; background: url("../images/search.gif") no-repeat; width: 20px; height: 13px; border: 0; margin: 5px 0 0; }

#menu { padding: 0 0 8px; margin: 0 0 25px; height: 20px;  }
	#menu li { display: inline; }
	#menu li a { float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-weight: bold; font-size: .8em; padding: 16px 0 21px; color: #ccc; }
		#menu li a.current { color: #AF1515; background: url(".././../assets/images/menu.gif") no-repeat center bottom;}
		#menu li a:hover { color: #AF1515; background: url("../../../assets/images/menu.gif") no-repeat center bottom;}
	
#logo { float: left; margin: 20px 0 10px 0; }
#logos {
	border: 1px solid #CCCCCC;
	width: 900px;
	text-align: center;
	margin-bottom: 10px;
}
#feature{ color: #33617F; float: right; background: #fff; width: 500px; height: 160px; margin: 20px 0 10px 0; font-size: 1em; padding: 10px 10px 2px; }
	#feature img { float: left; margin: 0 20px 0 0; }
	#feature p { margin: 0; }
	.more { font-size: .74em; font-weight: bold; margin: 0 5px 0 0; color: #390505; font-style: normal; }

#feature_menu { float: right; }
	#feature_menu li { display: inline; }
	#feature_menu li a { color: #33617F; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: #C6E5F9 url("../images/bullet.gif") no-repeat 7px 12px; font-size: .8em; font-weight: bold; }
		#feature_menu li a:hover { color: #071F2D; background: #fff url(../images/bullet_hover.gif) no-repeat 7px 8px; }
		#feature_menu li a.current { background: #fff url("../images/bullet.gif") no-repeat 5px 12px;
}
	
#feature_menu li a  {
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
	
#feature  {
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
	
#left { float: left; width: 550px; margin: 0 0 10px; }
	#left h2 { color: #52A9BA; }
		#left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
		#left .more { color: #7EA4BC; }
	.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; } 
	.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
	.date span { font-size: 1.6em; }
	
#side { float: right; width: 300px; margin: 0 0 30px; font-size: .9em; }
	#side h3 { color: #ccc; margin: 0 0 26px 5px; height: 16px; }

.boxtop { background: url(../images/box.gif) no-repeat top; padding: 2px 0; }
.box { padding: 3px 6px; background: #363636; }
.boxbottom { background: url(../images/box.gif) no-repeat bottom; padding: 2px 0; }

.item { font-size: 1em; display: block; color: #ccc; background: #fff url('../../../assets/images/bg-item-1.png') repeat-y; padding: 4px 10px; margin: 0 0 5px; }
	.item a {color:#fff;}
	.item.last { margin: 0; }
	.item:hover { background: #fff url('../../../assets/images/bg-item-2.png') repeat-y; color: #fff; }
	.item strong { color: #FFFAD3; line-height: 27px; font-size:16px; }
		.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
		.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }


#ad { background: url("../images/dot.gif") repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em;  }
#promo { clear: both; border-top: 3px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc; padding: 30px 0 0 0; }
	#promo h2 { color: #fff; }
	#promo a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
	.col { float: left; width: 280px; margin: 0 30px 20px 0; }
		.last { margin: 0; }
#footer { clear: both; padding: 15px 0; font-size: .84em; color: #808080; border-top: 1px dotted #666; }
.imgFLoatRight {float: right;margin-bottom: 15px;margin-left: 15px;padding: 3px;border: 1px solid #000000;background-color: #eee;}

/* Form Columns */
#left_form {
	float: left;
	width: 360px;
	margin: 0 0 10px 50px;
	text-align: justify;
}
	#left_form h2 { color: #52A9BA; }
		#left_form h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
		#left_form .more { color: #7EA4BC; }
	.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; } 
	.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
	.date span { font-size: 1.6em; }

#right_form {
	float: right;
	width: 360px;
	margin: 0 50px 30px 0;
	font-size: .9em;
}
	#right_form h3 {
	color: #666666;
	height: 16px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
}

/* Icon Bullet Lists */
.iconlist { list-style: none; margin: 0; padding: 0 0 20px 0; }
li.pdf {
	background-image: url('../bullets/bul-gold-badge.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
li.blue_check {
	background-image: url('../bullets/9.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}
li.green_check {
	background-image: url('../bullets/10.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}
li.gold_star {
	background-image: url('../bullets/14.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}
li.info {
	background-image: url('../bullets/49.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}
li.blue_arrow {
	background-image: url('../bullets/1.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}

.orange {
	color: #FF3300;
	font-size: medium;
	font-weight: bold;
}
.small_text {font-size: .64em;}
.lock {background-image: url('../bullets/001_42.png');background-repeat: no-repeat;background-position: 0px 50%;padding-left: 30px;}
.subtext {font-size: .84em;}
.center {
	text-align:center;
}


