/* CSS Document */

* { margin: 0; padding: 0; }

body { color: #FFFFFF; background: #000000; }

p, a, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
input { color: #232323; padding: 1px; }
a { text-decoration: none; color: #f7ebbc; }
a:hover { text-decoration: underline; color: #f7cb1a; }

h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 20px; color: #d1f185; }
h2 { font-size: 16px; }
h3 { font-size: 12px; font-weight: bold; }

#container { width: 960px; overflow: hidden; background: #2d2d2d; margin: 0 auto; }
#header { width: 960px; height: 299px; overflow: hidden; background: #2d2d2d URL('images/header.jpg') no-repeat; }
#contents { width: 920px; margin: 20px; overflow: hidden; }
#center { float: left; width: 700px; overflow: hidden; }
#sidebar { float: left; width: 200px; display: inline; margin: 0 0 0 20px; overflow: hidden; }
#footer { clear: both; width: 960px; overflow: hidden; }

/* header */
#topHeader { width: 960px; height: 100px; overflow: hidden; }
#topHeader h1 { display: none; }
#topHeader a.logo { display: inline; float: left; margin: 12px 0 0 16px; }
#topHeader a.logo img { border: none; }
#topHeader h2 { float: right; display: inline; margin: 10px 20px 0 0; }
#navbar { width: 444px; height: 25px; overflow: hidden; list-style-type: none; clear: both; margin: 0 0 0 500px; }
#navbar li { float: left; }
#navbar li a { padding: 0 7px; margin: 5px 0; float: left; border-left: 1px solid #FFFFFF; }
#navbar li a.first { border-left: none; }

#langBar { float: right; clear: right; list-style-type: none; height: 20px; display: inline; margin: 48px 20px 0 0; width: 160px; }
#langBar li { float: left; height: 20px; }
#langBar li a { float: left; display: inline; margin: 2px 0; padding: 0 6px 0 20px; height: 16px; }
#langBar li a.langEs { background: URL('images/ar.png') no-repeat; }
#langBar li a.langEn { background: URL('images/uk.png') no-repeat; }

#topPanels { clear: both; width: 960px; height: 160px; overflow: hidden; }
#panel1, #panel2, #panel3 { width: 302px; height: 138px; float: left; display: inline; margin: 11px 9px; }
#panel1 h2, #panel2 h2, #panel3 h2 { font-weight: bold; font-size: 14px; color: #f2e497; margin: 10px; padding-bottom: 5px; border-bottom: 1px solid #FFFFFF; }
#panel1 ul, #panel2 ul, #panel3 ul { list-style-type: none; margin: 0 10px 10px; overflow: auto; height: 85px; }
#panel1 ul li, #panel2 ul li, #panel3 ul li {  margin: 0 3px 5px 0; padding: 0 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #777777; }
#panel1 ul li.last, #panel2 ul li.last, #panel3 ul li.last { padding: 0; border-bottom: none; }
#panel1 ul li a, #panel2 ul li a, #panel3 ul li a { font-size: 11px; }
#panel3 ul li span.meta { font-size: 10px; color: #aaaaaa; }
#panel3 ul li span.meta a { font-size: 10px; }

#panel1 { background: #2d2d2d URL('images/panel1.jpg') no-repeat; }
#panel2 { background: #2d2d2d URL('images/panel2.jpg') no-repeat; }
#panel3 { background: #2d2d2d URL('images/panel3.jpg') no-repeat; }

/* standard contents */
#center h1 { margin: 20px 0; }
#center h2 a { font-size: 16px; }
#center p { margin: 20px 0; line-height: 18px; }
#center p.separator { padding: 0 0 20px 0; border-bottom: 1px solid #FFFFFF; }
#center p.note { width: 400px; margin: 20px auto; border: 1px solid #D1F185; padding: 5px; background: #3F3B3B; }
#center p.note strong { color: #FF0000; }

#center div.news { margin: 20px 0; overflow: hidden; }
#center div.separator { padding-top: 20px; border-top: 1px solid #FFFFFF; }
#center div.news img { margin: 5px; padding: 5px; border: 1px solid #D1F185; }
#center div.news img.alignright { float: right; clear: right; }
#center div.news img.alignleft { float: left; clear: left; }

/* forms */
#center form { width: 610px; margin: 20px auto; overflow: hidden; }
#center form p { overflow: hidden; float: none; width: 510px; margin: 0 0 5px 0; border: 1px solid #2d2d2d; padding: 4px; background: #2d2d2d; }
#center form p label { float: left; padding: 2px 0 0 0; width: 130px; }
#center form p input { float: left; width: 230px; }
#center form p textarea { float: left; width: 230px; height: 150px; }
#center form p span { float: left; width: 118px; min-height: 20px; padding: 0 0 0 25px; }
#center form p span.error { background: URL('images/cancel.png') no-repeat 4px 2px; }
#center form p span.success { background: URL('images/ok.png') no-repeat 4px 2px; }
#center form p.error { border: 1px solid #FF0000; background: #3F3B3B; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }

#center form p input.button { float: right; width: auto; display: inline; margin: 0 145px 0 0; }

/* sidebar */
#googleAdsense ins { margin: 0 auto 10px !important; display: block !important; }

/* footer */
#footer p { margin: 0px 20px; padding: 10px 0; border-top: 1px solid #FFFFFF; }