/*

CSS File

Version: 01

Created at: HBfx Studio

Author: Eros Nicolau

*/

/* 



Tag redefines

*/

html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { behavior:url("css/csshover.htc"); background-image: url(../img/body_back.gif); background-repeat: no-repeat; background-position: center top; font-family: Tahoma, Geneva, sans-serif; }
div { margin: auto; height: auto; }
form { margin: 0px; padding: 0px; }
a img { border: none 0px; }
h1 { color: #BE272E; }
/* 



Link styles

*/

a { color: #f78e11; text-decoration: none; }
a:hover { color: #000000; }
/*



Holder styles

*/

.holder2 { width: 100%; }
.holder1 { text-align: center; margin-left: auto; margin-right: auto; width: 1000px; }
.holder { text-align: left; margin: 0px; padding: 0px; border: none; position: relative; *width:1000;
}
/*



Header styles

*/

.header .holder { height: 152px; position: relative; background-image: url(../img/header_back.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 11px; padding-bottom: 10px; line-height: 28px; }
.header .languages { float: right; font-weight: bold; color: #FFF; padding-right: 10px; position: absolute; right: 210px; bottom: 10px; }
.header a { color: #FFF; }
.header a:hover { color: #000; }
.header a { color: #ffffff; text-decoration: none; }
.header .logo img { width: 350px; height: 121px; background-image: url(../img/logo_fundatii.gif); background-repeat: no-repeat; background-position: 0px 0px; }
/*



Main area styles

*/

.area .holder { padding-top: 10px; padding-bottom: 20px; }
.l-col, .m-col, .r-col { float: left; }
.l-col { width: 180px; padding-left: 10px; padding-bottom: 150px; }
.m-col { width: 570px; padding: 0px 25px 0px 25px; line-height: 18px; color: #696969; font-size: 12px; }
.r-col { width: 180px; padding-bottom: 115px; }
.l-col .box, .r-col .box { border: 1px solid #be272e; margin-bottom: 5px; padding: 0px 10px 10px 10px; background-image: url(/img/opaque_white_fifty.png) !important; background-image: none; filter: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=/img/opaque_white_fifty.png);
font-size: 12px; line-height: 20px; }
.r-col .box { line-height: normal; color: #666; }
.l-col .menu_limitat { border: 1px solid #666 !important; }
.m-col h2 { margin-bottom: 0px; padding-bottom: 0px; }
.m-col .date, .m-col .tags, .m-col .cats { font-size: 10px; color: #999; }
.m-col .article { padding-bottom: 20px; border-bottom: dashed 1px #F60; }
.m-col .article p { margin-top: 0px; padding-top: 0px; }
/*



Footer styles

*/

.footer .holder { background-image: url(../img/footer_back.gif); background-repeat: repeat-x; background-position: 0px 0px; height: 31px; padding: 0px 210px 0px 120px; color: #FFF; font-size: 11px; line-height: 31px; }
.footer .holder a { color: #be272e; }
.footer .holder a:hover { color: #000000; }
.footer .credits { float: right; }
.footer .decoration1, .footer .decoration2 { position: absolute;  bottom: 6px; }
.footer .decoration1 { background-image: url(../img/footer_decoration_1.gif); left: 0px; width: 113px; height: 171px; }
.footer .decoration2 { background-image: url(../img/footer_decoration_2.gif); right: 0px; width: 190px; height: 134px; }
/*



Main Menu styles

*/

.l-col ul { margin: 0px; padding: 0px; }
.l-col li { list-style-image: none; list-style-type: none; margin: 0px; padding: 5px 0px 5px 0px; font-weight: bold; line-height: 13px; }
.l-col li li { padding-left: 20px; font-weight: normal; }
.l-col .menu_global li a { color: #be272e; }
.l-col .menu_limitat li a, .l-col .menu_global li.members a { color: #666 !important; }
.l-col .menu_global li a:hover, .l-col .menu_limitat li a:hover { color: #000000 !important; }
/*



Login styles

*/

form.login { vertical-align: middle; position: absolute; left: 10px; bottom: 10px; margin: 0px; padding: 0px; }
form.login input { vertical-align: middle; }
form.login input[type=text] { width: 80px; }
form.login input[type=password] { width: 80px; }
form.login input[type=submit] { font-weight: bold; height: 22px; }
.loginResponse { color: #FFF; vertical-align: middle; padding-left: 20px; line-height: 35px; }
/*



Search styles

*/

form.search { vertical-align: middle; position: absolute; right: 10px; bottom: 10px; text-align: right; width: 200px; margin: 0px; padding: 0px; }
form.search input { vertical-align: middle; }
form.search input[type=text] { width: 140px; height: 15px; }
form.search input[type=submit] { height: 22px; font-weight: bold; }
/*



Misc. styles

*/

.image_cell { vertical-align: top; padding-bottom: 20px; }
.image_cell a { display: block; margin: auto; position: relative; text-decoration: none; color: #000000; font-size: 12px; }
.image_cell a img { display: block; margin: auto; width: 100px; height: 100px; background-position: center center; background-repeat: no-repeat; border: solid 1px #000000; background-color: #FFF; }
.image_cell a span { text-align: center; font-size: 10px; display: block; }
.question, .questions, .manuals, .manual a { color: #007229; font-size: 14px; font-weight: bold; }
.question:hover, .manual a:hover { color: #333; }
.answer { padding: 10px 20px 20px 20px; font-size: 11px; color: #666; }
.answer .video { float: right; }
.transparent { -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); }
.avatar img { width: 48px; height: 48px; border: solid 1px #F89826; padding: 2px; background-repeat: no-repeat; background-position: center center; margin-left: 20px; }
.news_home { font-size: 11px; color: #696969; line-height: normal; }
.news_home .title { font-size: 14px; font-weight: bold; color: #f78e11; }
.news_home .date { font-size: 10px; color: #919191; }
.news_home h2 { margin-bottom: 0px; padding-bottom: 0px; }
.news_home h2 a { font-size: 12px; }
.highlight { color: #f78e11; font-weight: bold; }
.cloudsize1 { font-size: 9px; }
.cloudsize2 { font-size: 10px; }
.cloudsize3 { font-size: 11px; }
.cloudsize4 { font-size: 12px; }
.cloudsize5 { font-size: 13px; }
.cloudsize6 { font-size: 14px; }
.cloudsize7 { font-size: 15px; }
.cloudsize8 { font-size: 16px; }
.cloudsize9 { font-size: 17px; }
.cloudsize10 { font-size: 18px; }


#eyecandy { position: relative; height: 280px; padding-bottom: 20px; }
#eyecandy .border { width: 405px; padding: 5px; border: solid 1px #bb0f16; height: 280px; position: absolute; left: 0px; top: 0px; }
#eyecandy .story { position: absolute; left: 0px; top: 0px; }
#eyecandy .full-story { display: none; width: 405px; padding: 5px; border: solid 1px #bb0f16; height: 280px; }
#eyecandy .full-story img { float: left; margin-right: 10px; }
#eyecandy .highlight .full-story { display: block; }
#eyecandy .highlight .short-story { border-left: solid 5px; left: 416px; }
#eyecandy .short-story { position: absolute; left: 420px; width: 140px; background-color: #fff; color: #bb0f16; border: solid 1px #bb0f16; height: 55px; padding: 5px; line-height: normal; font-size: 12px; }
#eyecandy .short-story span { display: block; }
#eyecandy .short-story span + span { color: #999; font-weight: normal !important; font-size: 10px; line-height: normal; }
#story1 .short-story { top: 0px; }
#story2 .short-story { top: 70px; }
#story3 .short-story { top: 140px; }
#story4 .short-story { top: 210px; }
#eyecandy .story-caption { display: block; font-size: 14px; height: 30px; line-height: 20px; color: #bb0f16; }
#eyecandy .story-text { color: #333; font-weight: normal; }
/*



*/

/* IE 6 and below hacks		*/

*html a { }
/* IE 7 only hacks		*/

*:first-child+html a { }
/* Opera 9 and below hacks	*/

html:first-child a { }

/* Safari and Opera hacks	*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
 a {
}
}
/* HR Styling hacks		*/

/* IE				*/

hr { height: 1px; color: #d5d8d8; border: none; }
/* Gecko-based browsers		*/

html>body hr { height: 1px; background-color: #d5d8d8; border: none; }
/* Opera & Gecko-based browsers	*/

html>body hr { height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8; }
/* clearfix			*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/

.clearfix { display: block; }
* html .clearfix { height: 1%; }

/* End hide from IE Mac */

