/**
 * common
 */
* { margin: 0px; padding: 0px; outline: none; }
body { background: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
h1 { margin-bottom: 20px; font-size: 18px; font-weight: normal; font-style: italic; color: #E34919; }
h2 { margin-bottom: 10px; font-size: 16px; font-weight: normal; color: #536484; line-height: 24px; }
h3 { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #333333; }
p { margin-bottom: 10px; line-height: 18px; }
p.justify { text-align: justify; }

img { border: 2px solid #666666; }
img.left { margin: 0px 10px 10px 0px; float: left; }
img.right { margin: 0px 0px 10px 10px; float: right; }
img.noborder { border: none; }
img.captcha { margin-right: 5px; border: none; float: left; }

ul.list { list-style: none; }
ul.list li { margin-bottom: 10px; padding-left: 15px; background: url(images/bullet_orange.jpg) left 3px no-repeat; text-align: justify; }

#social { margin-bottom: 10px; padding: 10px 0px 5px 0px; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; }

/**
 * wrapper
 */
#wrap_top { width: 100%; height: 160px; background: url(images/background_top.jpg) left top repeat-x; clear: both; }
#wrap_middle { width: 100%; overflow: hidden; clear: both; }
#wrap_bottom { width: 100%; height: 240px; background: url(images/background_bottom.jpg) left top repeat-x; clear: both; }



/**
 * header
 */
#header { width: 980px; height: 160px; margin: 0px auto; }
#header .logo { width: 185px; height: 110px; background: url(images/logo.png) left center no-repeat; float: left; }
#header .logo a { width: 100%; height: 100%; display: block; }
#header .search { width: 345px; height: 40px; padding-top: 10px; line-height: 30px; float: right; text-align: right; }
#header .search span { margin-right: 5px; font-size: 18px; font-style: italic; color: #FFFFFF; }
#header .search input { width: 160px; padding: 5px 5px 5px 30px; background: url(images/header_search.jpg) left center no-repeat #FFFFFF; border: 1px solid #BEBEBE; color: #666666; }
#header .search a { font-size: 14px; font-style: italic; color: #768AA9; text-decoration: none; }
#header .search a:hover { text-decoration: underline; }
#header .social { width: 345px; float: right; clear: right; }
#header .social ul { list-style: none; float: right; }
#header .social ul li { float: left; }
#header .social ul li a { width: 45px; height: 45px; display: block; background: url(images/social.png); }

#header .social ul li a.facebook { background-position: 0px 45px; }
#header .social ul li a.facebook:hover { background-position: 0px 0px; }
#header .social ul li a.rss { background-position: 45px 45px; }
#header .social ul li a.rss:hover { background-position: 45px 0px; }

#header .navigation { width: 980px; height: 50px; clear: both; }
#header .navigation ul { list-style: none; }
#header .navigation ul li { height: 50px; float: left; margin-right: 35px; }
#header .navigation ul li a { height: 42px; padding-top: 8px; display: block; font-size: 16px; font-style: italic; font-weight: bold; text-decoration: none; color: #333333; }
#header .navigation ul li a:hover, #header .navigation ul li a.current { color: #768AA9; }
#header .navigation ul li a span { display: block; font-size: 11px; font-style: italic; font-weight: normal; color: #333333; }



/**
 * content
 */
#content { width: 980px; min-height: 500px; margin: 20px auto 0px auto; background: url(images/background_middle.jpg) left top repeat-y; overflow: hidden; }
#content .divider { height: 10px; margin: 10px 0px; background: url(images/divider.jpg) center top repeat-x; clear: both; }
#content ul { list-style: none; }
#content ul li { margin-bottom: 10px; }
#content ul li a { padding-left: 15px; background: url(images/bullet_orange.jpg) left 3px no-repeat; font-weight: bold; text-decoration: none !important; }
#content ul li a:hover { background: url(images/bullet_grey.jpg) left 3px no-repeat; }
#content ul li a.light {  color: #E34919; }
#content ul li a.dark { color: #333333; }
#content ul li a.light:hover, #content ul li a.dark:hover { color: #768AA9; }

#content .menu { width: 210px; margin-right: 20px; padding: 20px; border-top: 1px solid #B7B7B7; float: left; }

#content .main { width: 530px; margin-right: 20px; border-top: 1px solid #CCCCCC; float: left; }
#content .main a { color: #333333; font-weight: bold; text-decoration: underline; }
#content .main a:hover { color: #E34919; }
#content .main .box { width: 488px; min-height: 40px; margin-bottom: 20px; padding: 20px; background: #EEEEEE; border: 1px solid #B7B7B7; overflow: hidden; }
#content .main .box .highlight { background-color: #E34919; color: #FFFFFF; }

#content .main .box .image_container { width: 100px; height: 120px; padding: 10px 11px; float: left; }
#content .main .box .image_container .controls { padding-top: 5px; }

#content .main .box .subcategory { width: 150px; margin: 0px 10px 10px 0px; float: left; }
#content .main .box .subcategory a { color: #000000; text-decoration: none; }
#content .main .box .subcategory a:hover { text-decoration: underline; }

#content .main .box .ad { width: 488px; height: 170px; margin-bottom: 10px; }
#content .main .box .ad .date { width: 120px; height: 30px; line-height: 30px; margin: 0px 8px 10px 0px; float: left; font-size: 12px; font-weight: bold; font-style: italic; color: #666666; text-align: center; }
#content .main .box .ad .title { width: 340px; height: 30px; margin-bottom: 10px; float: right; font-size: 16px; font-weight: normal; color: #526483; overflow: hidden; }
#content .main .box .ad .image { width: 120px; height: 100px; margin-right: 8px; float: left; }
#content .main .box .ad .content { width: 340px; height: 90px; line-height: 22px; float: right; overflow: hidden; }
#content .main .box .ad .content_noimage { width: 100%; height: 90px; line-height: 22px; float: right; overflow: hidden; }
#content .main .box .ad .button { width: 120px; height: 30px; line-height: 30px; float: right; text-align: center; }
#content .main .box .ad .button a { width: 100%; height: 100%; display: block; font-size: 14px; font-weight: bold; font-style: italic; color: #666666; text-decoration: none; }
#content .main .box .ad .button a:hover { color: #E34919; }

#content .main .box .super { width: 468px; height: 160px; padding: 10px 10px 0px 10px; background: url(images/ad_super.jpg) left top no-repeat; }
#content .main .box .extra { width: 468px; height: 160px; padding: 10px 10px 0px 10px; background: url(images/ad_extra.jpg) left top no-repeat; }
#content .main .box .normal { width: 468px; height: 160px; padding: 10px 10px 0px 10px; background: url(images/ad_normal.jpg) left top no-repeat; }

#content .main .ad_468x60 { width: 468px; height: 60px; margin-bottom: 10px; padding: 10px; background: url(images/advertisement_468x60.jpg) left top no-repeat; }

#content .sidebar { width: 120px;  padding: 20px; border-top: 1px solid #B7B7B7; float: left; }



/**
 * footer
 */
#footer { width: 980px; height: 240px; margin: 0px auto; font-size: 14px; }
#footer h1 { padding: 10px 0px; margin-bottom: 15px; font-size: 20px; font-weight: normal; font-style: italic; color: #FFFFFF; border-bottom: 1px solid #333333; }
#footer img { width: 66px; margin: 0px 5px 5px 0px; float: left; }
#footer p { margin: 10px 0px; color: #999999; line-height: 22px; text-align: justify; }
#footer a { font-style: italic; color: #FFFFFF; text-decoration: none; }
#footer a:hover { color: #768AA9; }
#footer ul { list-style: none; }
#footer ul li { height: 25px; line-height: 25px; padding-left: 15px; background: url(images/footer_bullet.png) left center no-repeat; }
#footer .box, #footer .box_last { width: 300px; height: 230px; margin-right: 40px; padding: 5px 0px; float: left; }
#footer .box_last { margin-right: 0px; }



/**
 * forms
 */
form { overflow: hidden; }
form label { margin: 10px 0px 5px 0px; font-size: 14px; font-weight: bold; font-style: italic; display: block; clear: both; }
form input, form textarea, form select { padding: 5px; background: url(images/form_input.jpg) left top repeat-x #ECECEC; border: 1px solid #BEBEBE; font-family: Verdana, Geneva, sans-serif; color: #454545; }
form input:focus, form textarea:focus, form select:focus { border: 1px solid #666666; }
form input[type="submit"] { height: 30px; padding: 2px; background: url(images/form_submit.jpg) left top repeat-x; border: 1px solid #BEBEBE; font-weight: bold; color: #526581; }



/**
 * paginator
 */
.paginator { margin-bottom: 20px; padding: 5px 0px 5px 0px; font-size: 12px; font-weight: bold; text-align:center; }
.paginator a { margin: 1px; padding: 2px 5px 2px 5px; background: #FFFFFF; border: 1px solid #999999; color: #666666; text-decoration: none !important; }
.paginator a:hover { border: 1px solid #E34919; color: #333333; }
.paginator span { margin: 1px; padding: 2px 5px 2px 5px; background: #FFFFFF; }
.paginator span.current { border: 1px solid #E34919; font-weight: bold; color: #E34919; }
.paginator span.disabled { border: 1px solid #CCCCCC; color: #CCCCCC; }