@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#000 url(../images/bg_main.gif) top center no-repeat; font-size:12px; 
font-family:Verdana,Arial,sans-serif;
}
html { padding:0; margin:0; }

/* main */
.main { width:978px; padding-top:5px; margin:2px auto; background:#ffffff; -moz-border-radius:4px;}
.topheader { padding:20px 30px; margin:0 auto; height:53px;}
.topheader div.logo {width:270px;float:left;}
.header { padding:0; margin:0 auto;}
.hImg { background:#fff url(../images/header_bg.jpg) center center no-repeat;}
.clear { clear:both; padding:0; margin:0; background:none; }

.maincontent {margin:0;padding:0}
.cs_user_box {width:233px;float:left;margin:5px;}
.sidebar {width:225px;float:left;margin-top:5px;}
.sidebar .ui-accordion-content{padding:5px 5px 5px 30px;line-height:25px;font-size:11px;}
.cs-post  .ui-accordion-content {padding:5px;line-height:25px;}
.cs-post .ui-accordion-content p{line-height:normal;}
.cs-post .ui-accordion-content a{text-decoration:none;line-height:22px;color:#43A2CA;font-weight:600;}
.cs-post .ui-accordion-content a:hover{color:#FF9B08}
.sidebar ul {padding:0;margin:0;}
.sidebar ul li {padding:0;margin:0;list-style:none}
.sidebar ul li a{text-decoration:none;font-weight:bold;}
.sidebar ul li a:hover{text-decoration:none;font-weight:bold;color:#FF9B08}
.innercontent {width:730px;float:left;margin:5px;padding:5px;}
.innercontent .ui-tabs-panel h3{height:30px;line-height:30px;}
.innercontent .ui-tabs-panel ul {margin:0}
.innercontent .ui-tabs-panel li {margin-top:5px;}
.innercontent .ui-tabs-panel a{text-decoration:none;line-height:22px;color:#43A2CA;font-weight:600;}
.innercontent .ui-tabs-panel a:hover{color:#FF9B08}

.home_icon {height:100px;}
.home_icon ul {margin: 0; padding: 0;}
.home_icon li {margin: 10px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
.home_icon span.hicon {float: left; margin: 0 3px;}
.home_icon ul li .hicon {background-image: url(../images/icon_block.jpg);}

.hicon-php { background-position:-20px -91px; width:100px; height:80px;}
.hicon-joomla { background-position:-130px -91px; width:70px; height:80px;}
.hicon-symfony { background-position:-210px -91px; width:110px; height:80px;}
.hicon-drupal { background-position:-332px -91px; width:55px; height:80px;}
.hicon-magento { background-position:-397px -91px; width:55px; height:80px;}
.hicon-cakephp { background-position:-460px -91px; width:70px; height:80px;}
.hicon-flex { background-position:-540px -91px; width:72px; height:80px;}
.hicon-wordpress { background-position:-620px -91px; width: 70px; height:80px;}
.hicon-rails { background-position:-210px -91px; width: 110px; height:80px;}
.hicon-ajax { background-position:-767px -91px; width: 110px; height:80px;}

.home_icon ul li a:hover .hicon-php { background-position:-20px 0;}
.home_icon ul li a:hover .hicon-joomla { background-position:-130px 0;}
.home_icon ul li a:hover .hicon-symfony { background-position:-210px 0;}
.home_icon ul li a:hover .hicon-drupal { background-position:-332px 0;}
.home_icon ul li a:hover .hicon-magento { background-position:-397px 0;}
.home_icon ul li a:hover .hicon-cakephp { background-position:-460px 0;}
.home_icon ul li a:hover .hicon-flex { background-position:-540px 0;}
.home_icon ul li a:hover .hicon-wordpress { background-position:-620px 0;}
.home_icon ul li a:hover .hicon-rails { background-position:-210px 0;}
.home_icon ul li a:hover .hicon-ajax { background-position:-767px 0;}


.ft_link {width:978px; height:200px; padding-top:5px; margin:5px auto; background:#111111; -moz-border-radius:4px;color:#fff;border:1px solid #1F1F1F}
.ft_link div.tags {line-height:30px;margin:5px;opacity:1;width:221px;float:left;padding:5px}
.ft_link div.tags ul {padding:0;margin:0}
.ft_link div.tags ul  li{list-style:none;}
.ft_link div.tags ul  a{color:#BFBEBE;text-decoration:none;font-weight:bold;}
.ft_link div.tags ul  a:hover{color:#FCFDFD;}
.ui-widget-overlay {opacity:0.1;}
.footer {height:50px;background:#000;text-align:center;line-height:50px;width:978px;margin:2px auto;color:#4F4F4F}
.footer div.links  {text-align:center;}
.footer div.links  ul{padding:0;margin:0}
.footer div.links  ul li{list-style:none;float:left;width:100px;text-align:center}
.footer div.links  ul li a{text-decoration:none;color:#BFBEBE}