@import url(../css/spotlight/spotlight.css);

a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 10px 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
p { margin-bottom: 25px; }
.arrow_icon { vertical-align: middle; cursor: pointer; }

.sp, .bp { padding: 0 15px; }
.sp .floats, .bp .floats { 	margin: 0 -15px; }

.floats h1, .floats h2, .floats h3, .floats h4, .floats h5, .floats h6 { margin: 0; }

#container { text-align: left; height: 100%; }
#header { color: white; height: 185px; position: relative; }
#logo { line-height: 116px; height: 116px; margin-left: 32px; margin-left: 11px; float: left; }
#header input { width: 197px; font-size: 16px; margin-top: 3px; padding: 4px 0 4px 30px; }
#header, #home_container, #main, #footer { width: 960px; margin: 0 auto; padding: 0 10px; z-index: 100px; }
#search_box { position: absolute; right: 10px; bottom: 19px; }

#login { float: right; font-size: 13px; }

#logo img { vertical-align: middle; }
#logo span { position: absolute; left: -9999px; }
	
.info_panel { float: right; width: 300px; position: relative; z-index: 999 !important; margin-top: 20px; text-align: right; }
.login a { font-size: 15px; text-decoration: none; }
.lang_info li { line-height: 1.7em;  }

#header .menu { position: absolute; z-index: 2; left: 20px; bottom: 15px; margin: 0; }
#header .menu li { float: left; display: inline; margin: 0; }
#header .menu li a { font-size: 19px; text-decoration: none; padding: 7px 12px; display: block; }
#header .menu li a:hover { text-decoration: none; }
#header .menu li.active a { cursor: default; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#header .menu li { margin-right: 8px; }

.info_panel_out { position: relative; z-index: 9999; float: right; width: 300px; margin-top: 16px; text-align: right; }
.info_panel_out .login a { font-size: 15px; text-decoration: none; }
.info_panel_out .lang_info { width: 300px; position: relative; text-align: right; list-style-type: none; margin-bottom: 3px; font-size: 13px; line-height: 1.7em; }
.info_panel_out .lang_info li { line-height: 1.7em; font-size: 13px; list-style-position: outside; white-space: nowrap; text-align: left; margin: 0; }
.info_panel_out .lang_info li a { text-align: right; text-decoration: none; display: block; cursor: pointer; }

#header_info { float: right; width: 300px; margin-top: 16px; text-align: right; }
#header_info a { text-decoration: none; }
#header_info #help a { margin-top: 14px; }
#header_info #user_info { margin-top: 10px; }
#header_info #user_info p { margin-bottom: 6px; }
#header_info #user_info .avatar { float: left; margin-right: 16px; }
#header_info #user_info span { margin-left: 24px; }
#header_info #user_info span.status { margin: 0 5px; }

#main { padding-top: 38px;  }
#main .bp { width: 670px; }
#main .sp { width: 230px; }
#main .title { font-size: 20px; line-height: 1.2em; }
#main .title img { margin: 0 0 3px 14px; }

#footer { clear: both; padding-top: 24px; line-height: 1.5em; padding-bottom: 15px; text-align: left; font-size: 12px; }
#footer a { text-decoration: underline; }
#footer #feeds, #footer #other { margin: 0 10px; }
#footer #feeds .separator { margin: 0 9px; } 
#footer #feeds img { vertical-align: middle; margin-bottom: 2px; }
#footer #feeds .text { margin-left: 9px; }
#footer #other, #footer #other a { margin-top: 13px; line-height: 1.5em; }
#footer #other .separator { margin: 0 4px; } 

#slider { background: url(../pics/scale.gif) no-repeat; width: 231px; height: 30px; margin-bottom: 15px; }
#slider .arrow { position: relative; cursor: pointer; }
#slider #level_01 { left: 15px; }
#slider #level_02 { left: 76px; }
#slider #level_03 { left: 136px; }
#slider #level_04 { left: 197px; }

#tags_cloud { margin-bottom: 40px; }
#tags_cloud a { line-height: 1.4em; padding-right: 6px; }
#tags_cloud a.size1 { font-size: 11px; }
#tags_cloud a.size2 { font-size: 14px; }
#tags_cloud a.size3 { font-size: 18px; }
#tags_cloud a.size4 { font-size: 22px; }
#tags_cloud a.size5 { font-size: 26px; }
#tags_cloud a.size6 { font-size: 30px; }

.box { float: left; }
.box .info, .box .auxinfo { clear: both; cursor: pointer; line-height: 1.3em; }
.box .auxinfo { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box .info img { padding: 0 0 3px 10px; }
.line_floats { clear: both; }

.pager_box { margin-bottom: 15px; clear: both; text-align: left; }
.pager_box .pager { margin-top: 19px; }
.pager_box .results { line-height: 26px; vertical-align: middle; }
.pager div { float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 15px; margin-right: 15px; background: #eee; }
.pager ul { margin-left: 5px; }
.pager li a { padding: 0 5px; line-height: 20px; color: #888; }
.pager li.active a { color: #0063dc; background: #FFF; }
.pager ul, .pager li { display: inline; }
.pager li.active a { cursor: default; padding: 2px 5px; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#header, #home_container, #main, #footer { width: 960px; margin: 0 auto;  }

#wrap_home_container #home_container { padding-top: 33px; padding-bottom: 33px; }
#wrap_home_container .button { margin: 27px auto; width: 350px; text-align: center;  }
#wrap_home_container .button .sub_button { text-align: right; padding-top: 9px; }
#wrap_home_container .button .sub_button a { font-size: 12px; font-weight: normal; }
#wrap_home_container .content { text-align: left; margin: 0 15px 21px; }
#wrap_home_container .sp { width: 370px; }
#wrap_home_container .bp { width: 530px; text-align: center; }
#wrap_home_container .title { font-size: 33px; font-weight: bold; }
#wrap_home_container .title .highlight { font-size: 40px; }
#wrap_home_container .subtitle { font-size: 18px; line-height: 1.4em; }
#wrap_home_container li { line-height: 1.3em; list-style-type: none; }
#wrap_home_container li span { background: url(../../pics/list_bullet.gif) no-repeat 0 center; padding-left: 10px; line-height: 1.7em; font-size: 16px; font-weight: bold; }
#wrap_home_container .button .bl, #wrap_home_container .button .br, #wrap_home_container .button .button_bg { height: 59px; float: left; }
#wrap_home_container .button .bl, #wrap_home_container .button .br { width: 12px; }
#wrap_home_container .button a { cursor: pointer; font-size: 26px; font-weight: bold; }
#wrap_home_container .button a:hover { text-decoration: none; }
#wrap_home_container .button .button_bg { width: 326px; margin: 0 auto; font-weight: bold; line-height: 56px; }
#wrap_home_container .button .bl { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; width: 12px; }
#wrap_home_container .button .br { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }

#header #menu, #header_hover #menu { margin-left: 15px; }
#header #menu li, #header_hover #menu li { float: left; display: inline; }
#header #menu li a, #header_hover #menu li a { font-size: 20px; letter-spacing: 1px; line-height: 30px; padding: 0 15px 2px; display: block; }
#header #menu li.active, #header_hover #menu li.active { float: left; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
#header #menu li.active a, #header_hover #menu li.active a { cursor: default; }