body {background-image:url(body.png); background-repeat:no-repeat; background-position:top center; margin:0px; background-color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:12px;} select { width:100px;} A { COLOR: black; TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: none } A.menu { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: green; TEXT-DECORATION: none } A.menu:visited { COLOR: green } A.menu:hover { COLOR: orange } A.menu2 { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: none } A.menu2:visited { COLOR: red } A.menu2:hover { COLOR: orange } A.menu3 { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: green; TEXT-DECORATION: none } A.menu3:visited { COLOR: green } A.menu3:hover { COLOR: red } A.menu_admin { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: white; TEXT-DECORATION: none } A.menu_admin:visited { COLOR: white } A.menu_admin:hover { COLOR: red } TABLE.mods { FONT-SIZE: 75%; COLOR: orange; TEXT-ALIGN: right } TR.normal { BACKGROUND-COLOR: #ffffcc } TR.fixed { BACKGROUND-COLOR: #ddffdd } TR.deleted { BACKGROUND-COLOR: #99bb99 } TR.lastposter { BACKGROUND-COLOR: #cccccc } TR.highlighted { BACKGROUND-COLOR: #f2c2c2 } TD { font-family:tahoma; font-size:12px; } TD.list { PADDING-RIGHT: 4px; PADDING-LEFT: 2px; VERTICAL-ALIGN: top; COLOR: midnightblue } TD.list_center { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; COLOR: midnightblue; TEXT-ALIGN: center } TD.list_date { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 75%; COLOR: red; TEXT-ALIGN: center } TD.list_small { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 75%; COLOR: midnightblue; TEXT-ALIGN: center } TD.list_small2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 75%; BACKGROUND: #eeffee; COLOR: midnightblue; TEXT-ALIGN: center } TD.list_names { PADDING-RIGHT: 4px; PADDING-LEFT: 2px; FONT-SIZE: 75%; COLOR: gray; TEXT-ALIGN: right } TD.list_email { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 66%; COLOR: black; TEXT-ALIGN: center } TD.list_options { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #ccffcc; PADDING-BOTTOM: 4px; COLOR: midnightblue; PADDING-TOP: 4px; TEXT-ALIGN: center } TD.h { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: darkseagreen; BORDER-LEFT: buttonhighlight 1px solid; COLOR: white; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } TD.posticon { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; VERTICAL-ALIGN: middle; BORDER-LEFT: buttonhighlight 1px solid; COLOR: menutext; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } TD.menu { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; COLOR: black; PADDING-TOP: 0px; TEXT-ALIGN: center; valign: bottom } TD.menu_out { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 9pt; BACKGROUND: #660000; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px } TD.menu_admin { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } TD.menu0 { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; COLOR: white; PADDING-TOP: 1px; TEXT-DECORATION: none } TD.main { PADDING-RIGHT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: red; TEXT-DECORATION: none } TD.logo { } TD.user { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: black; PADDING-TOP: 0px } TD.footer { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; BACKGROUND: #ffffcc; PADDING-BOTTOM: 3px; COLOR: green; PADDING-TOP: 3px } TD.editedby { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 9px; BACKGROUND: #ffddcc; PADDING-BOTTOM: 3px; COLOR: red; PADDING-TOP: 3px } INPUT.radio { BACKGROUND: #ddffdd; COLOR: #000000 } INPUT { FONT-SIZE: 15px; COLOR: black; FONT-FAMILY: arial } INPUT.submit { FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: arial } INPUT.log { FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #eeffee; COLOR: black; FONT-FAMILY: arial } INPUT.small { FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: red; FONT-FAMILY: arial } SELECT.submit { FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #ddffdd; COLOR: black; FONT-FAMILY: arial } SELECT.insidetitle { FONT-WEIGHT: bold; FONT-SIZE: 15px; BACKGROUND: darkseagreen; COLOR: white; FONT-FAMILY: arial } TEXTAREA { FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: tahoma } SELECT { font-family:tahoma; font-size:12px;color:000000; } CHECKBOX { FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: black; FONT-FAMILY: arial } A.tiny { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: darkgreen; TEXT-DECORATION: none } A.tiny:visited { COLOR: darkgreen } A.tiny:hover { COLOR: red } TD.cat { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: darkseagreen; BORDER-LEFT: buttonhighlight 1px solid; COLOR: white; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } TD.f1 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #ffffcc; VERTICAL-ALIGN: top; COLOR: midnightblue } TD.f2ts { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 75%; BACKGROUND: #ddffdd; COLOR: midnightblue; TEXT-ALIGN: center } SELECT.forumSelect { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; BACKGROUND-COLOR: darkgreen } SELECT.timezoneSelect { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: black; BACKGROUND-COLOR: orange } SELECT.styleSelect { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; BACKGROUND-COLOR: darkgreen } TABLE.mainheader { } TABLE.menubar { } TABLE.userbar { } TABLE.footerbar { BACKGROUND: white } TABLE.optionsbar2 { BACKGROUND: #cceecc } TABLE.optionsbar { BORDER-RIGHT: white 2px outset; BORDER-TOP: white 2px outset; BACKGROUND: #88aa88; BORDER-LEFT: white 2px outset; BORDER-BOTTOM: white 2px outset } TABLE.topholder { BACKGROUND-IMAGE: url(bg_green.jpg); BACKGROUND-REPEAT: repeat-x } TD.optionsbar_title { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: white } TD.advert { BORDER-RIGHT: white 2px outset; BORDER-TOP: white 2px outset; BORDER-LEFT: white 2px outset; BORDER-BOTTOM: white 2px outset; BACKGROUND-COLOR: white } TD.optionsbar_menus { BORDER-RIGHT: white 2px outset; PADDING-RIGHT: 4px; BORDER-TOP: white 2px outset; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: white 2px outset; COLOR: black; BORDER-BOTTOM: white 2px outset; BACKGROUND-COLOR: #cceecc; TEXT-ALIGN: center } TD.optionsbar_menus2 { BORDER-RIGHT: white 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: white 2px outset; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: white 2px outset; COLOR: black; BORDER-BOTTOM: white 2px outset; BACKGROUND-COLOR: #eeffee; TEXT-ALIGN: center } TD.extras { BORDER-RIGHT: white 2px outset; PADDING-RIGHT: 4px; BORDER-TOP: white 2px outset; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; BORDER-LEFT: white 2px outset; COLOR: black; BORDER-BOTTOM: white 2px outset; BACKGROUND-COLOR: #cceecc; TEXT-ALIGN: center } TD.extras2 { BORDER-RIGHT: white 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: white 2px outset; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; BORDER-LEFT: white 2px outset; COLOR: black; BORDER-BOTTOM: white 2px outset; BACKGROUND-COLOR: #ffeeee; TEXT-ALIGN: center } SELECT.optionsbar_select { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; BACKGROUND-COLOR: #cceecc } TABLE.grid { BACKGROUND: gray } TABLE.chatusers { BACKGROUND: #cceecc } TD.chatusers { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 11px; BACKGROUND: #ddffdd; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center } TD.forumusers { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 11px; BACKGROUND: #bbddbb; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center } TD.chatusersholder { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } TD.surveyQuestion { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 22px; BACKGROUND: black; COLOR: white; TEXT-ALIGN: center } TD.surveyResultText { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 15px; BACKGROUND: #ffe4b5; COLOR: #703200; TEXT-ALIGN: right } TD.surveyResultTextVoted { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 15px; BACKGROUND: #e4ffb5; COLOR: #703200; TEXT-ALIGN: right } TD.surveyResultNumber { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 20px; BACKGROUND: #ffe4b5; COLOR: red; TEXT-ALIGN: center } TD.surveyResultPercentage { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 20px; BACKGROUND: #ffe4b5; COLOR: orange; TEXT-ALIGN: center } TD.surveyHeader { BACKGROUND: red; COLOR: white; TEXT-ALIGN: center; text-size: 10pt } TABLE.surveyTable { BACKGROUND: black } TD.userdetails_header { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: darkseagreen; COLOR: white } TD.userdetails_data { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #ddffdd; VERTICAL-ALIGN: top; COLOR: black } TD.userdetails_data2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #eeffee; VERTICAL-ALIGN: top; COLOR: black } TD.userdetails_title { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #aaeeaa; FONT-SIZE: 75%; VERTICAL-ALIGN: top; COLOR: black } TD.optionheader { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: darkseagreen; BORDER-LEFT: buttonhighlight 1px solid; COLOR: white; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } TD.optionheader_selected { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: #aa0000; BORDER-LEFT: buttonhighlight 1px solid; COLOR: white; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } INPUT.optionheader_radio { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000 } INPUT.option_transparent { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000 } TD.stats_h { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 14px; COLOR: white; BACKGROUND-COLOR: gray; TEXT-ALIGN: center } TD.stats_t { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; COLOR: #eeffee; BACKGROUND-COLOR: #66bb66 } TD.stats_p { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; COLOR: red; BACKGROUND-COLOR: #bbddbb } TD.stats_g { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; COLOR: white; BACKGROUND-COLOR: #88bb88 } TD.stats_graph { BACKGROUND-COLOR: #004400; TEXT-ALIGN: right } TD.stats { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: helvetica,arial; BACKGROUND-COLOR: #ccffcc; TEXT-ALIGN: center } TD.stats_info { FONT-SIZE: 18px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: green; TEXT-ALIGN: center } TD.stats_menu { BORDER-RIGHT: #aabbaa 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #aabbaa 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #aabbaa 1px solid; COLOR: red; PADDING-TOP: 2px; BORDER-BOTTOM: #aabbaa 1px solid; BACKGROUND-COLOR: #e0ffe0; TEXT-ALIGN: right } TD.stats_menuSel { BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: red 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: red 1px solid; COLOR: red; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid; BACKGROUND-COLOR: #ffe0e0; TEXT-ALIGN: right } TD.stats_menuCmd { BORDER-RIGHT: blue 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: blue 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: blue 1px solid; COLOR: blue; PADDING-TOP: 2px; BORDER-BOTTOM: blue 1px solid; BACKGROUND-COLOR: #e0e0ff; TEXT-ALIGN: right } TD.f1m { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 75%; BACKGROUND: #ffffcc; COLOR: midnightblue; TEXT-ALIGN: center } TD.orange { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: orange; BORDER-LEFT: buttonhighlight 1px solid; COLOR: white; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } } TD.red { BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: red; BORDER-LEFT: buttonhighlight 1px solid; COLOR: white; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center } .clr {clear:both;} ul{ list-style:none; padding:0; margin:0;} /*======== header ========*/ #header {width:1000px; margin:0px auto; height:464px;} #header .right {width:280px; float:right;} #header .right ul {list-style:none; margin:254px 68px 0 0; padding:0px; width:165px; float:right; position:relative;} #header .right ul li {text-align:center; margin-bottom:2px; line-height:25px;} #header .right ul li a {background-image:url(li-normal.png); background-repeat:no-repeat; width:165px; height:29px; display:block; text-decoration:none; color:#fff;} #header .right ul li a:hover {background-image:url(li-hover.png); background-repeat:no-repeat; width:165px; height:29px; display:block;} #header .right ul li div.sub{ display:none;} #header .right ul li:hover div.sub{position:absolute; top:-8px; right:165px; display:block;} #header .right .sub {width:600px; float:right; background-color:#66460A; text-align:center;} #header .right .sub .right {width:200px; float:right;} #header .right .sub .left {width:200px; float:right;} #header .right .sub .top {background-image:url(sub-top.png); background-repeat:repeat-x; height:18px;} #header .right .sub .top .right {background-image:url(sub-top-right.png); background-repeat:no-repeat; float:right; width:19px; height:18px;} #header .right .sub .top .left {background-image:url(sub-top-left.png); background-repeat:no-repeat; float:left; width:18px; height:18px;} #header .right .sub .med-right {background-image:url(med-right.png); background-repeat:repeat-y; background-position:right;} #header .right .sub .med-left {background-image:url(med-left.png); background-repeat:repeat-y; background-position:left;} #header .right .sub .down {background-image:url(sub-down.png); background-repeat:repeat-x; height:18px;} #header .right .sub .down .right {background-image:url(images/sub-down-right.png); background-repeat:no-repeat; float:right; width:19px; height:18px;} #header .right .sub .down .left {background-image:url(sub-down-left.png); background-repeat:no-repeat; float:left; width:18px; height:18px;} #header .right .sub ul {float:left; list-style:none; margin:0px; padding:0px; margin:10px 18px; width:165px;} #header .left {width:720px; float:left;} #header .left a.adv {background-image:url(header-adv.png); background-repeat:no-repeat; width:374px; height:62px; display:block; margin-left:136px; margin-top:55px; float:left;} #header .left .news {width:495px; height:44px; float:right; margin-top:38px;} #header .left .news .left {background-image:url(last-news.png); background-repeat:no-repeat; float:left; width:97px; height:44px;} #header .left .news .marquee {margin-left:97px; color:#FFFFFF; padding-top:20px;} #header .left .lang {width:150px; margin-top:51px; float:left; height:31px;} ul.bbbbbb{ list-style:none; padding:0; margin:0; width:100px; position:relative; } ul.bbbbbb li{ display:block; height:30px; width:100px; padding-top:8px; text-align:center;} ul.bbbbbb li a.f{ display:block; height:22px; width:75px; color:#FFF; text-decoration:none;} ul.bbbbbb li div.dddddd{ display:none;} ul.bbbbbb li:hover div.dddddd{ display:block; position:absolute; top:30px; width:78px; height:auto; } ul.bbbbbb div.dddddd a{ display:block; height:23px; width:78px; margin-bottom:2px; text-align:center;} #header #tabbing {height:209px; float:left; width:635px;} #header #tabbing .flags {float:right;} #header #tabbing .flags img {margin-right:10px;} #header #tabbing .flags ul {list-style:none; margin:0 20px; padding:0px; float:right; width:78px;} #header #tabbing .flags ul li {text-align:center; margin:0 0 5px; width:79px;} #header #tabbing .flags ul li a {text-decoration:none; color:#000;} /*======== /header ========*/ /*======== content ========*/ #contaner {width:1000px; margin:0px auto;} #contaner .right .tube {background-image:url(images/youtube-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} #contaner .right .tube .top {background-image:url(images/youtube-top.png); background-repeat:no-repeat; width:198px; height:79px;} #contaner .right .tube .med {margin:0px 12px; padding:5px;} #contaner .right .tube .down {background-image:url(images/youtube-down.png); background-repeat:no-repeat; width:198px; height:18px;} #contaner .right .mail {background-image:url(images/mail-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} #contaner .right .mail .top {background-image:url(images/mail-top.png); background-repeat:no-repeat; width:198px; height:67px;} #contaner .right .mail .med {margin:0px 12px; padding:5px;} #contaner .right .mail .down {background-image:url(images/mail-down.png); background-repeat:no-repeat; width:198px; height:19px;} #contaner .right .photo {background-image:url(images/mail-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} #contaner .right .photo .top {background-image:url(images/photo-top.png); background-repeat:no-repeat; width:198px; height:72px;} #contaner .right .photo .med {margin:0px 12px; padding:5px;} #contaner .right .photo .down {background-image:url(images/mail-down.png); background-repeat:no-repeat; width:198px; height:19px;} .sidebar-1 {background-image:url(sidebar-1-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} .sidebar-1 .top {background-image:url(sidebar-1-top.png); background-repeat:no-repeat; width:198px; height:41px; font-size:14px; line-height:40px; text-align:center;} .sidebar-1 .med {margin:0px 12px; padding:5px;} .sidebar-1 .down {background-image:url(sidebar-1-down.png); background-repeat:no-repeat; width:198px; height:18px;} .sidebar-1 ul { list-style:none outside none; margin:0; padding:0; width:180px; } .sidebar-1 ul li { border-bottom:1px dotted #000000; border-right:5px solid #000000; float:right; margin:5px 15px 0 0; padding-right:5px; text-align:right; width:100px; } .sidebar-1 ul li a { color:#000000; text-decoration:none; } .sidebar-2 {background-image:url(sidebar-2-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} .sidebar-2 .top {background-image:url(sidebar-2-top.png); background-repeat:no-repeat; width:198px; height:41px; font-size:14px; line-height:40px; text-align:center;} .sidebar-2 .med {margin:0px 12px; padding:5px;} .sidebar-2 .down {background-image:url(sidebar-2-down.png); background-repeat:no-repeat; width:198px; height:19px;} .sidebar-2 ul { list-style:none outside none; margin:0; padding:0; width:180px; } .sidebar-2 ul li { border-bottom:1px dotted #000000; border-right:5px solid #000000; float:right; margin:5px 15px 0 0; padding-right:5px; text-align:right; width:100px; } .sidebar-2 ul li a { color:#000000; text-decoration:none; } .sidebar-3 {background-image:url(sidebar-3-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} .sidebar-3 .top {background-image:url(sidebar-3-top.png); background-repeat:no-repeat; width:198px; height:39px; font-size:14px; line-height:40px; text-align:center; color:#FFFFFF;} .sidebar-3 .med {margin:0px 12px; padding:5px;} .sidebar-3 .down {background-image:url(sidebar-3-down.png); background-repeat:no-repeat; width:198px; height:18px;} #contaner .center {width:582px; float:right; margin:0 10px;} #contaner .center .sites {margin:35px auto 10px;} #contaner .center .sites .top {background-image:url(images/sites-top.png); background-repeat:repeat-x; height:37px; margin-left:4px;} #contaner .center .sites .top .right {background-image:url(images/sites-top-right.png); background-repeat:no-repeat; float:right; width:234px; height:37px;} #contaner .center .sites .med {background-color:#EDF6FB; margin:0 2px 0 4px; padding:5px;} #contaner .center .sites .down {background-image:url(images/sites-down.png); background-repeat:repeat-x; height:18px;} #contaner .center .sites .down .right {background-image:url(images/sites-down-right.png); background-repeat:no-repeat; float:right; width:14px; height:18px;} #contaner .center .sites .down .left {background-image:url(images/sites-down-left.png); background-repeat:no-repeat; float:left; width:20px; height:18px;} #contaner .center .games {margin:10px auto;} #contaner .center .games .top {background-image:url(images/games-top.png); background-repeat:repeat-x; height:36px; margin-left:4px;} #contaner .center .games .top .right {background-image:url(images/games-top-right.png); background-repeat:no-repeat; float:right; width:234px; height:36px;} #contaner .center .games .med {background-color:#F3EACB; margin:0 2px 0 4px; padding:5px;} #contaner .center .games .down {background-image:url(images/games-down.png); background-repeat:repeat-x; height:16px;} #contaner .center .games .down .right {background-image:url(images/games-down-right.png); background-repeat:no-repeat; float:right; width:14px; height:16px;} #contaner .center .games .down .left {background-image:url(images/games-down-left.png); background-repeat:no-repeat; float:left; width:20px; height:16px;} #contaner .center .photos {margin:10px auto;} #contaner .center .photos .top {background-image:url(images/photos-top.png); background-repeat:repeat-x; height:36px; margin-left:4px;} #contaner .center .photos .top .right {background-image:url(images/photos-top-right.png); background-repeat:no-repeat; float:right; width:234px; height:36px;} #contaner .center .photos .med {background-color:#e8e8e8; margin:0 2px 0 4px; padding:5px;} #contaner .center .photos .down {background-image:url(images/photos-down.png); background-repeat:repeat-x; height:14px;} #contaner .center .photos .down .right {background-image:url(images/photos-down-right.png); background-repeat:no-repeat; float:right; width:14px; height:15px;} #contaner .center .photos .down .left {background-image:url(images/photos-down-left.png); background-repeat:no-repeat; float:left; width:20px; height:15px;} #contaner .center .block-1 {margin:35px auto 10px;} #contaner .center .block-1 .top {background-image:url(images/block-1-top.png); background-repeat:repeat-x; height:37px; margin-left:4px;} #contaner .center .block-1 .top .right {background-image:url(images/block-1-top-right.png); background-repeat:no-repeat; float:right; width:234px; height:37px;} #contaner .center .block-1 .med {background-color:#EDF6FB; margin:0 2px 0 4px; padding:5px;} #contaner .center .block-1 .down {background-image:url(images/block-1-down.png); background-repeat:repeat-x; height:18px;} #contaner .center .block-1 .down .right {background-image:url(images/block-1-down-right.png); background-repeat:no-repeat; float:right; width:14px; height:18px;} #contaner .center .block-1 .down .left {background-image:url(images/block-1-down-left.png); background-repeat:no-repeat; float:left; width:20px; height:18px;} #contaner .center .block-2 {margin:10px auto;} #contaner .center .block-2 .top {background-image:url(images/block-2-top.png); background-repeat:repeat-x; height:36px; margin-left:4px;} #contaner .center .block-2 .top .right {background-image:url(images/block-2-top-right.png); background-repeat:no-repeat; float:right; width:234px; height:36px;} #contaner .center .block-2 .med {background-color:#F3EACB; margin:0 2px 0 4px; padding:5px;} #contaner .center .block-2 .down {background-image:url(images/block-2-down.png); background-repeat:repeat-x; height:16px;} #contaner .center .block-2 .down .right {background-image:url(images/block-2-down-right.png); background-repeat:no-repeat; float:right; width:14px; height:16px;} #contaner .center .block-2 .down .left {background-image:url(images/block-2-down-left.png); background-repeat:no-repeat; float:left; width:20px; height:16px;} .block-3 {margin:10px auto;} .block-3 .top {background-image:url(block-3-top.png); background-repeat:repeat-x; height:36px; margin-left:4px;} .block-3 .top .right {background-image:url(block-3-top-right.png); background-repeat:no-repeat; float:right; width:234px; height:36px;} .block-3 .med {background-color:#e8e8e8; margin:0 2px 0 4px; padding:5px;} .block-3 .down {background-image:url(block-3-down.png); background-repeat:repeat-x; height:14px;} .block-3 .down .right {background-image:url(block-3-down-right.png); background-repeat:no-repeat; float:right; width:14px; height:15px;} .block-3 .down .left {background-image:url(block-3-down-left.png); background-repeat:no-repeat; float:left; width:20px; height:15px;} .sidebar-4 {background-image:url(sidebar-4-med.png); background-repeat:repeat-y; background-position:center; width:198px; margin:0 auto 10px;} .sidebar-4 .top {background-image:url(sidebar-4-top.png); background-repeat:no-repeat; width:198px; height:42px; font-size:14px; line-height:40px; text-align:center;} .sidebar-4 .med {margin:0px 12px; padding:5px;} .sidebar-4 .down {background-image:url(sidebar-4-down.png); background-repeat:no-repeat; width:198px; height:15px;} /*======== /content ========*/ /*======== footer ========*/ #footer {background-image:url(footer.png); background-repeat:repeat-x; height:135px;} #footer .right {background-image:url(footer-right.png); background-repeat:no-repeat; float:right; width:94px; height:135px;} #footer .right a {width:84px; height:72px; display:block; margin-top:35px; float:right;} #footer .left {float:left;} #footer .left a {float:left; width:32px; height:32px; margin-top:85px; margin-right:10px;} #footer .left a.facebook {background-image:url(facebook.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.facebook:hover {background-image:url(facebook-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.youtybe {background-image:url(youtybe.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.youtybe:hover {background-image:url(youtybe-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.firefox {background-image:url(firefox.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.firefox:hover {background-image:url(firefox-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.fr {background-image:url(fr.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.fr:hover {background-image:url(fr-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.google {background-image:url(google.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .left a.google:hover {background-image:url(google-hover.png); background-repeat:no-repeat; display:block; width:32px; height:32px; float:left;} #footer .center {background-image:url(footer-center.png); background-repeat:no-repeat; width:298px; height:135px; margin:0px auto;} /*======== /footer ========*/