/*
Author: Szalai Gergő
URL: www.codeedesign.hu
Date: 2010.04.07

Color:

blue: #445d7b;

*/


/*---------------------------------------------RESET--*/

* { margin:0; padding:0; }
ul { list-style-type:none; }

/*---------------------------------------------RESET--*/

body { background:url(images/bg_body.jpg) repeat top left; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal; line-height:18px; font-size:100%; color:#445d7b; }

h1, h2, h3, h4, h5, h6 { font-family:"Times New Roman", Times, serif; font-weight:bold; color:#445d7b; margin:0 0 15px 0;  }

h1 { text-transform:uppercase; font-size:2em; }
h2 { text-transform:uppercase; font-size:1.50em; }
h3 { text-transform:uppercase; font-size:1.25em; }
h4 { text-transform:uppercase; font-size:1em; }
h5 { font-size:1em; }
h6 {  }

p { margin:0 0 15px 0; }

a:link, a:active, a:visited { color:#bc5a3f; text-decoration:none; font-style:italic; }
a:hover { text-decoration:underline; }

.clear { clear:both; }

hr { border-top:1px solid #cccccc; border-bottom:1px solid #ffffff; border-left:none; border-right:none; margin:15px 0; }

ul li { margin:0 0 5px 0; }
ol li { margin:0 0 5px 0; }

.quote { background: url(images/quote.png) no-repeat top left; padding:0 0 0 70px; margin:20px 0 20px 20px; }

.featured { border-left:10px solid #660000; border-bottom:none; border-right:none; border-top:none; padding:10px; margin:20px 0 20px 20px; }

img.img_left { float:left; margin:0 10px 5px 0; }

img.img_right { float:right; margin:0 0 5px 10px; }

img.img_center { margin:15px auto; text-align:center; display:block; }

#wrapper { background:url(images/bg_header.png) repeat-x top left; font-size:0.88em; }

#container { width:960px; margin:0 auto; }

#header { width:960px; height:360px; background:url(images/header_item.png) no-repeat top center; }

#content {  }

#menu { width:800px; height:36px; background: url(images/bg_menu.png) no-repeat top center; margin:0 0 20px 0; padding:0 80px 0 80px; text-transform:uppercase; font-size:0.81em; text-align:center; }

	#menu ul { text-align:center; margin:0 auto; display:block; }
	#menu ul li { display:inline; }
	#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited { text-decoration:none; text-transform:uppercase; font-style:normal; color:#ffffff; height:14px; display:block; float:left; padding:11px 11px; }
	#menu ul li a:hover { background: url(images/bg_menu_hover.png) repeat-x top center; }

#entry { width:640px; float:left; margin:0 20px 0 0; text-align:justify; }

	#entry ul { list-style-type:circle; margin:15px 0 15px 30px; list-style-position:outside; }
	#entry ul li {  }
	#entry ol { list-style-type:decimal; margin:15px 0 15px 30px; list-style-position:outside; }
	#entry ol li {  }

#sidebar { width:292px; float:right; }
#sidebar_top { width:292px; height:18px; background:url(images/sidebar_top.png) no-repeat top center; }
#sidebar_middle { padding:0 20px 10px 40px; background:url(images/sidebar_middle.png) repeat-y top center; }
#sidebar_bottom { width:292px; background:url(images/sidebar_bottom.png) no-repeat top center; height:18px; }

#sidebar box { width:285; }

	#sidebar h4 { text-transform:none; font-weight:bold; }

#footer_wrapper { background:url(images/bg_footer.png) repeat-x top left; min-height:144px; margin:20px 0 0 0; }

#footer { width:960px; margin:0 auto; padding:15px 0 0 0; background:url(images/footer_item.png) no-repeat bottom center; font-size:0.69em; text-transform:uppercase; min-height:129px; }

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

#footer_menu { margin:15px 0 65px 0; text-align:center; color:#aab4c0; }
	
	#footer_menu ul {  }
	#footer_menu ul li { display:inline; padding:0 15px; }
	
	#footer_menu ul li a { color:#aab4c0; font-style:normal; }
	
	#footer_menu {  }



#table { border:1px solid #e8e8e8; border-collapse:collapse; background:#f8f8f8; }

#table .table_header { background:#e8e8e8; }

#table tr td { border:1px solid #e8e8e8; padding:5px; width:50%; }

ul.problemak li { display:inline; margin:0 15px 0 0; }

#content-div1, #content-div2, #content-div3, #content-div4, #content-div5, #content-div6, #content-div7 { display:none; margin:10px 0 15px 0; background:#f8f8f8; border:1px solid #e8e8e8; padding:5px; }

.google { border:3px solid white; }

#player {margin:20px 0;}

/*---------------------------------------------styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 310px; 
    height:240px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}

.tags { width:300px; height:250px; }

/*---------------------------------------------styling of the tabs. */

#entry .usual ul {margin:15px 0 15px 0;}
.usual ul li { display:inline; }
a.selected:link { text-decoration:underline; color:#445D7B; }