/*
Theme Name: Translation Age
Version: 1.0
Author: Gabor Szabo (szabo.gabor@szabogabor.net)
Author URI: http://www.szabogabor.net/
*/

body {background-color:#361112;margin:0px; padding:0px;background-image : url(images/bg01.gif);background-position : top left;background-repeat : repeat-x;
	overflow:hidden;}

td {font-family:tahoma; color:#D5B2B2; line-height:14px;}
div {font-family:tahoma; color:#D5B2B2;}
a {font-family:tahoma; font-size:10px; color:#EBD7D7; text-decoration: underline;}
a:hover {color:#EBD7D7; text-decoration:none ;}
h1 {padding: 5px 0px 5px 0px;
	color:white; font-size:24px;}

#mainbg {position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background-image : url(images/bg02.jpg);background-position : top left;background-repeat : no-repeat;
	z-index:1}
	
#logo {width:273px; height:170px; overflow:hidden; margin-bottom: 10px; }

#gap {width:1px;height:4px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size:0px;}
#gap2 {width:9px;height:1px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size:0px;text-align:left;}
/*left*/

#left {position:absolute; top:0px; left:35px;
	width:273px; padding-top:22px;
	z-index:4; font-size:10px;
	 font-size:9px; 
	}
	
#left-header {color:#BA2222; font-weight:bold;
	border-bottom: 4px solid #2F0F0F; 
	text-align:right;
	padding:2px 0px 2px 0px;}
	
#lang {float:right; width: 125px; height:224px;  border-bottom: 1px solid #2F0F0F;  padding:0px 0px 4px 0px; }
	/* background-image : url(images/map.gif);background-position : bottom right;background-repeat : no-repeat;} */

	#lang .link a {color:#DCB3B3;  text-decoration:none;  margin: 3px 0px 3px 0px;padding: 1px 5px 1px 0px;
		border-right: 1px solid #BA2222;
		display:block; text-align:right;}
	#lang .link a:hover {color:#44191B;  text-decoration:none;  margin: 3px 0px 3px 0px;padding: 1px 5px 1px 0px;
		border-right: 1px solid #BA2222; background-color:#BA2222;
		display:block; text-align:right; font-weight:bold;}
	
#navig {float:right; width: 140px; margin-left:7px; border-bottom: 1px solid #2F0F0F; padding:0px 0px 4px 0px;}

	#navig .link a {font-size:12px; color:#ECE6E6;  text-decoration:none;  margin: 4px 0px 4px 0px;padding: 1px 5px 1px 0px;
		border-right: 1px solid #BA2222;
		display:block; text-align:right;}
	#navig .link a:hover {font-size:12px; color:#44191B;  text-decoration:none;  margin: 4px 0px 4px 0px;padding: 1px 5px 1px 0px;
		border-right: 1px solid #BA2222; background-color:#BA2222;
		display:block; text-align:right; font-weight:bold;}
	
	#contact { text-align: center; padding-top: 5px; margin-bottom: 5px; }

/*main*/

#main_container {position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	z-index:3;overflow:auto;
	}

#main {width:463px; margin:22px 0px 0px 340px;
	border-top: 6px solid #BB2222;
	 font-size:10px;
	}

#main .column-title {
	background-image : url(images/_main_column_title_bg.gif);background-position : bottom left;background-repeat : repeat-x;
	background-color:#C02323;
	padding:10px;}
	
	#main .column-title .title {font-family: 'Trebuchet MS', Tahoma;
		color:white; font-size:22px;
		padding:5px 15px 5px 15px; line-height:20px;border-bottom:1px solid #6A1B1A;
		background-color:#EB1C1C;}

	#main .column-title .subtitle {font-family: 'Trebuchet MS', Tahoma;
		color:#D5B2B2; font-size:22px;  line-height:20px;
		padding:5px;display:block}
		
	#main .column-title .lead {
		color:white; font-size:11px; font-weight:bold;
		display:block}
	
	
#main .column-content {
	background-image : url(images/_main_column_content_bg.gif);
	background-position : top left;
	background-repeat : repeat-x;
	background-color:#5D1A19;
	border: 1px solid #771C1B;
	padding:20px;
	line-height:13px;}

#main p {margin:7px 0px 14px 0px;}
#main .section {padding:5px 0px 5px 0px;border-bottom:1px solid #2F0F0F;}
#main .section .title {border-bottom:1px solid #C02323; 
	display:block; padding:0px 0px 3px 0px; margin: 5px 10px 0px 0px;
	color:white; font-size:17px; float:left;}
#main .section .date {background-image : url(images/date_bg.gif);background-position : top left;background-repeat : repeat-x;
	font-size:10px; text-align:center; float:left; padding:7px;}
#main .section .day {font-size:18px;}

#main .offer {padding:5px 0px 5px 0px; margin-bottom:15px}
#main .offer .head {display:block; margin-bottom:5px}
#main .offer .head .date {background-image : url(images/date_bg.gif);background-position : top left;background-repeat : repeat-x;
	text-align:center; float:left; padding:4px 7px 8px 7px; color:black; margin:0px 10px 0px 0px;}
#main .offer .head .number {background-image : url(images/date_bg.gif);background-position : top left;background-repeat : repeat-x;
	text-align:center; float:left; padding:8px 7px 4px 7px; color:black; margin:0px 10px 0px 0px;font-size:18px;}
#main .offer  .head .title a {border-top:1px solid #C02323; 
	display:block; padding:20px 0px 0px 0px;
	color:white; font-size:14px; font-weight:bold;text-decoration:none;}
#main .offer  .head .title a:hover {border-top:1px solid #C02323; 
	text-decoration:underline; color:#BA2222;}
#main .offer  .head .title2 a {border-top:1px solid #C02323; 
	display:block; padding:10px 0px 0px 0px;
	color:white; font-size:14px; font-weight:bold;text-decoration:none;}
#main .offer  .head .title2 a:hover {border-top:1px solid #C02323; 
	text-decoration:underline; color:#BA2222;}
#main .offer  .head .title3 a {border-top:1px solid #C02323; 
	display:block; padding:20px 0px 0px 0px;
	color:white; font-size:20px;text-decoration:none; line-height:20px; margin-bottom:20px;}
#main .offer  .head .date .day {font-size:18px;}
#main .offer .lead {display:block;}
#main .offer .readmore {display:block; margin:5px 0px 5px 0px;}
#main .offer .readmore .link a {float:right;
	border-top: 2px solid #D5B2B2; text-decoration:none; padding:0px 5px 0px 5px; background-color:#C02323; color:white;}
#main .offer .readmore .link a:hover {text-transform:none; background-color:#D5B2B2; color:black;border-top: 2px solid #C02323; }

#main .article{}
#main .article .head {display:block; margin-bottom:5px}
#main .article .head .date {background-image : url(images/date_bg.gif);background-position : top left;background-repeat : repeat-x;
	text-align:center; float:left; padding:4px 7px 8px 7px; color:black; margin:0px 10px 0px 0px;}
#main .article .day {font-size:18px;}
#main .article  .head .lead {margin-bottom:20px; font-weight:bold; border-bottom:1px solid #C02323; padding-bottom:15px;}
#main .article  .head .lead .title {
	display:block; padding:20px 0px 0px 0px; font-weight:normal;
	color:white; font-size:20px;text-decoration:none; line-height:20px; margin-bottom:10px;}

#main .foot {padding:15px; background-color:white; margin-bottom:50px;
	background-image : url(images/date_bg.gif);background-position : top left;background-repeat : repeat-x;height:40px;}
#main .foot a {color:#5D1A19; text-decoration:underline; padding:5px;}
#main .foot a:hover {text-decoration:none}
#main .foot .left {float:left;color:#5D1A19;}
#main .foot .right {float:right;color:#5D1A19;}


<!-- NENAD ON -->

<!-- 
.the_box_center {
float: center;
width: 80%;
height: 150px;
}
-->

.the_box_right {
border: 1px solid #000;
float: right;
width: 150px;
} 

.the_box_left {
border: 1px solid #000;
float: left;
width: 125px;
height 125px;

} 
<!-- NENAD OFF -->