/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: url(images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#6C6C6C; }
.main {	position:relative; margin:0 auto; width: 984px; }

/* HEADER
----------------------------------------------------------------------------- */

.header { position: relative; }
.header ul { position: absolute; height: 33px; top: 102px; left: 24px; }
.header li { float: left; }
.header li .hover,
.header li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.header .logo { position: absolute; top: 10px; left: 408px; }
.header .form { position: absolute; top: 23px; left: 770px; background: #FF0000; }
.header .form .user,
.header .form .pass { border: 0px; width: 123px; color: #6C6C6C; }
.header .form .user { position: absolute; top: 13px; left: 0px; }
.header .form .pass { position: absolute; top: 43px; left: 0px; }
.header .form .button { position: absolute; left: 143px; top: 4px; }

/* CONTENT
----------------------------------------------------------------------------- */

.content { padding: 20px 0 20px 0; }
.content .sidemenu { width: 180px; float: left; }
.content .sidemenu .search { position: relative; padding: 0 0 23px 29px; width: 120px; }
.content .sidemenu .search form { padding: 15px 0 0 0; }
.content .sidemenu .search select { width: 121px; border: 1px solid #C1C1C1; color: #6C6C6C; margin: 0 0 12px 0;height: 18px; }
.content .sidemenu .search .tfind { width: 88px; border: 1px solid #C1C1C1; color: #6C6C6C; height: 18px; float: left; }
.content .sidemenu .search .button { float: right; }

.content .sidemenu .menu { background: url(images/sidemenu_menu_bg.jpg) no-repeat top left; width: 159px; }
.content .sidemenu .menu ul { padding: 0 0 0 29px; }
.content .sidemenu .menu ul h2 { padding: 14px 0 8px 0; }
.content .sidemenu .menu li { display: block; border-bottom: 1px solid #F0F0F0; }
.content .sidemenu .menu li a { height: 17px; width: 119px; display: block; padding: 3px 0 0 11px; color: #5A5A5A; }
.content .sidemenu .menu li a:hover { background: #F0F0F0; }

.content .sidemenu .popular { text-align: center; padding: 23px 0 0 0; font-size: 11px; line-height: 13px; }
.content .sidemenu .popular h2 { padding: 0 0 18px 0; }
.content .sidemenu .popular .sample { border: 1px solid #FF0066; }
.content .sidemenu .popular p { color: #0385E4; padding: 5px 0 0 0; }
.content .sidemenu .popular strong { font-size: 12px; }
.content .sidemenu .popular a img { margin: 7px 0 0 0; }
.content .sidemenu .popular li { width: 157px; padding: 0 0 10px 0; margin: 0 auto; }

.content .tags { height: 324px; width: 984px; position: relative; }
.content .tags h2 { color: #0385E4; font-size: 18px; position: absolute; top: 23px; left: 262px; }
.content .tags .tc { position: absolute; top: 72px; left: 243px; width: 670px; line-height: 25px; text-align: justify; }
.content .tags .tc a { text-decoration: underline; color: #7D7D7D; }
.content .tags .tc .sz1 { font-size: 14px; }
.content .tags .tc .sz2 { font-size: 14px; font-weight: bold; }
.content .tags .tc .sz3 { font-size: 16px; }
.content .tags .tc .sz4 { font-size: 16px; font-weight: bold; }
.content .tags .tc .sz5 { font-size: 19px; }
.content .tags .tc .sz6 { font-size: 20px; font-weight: bold; }

.content .foobut { padding: 10px 20px 0 20px; }
.content .foobut .c1 { width: 447px; float: left; position: relative; font-size: 15px; text-align: center; line-height: 26px; }
.content .foobut .c2 { width: 447px; float: right; position: relative; font-size: 15px; text-align: center; line-height: 26px; }
.content .foobut .c2 span,
.content .foobut .c1 span { position: absolute; width: 447px; height: 57px; top: 0; left: 0px; display: block; cursor: pointer; }
.content .foobut .c2 a,
.content .foobut .c1 a { color: #FFFFFF; }
.content .foobut .c2 strong,
.content .foobut .c1 strong { font-size: 34px; text-decoration: underline; display: block; }
.content .foobut .foomenu { display: block; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 13px; }
.content .foobut .foomenu a { color: #303030; margin: 0 8px; }
.content .foobut .foomenu a:hover { text-decoration: underline; }

.content .box { width: 802px; float: right; background: url(images/box_bg.jpg); }
.content .box .inner { background: url(images/box_bottom.jpg) no-repeat left bottom; position: relative; }
.content .box .inner .title { height: 31px; }
.content .box .inner .title p,
.content .box .inner .title img { float: left; }
.content .box .inner .title p { color: #0385E4; font-size: 19px; padding: 6px 0 0 10px; }
.content .box .inner .title p span { color: #F4037F; font-size: 23px; }

/* FOOTER
----------------------------------------------------------------------------- */

.footer { background: url(images/footer_bg.jpg); }
.footer .inner { width: 980px; margin: 0 auto; }