/*  
Theme Name:Style06.com

Theme URI: http://www.Style06.com
Version: 3.0
Author: Colin Chik

background-image: url(images/background2.gif); background-position: top center; background-repeat: no-repeat;
 ------------------------------------- global*/
body {font:75%/170% Arial, Helvetica, sans-serif; padding:0px; margin: 0px; color:#333333; background: url(images/background2.gif) #ffffff no-repeat fixed 0 0; background-position: top;}
a {color:#333333; text-decoration: none;}
a:hover {color:#0074C1; text-decoration:none;}
img {border:none;}
.clear{clear:both;}

/* list list-style-image: url(images/ul.png); */
ul, ol{ list-style-type:none; margin:0px; padding-left:0px;}
ul li, ol li { list-style-type:none; margin:0px; padding:0px;}

/* typo */
small {font-size: 90%;}
p {margin:0 0 5px 0; padding:0;}
h1 {color:#222222; font-size:20px; font-weight:normal; margin:0 0 5px;}
h2 {color:#222222; font-size:20px; font-weight:normal; margin:0 0 5px;}
h3 {font-size:120%; margin:0px; padding:0px;}
h5 {font-size:140%; padding:0; margin:0 0 7px 0;}

/* basic form */
input[type=text] {width:180px; height:15px; padding:5px 3px 3px 7px; font: 110% Arial, Helvetica, sans-serif;  border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #333;}
select {width:300px; margin:4px 0 10px 0;padding:0px;}
select option{background:#FAFAFA;}
textarea {font:110% Arial, Helvetica, sans-serif; width:500px; height: 140px; padding: 5px 3px 3px 7px;  background: border: solid 1px #F0F0F0;overflow:hidden;}

/* image effect */
.default, .MooTrans {display:block; position:relative; width:100%; height:100%; background:transparent; }
.MooTrans {background:url(images/button_on.png) repeat;}

/* prev/next */
.pagnav {float:left; display:block; margin-top:20px;}

/* under the header squares */
.square_container {display:block; width:984px; height: 127px; margin:15px auto; background:#FFFFFF;}
.square_container1 {display:block; float: right; margin-left:11px; width:125px; height: 125px; border:3px solid #656565;}
.square_container2 {display:block; float: left; width:125px; height: 125px; border:3px solid #656565;}


/* Header */
.top {display:block; width:978px; height:100px; margin:0px auto; border-left:3px solid #656565; border-right:3px solid #656565; background: #ffffff; }
.top_logo {float: left; clear: both; width:240px; height:90px; margin-top:0px; margin-left: 10px;}
.top_social {float: right; width:468px; height:60px; margin-right:25px; margin-top:15px;}
.top_navigation {display:block; width:978px; height:31px; margin:0 auto 15px auto; border:1px solid #656565; background: #ffffff; border-bottom:3px solid #656565; border-left:3px solid #656565; border-right:3px solid #656565;}
.nav_margin {width:978px; height: 31px;}

/* Navigation*/
#navigation {background:#FFF;}
#menus li {display:inline; list-style:none;}
#menus li a {background:transparent url(images/menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:11px; float:left; z-index:1; font-weight: bold;}
#menus li a:hover, #menus li a.current {background-position:0 -31px;}
#menus li a.home {background-position:0 -93px; width:45px; padding:0; margin-left:0; text-indent:-999em;}
#menus li a.home:hover {background-position:0 -124px;}
#menus li a.lastmenu:hover {background-position:0 0; cursor:default;}

/* Front page */
.cat_head {float:left; display:block; clear: right; padding:0px; margin-left:10px; margin-top:5px; float:left; width:420px;}
.cat_head a {color:#666;}
.cat_head a:hover {color:#000;}
.front_left {float:left; display:block; width:533px; background:#FFFFFF; padding:0px; margin-left:5px}
.front_right {float:right; display:block; width:425px; background:#FFFFFF; padding:0px; margin-left:5px;}
.front_frame {float:left; display:block; width:130px; height:100px; margin:3px 3px 3px 0px;  text-align:center; border:1px solid #d5d5d5; margin-left:6px;}
div.front_blog_container {display:block; width:533px; height:90px; padding:20px 0 20px 10px; background: url(images/bg_catitem.png) no-repeat 0px 0px;color:#666666;}
div.front_blog_container:hover {background: url(images/bg_catitem.png) no-repeat 0px -130px;}
.front_blog_content  {float:left; width:350px; margin-left:30px;}
.front_blog_title {display:block; padding-bottom:4px; font:bolder 13px/12px Arial, Helvetica, sans-serif;}
.front_blog_excerpt {display:block; line-height:17px;}
.ad_space {float:left; display:block; margin-left: 0px; width:425px; height: 135px; background: url(images/sponsors_bg.png) no-repeat 0px 0px; border-bottom: #333 solid 2px; padding:0px;}
.ad_space2 {float:left; display:block; margin-left: 30px; margin-top: 5px;}

/*Hair*/
.cat_container3 {display:block; width:978px; height: 200px; margin:15px auto; background:#FFFFFF; no-repeat; border:3px solid #656565;}
.cat_left3 {float:left; display:block; width:700px; padding:0px;}
.cat_right3 {float:right; display:block; width:278px; padding:0px; margin: 0px;}
.cat_right3 img {float:right; display:block; padding:0px; margin: 0px;}
.image_thumb3 {display:block; width:190px; height:90px; padding:5px 5px 5px 5px;}

/* Poll Vote */

/* Fashion Section */
.fascat_left {float:left; display:block; width:660px; padding:20px;}
.fasimage_frame {float:left; display:block; width: auto; height: 190px; margin:14px;  text-align:center;}
.fasimage_thumb {float:left; display:block; max-width: 170px; max-height:170px; padding:5px 5px 5px 5px; border:1px solid #d5d5d5;}
.fasimage_inner_thumb {float:left; display:block; max-width: 170px; max-height:170px;}
.adcontainer_978 {display:block; width:978px; height: 50px; margin:15px auto; background:#FFFFFF; no-repeat; border:3px solid #656565;}

/* single */
.single_container {list-style: none; display:block; width:978px; margin:15px auto; background:url(images/bg_single.png) repeat-y; border:3px solid #656565;}
.single_left {float:left; display:block; width:660px; padding:20px;}
.single_right {float:left; display:block; width:260px; margin:20px 0 0 18px; }
.post_single_footer { height:30px; padding:0; margin:15px 0 8px 0; background:#FFFFFF; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; line-height:30px;}
.post_time { height:30px; margin-left:20px; padding-left:20px; background:url(images/time.png) no-repeat center left;}
.post_single_tags { height:30px; margin-left:20px; padding-left:20px; background:url(images/tags.png) no-repeat center left;}
.post_cat { height:30px; margin-left:23px; padding-left:23px; background:url(images/category.png) no-repeat center left;}

/* post content */
.single_left a {color:#0099CC;}
.single_left a:hover {color:#0099FF;}
.single_container ul { margin: 5px 0px 10px; padding-left: 20px;}
.single_container ul li {margin: 0px;list-style-image: url(images/ul.png);}
.single_container ol {margin:5px 0px 10px; padding-left: 0px;}
.single_container ol li {margin:0px; list-style-type:none; }

/* image single */
.imglimit img { 
max-width: 600px; 
width: expression(this.width > 720 ? 720: true);
max-height: 960px;
height: expression(this.height > 960 ? 960: true);
}

/* media single */
.mediasingle_item {display:block; width:660px; height:400px; margin:20px 0 20px 0;}


/* cat */
.cat_container {display:block; width:978px; margin:15px auto; background:url(images/bg_single.png) repeat-y; border:3px solid #656565;}
.cat_container_full {display:block; width:978px; margin:0px auto; background:url(images/front_bg.png) repeat-y; border:3px solid #656565;}
.cat_left {float:left; display:inline; width:660px; padding:20px;}
.cat_right {float:left; display:inline; width:260px; margin:20px 0 0 18px; }

/* image cat */
.image_container {float:left; display:block; width:660px;}
.image_frame {float:left; display:block; width:120px; height:90px; margin:18px;  text-align:center;}
.image_thumb {float:left; display:block; width:190px; height:90px; padding:10px 22px 10px 22px; background:url(images/bg_vid_item.png) no-repeat;}
.image_inner_thumb {float:left; display:block; width:120px; height:90px;}
#image_post a {float:left; display:block; width:100%; height:100%; overflow:hidden;}
.image_permalink {display:block; width:120px; height:45px; background:transparent;}
.image_permalink a {background:url(images/bg_link_vid.png) no-repeat 0px 0px;}
.image_permalink a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -90px;}
.image_gallery {display:block; width:120px; height:45px; background:transparent;}
.image_gallery a {background:url(images/bg_link_vid.png) no-repeat 0px -45px;}
.image_gallery a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -135px;}

/* videodisplay */
.vid_container {display:block; width:658px; padding-top:20px; overflow:hidden;}
.vid_frame {float:left; display:block; width:164px; height:130px;  text-align:center;}
.vid_thumb {display:block; width:120px; height:90px; padding:10px 22px 10px 22px; background:url(images/bg_vid_item.png) no-repeat;}
.vid_inner_thumb {display:block; width:120px; height:90px;}
#vid_post a {display:block; width:100%; height:100%; overflow:hidden;}
.vid_permalink {display:block; width:120px; height:45px; background:transparent;}
.vid_permalink a {background:url(images/bg_link_vid.png) no-repeat 0px 0px;}
.vid_permalink a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -90px;}
.vid_gallery {display:block; width:120px; height:45px; background:transparent;}
.vid_gallery a {background:url(images/bg_link_vid.png) no-repeat 0px -45px;}
.vid_gallery a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -135px;}
.vid_feature {display:block; margin-left:8px;}

/* sidebar */
#sidebarwidget {display:block; width:220px; margin-bottom:20px; padding:10px;}
#sidebarwidget h5 {display:block; width:220px; height:30px; background:url(images/bg_widget.png) no-repeat;}
#sidebar {width:240px; color:#666666; line-height: 160%;}
#sidebar p {margin:0px 0px 15px;}
#sidebar ul {margin: 0; padding:0 0 0 10px; list-style:none;}
#sidebar ul li {padding-left:18px; margin:7px 0 3px 0; list-style:none; background:url(images/sidebar_li.png) no-repeat;}


/* comments */
.comments {width:660px; padding:1px; margin-bottom:10px; background:#FFFFFF; color:#333333;}
.comments_inner { background:#FFFFFF url(images/bg_post.png) repeat-x; color:#333333;}
.comments_headline {font-size:18px; padding-bottom:3px; margin-bottom:8px; border-bottom:1px solid #888;}
.comments_count {float:right; display:block; width:40px; height:20px; background:url(images/comment.png) no-repeat center left; text-align:center; font-size:10px; font-weight:normal;}
.comments_rss {float:right; display:block; width:28px;}
.comments ul li {list-style:none; margin:5px 0 0 20px; padding-left:10px;  }  
.comments li {list-style:none; background:transparent; margin:0px 0 0 10px; padding-left:10px;} 
.comment_arrow {padding-top:10px; background: url(images/comment_arrow.png) no-repeat left bottom;}  
.comment_inner {padding:5px; border:1px solid #888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#FAFAFA;}
.comment_frame{margin-bottom:5px;}
.comment_avatar{ float:left; width:46px; height:46px;}
.comment_author_top{float:left; width:310px; height:46px; margin-left:10px; font-size:9px;}
.comment_data_right{float:right; width:80px; height:26px; font:normal 10px Geneva, Arial, Helvetica, sans-serif; text-align:right;} 
.comment_date{padding:0px; margin:0px;}
.comment_author_say{padding:0px; margin:0px;color:#333333; font:17px Geneva, Arial, Helvetica, sans-serif;}
.comment_title{padding:0px; margin:0px;}
.comment_title a{color:#CCCC00;}
.comment_title a:hover{color:#0099FF;}
.comment_text{display:block; padding-top:10px; border-top:1px solid #F0F0F0;}

/* author info */
.author {background:#FAFAFA; padding:10px 20px 20px 20px; margin:20px 0 20px 0;}
.author_avatar {float:left; width:72px; height:60px; margin:0 10px 5px 0;}
.author_data {float:left; width:535px; height:60px;}
.author_mail {float:right; width:16px; height:16px;}
.author_info {float:left; width:418px; height:26px;padding:0;margin-bottom:2px;}
.author_name {font-size:26px; padding:7px 0 0 0; margin-bottom:4px;}
.author_posts {padding:7px 0 0 0; margin:0;}
.author_description {text-align:justify; clear:both;}

/* news box*/
div.blog_container {display:block; width:640px; height:90px; padding:20px 0 20px 20px; background: url(images/bg_catitem.png) no-repeat 0px 0px;color:#666666;}
div.blog_container:hover {background: url(images/bg_catitem.png) no-repeat 0px -130px;}
.blog_top {float:left; display:block; width:100px; height:86px; border:2px solid #F0F0F0;}
.blog_content  {float:left; width:400px; margin-left:30px;}
.blog_title {display:block; padding-bottom:4px; font:bolder 13px/12px Arial, Helvetica, sans-serif;}
.blog_excerpt {display:block; line-height:17px;}

/* footer */
#footer{font:10px Verdana, Arial, Helvetica, sans-serif; background:#fff url(images/footer_bg.png); border: 3px solid #656565; no-repeat; display:block; width:978px; margin:15px auto 55px auto; padding:0px 0 10px 0; height:190px; text-align:center; }
#footerbar{width:955px; margin:0px 0 15px 0; }
#footerbar li{float:left; display:block; width:180px; text-align:left; padding:0 0 10px 0;}
#foothead{display:block; width:134px; height:30px; font:bold 11px/32px Verdana, Arial, Helvetica, sans-serif; color:#333; padding-left:25px; background: url(images/foothead.png) no-repeat;}
#signet{ display:block; width:30px; height:30px; float:left;}
#footerbar li li{display:block; height:15px;width:162px; padding:4px 0 0 20px;   font:11px/20px Geneva, Arial, Helvetica, sans-serif;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

/* contest*/
.contest_box {height:150px; width:650px; color:#666666; border:2px #666666; border-style: dotted; background: #ffe1ec;}
.contest_inner {margin:10px;}

/* form box*/
.form_box {height:480px; width:650px; border:2px #666666; border-style: dashed; background: #ebffed;}
.form_inner {margin:10px;}

/* Submenu */
#menus li ul {display:none; background:#F4F5F7; border:solid #A6A6A6; border-width:1px 1px 0; line-height:0; position:absolute; z-index:1;}
#menus li li {float:none; margin:0; padding:0; list-style:none;}
#menus li li a {float:none; padding:7px 18px 7px 10px; text-decoration:none; border-bottom:1px solid #DDD; margin:0; background-image:none; height:auto; line-height:145%; color:#999; display:block; width:175px;}
#menus li li a.last {border-color:#A6A6A6;}
#menus li li a:hover, #menus li li a.current {background-color:#EDEFF0; color:#382E1F;}
#menus li li a.subtitle, #menus li li a.subtitle:hover {background-image:url(images/arrow.gif); background-position:right; background-repeat:no-repeat;}

/* Footer Toolbar */
#bottom {filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; display:block; width: 100%; height: 40px; position: fixed; bottom: 0px; left: 0px; right: 0px; text-align: left; margin:0 auto; border-top: solid 1px #666; background-color: #222; background-repeat:no-repeat; background-position:top center;}
#bottom_wrapper {display:block; width: 988px; height: 40px; position: center; bottom: 0px; left: 0px; right: 0px; text-align: left; margin:0 auto;}
#bottom_logo {background: URL(images/bottom_logo.gif); background-position: center; float: left; display:block; height: 40px; width: 170px;}
#bottom_submit1 {float: left; display:block; width: 120px; height: 25px; text-align: center; background-color: #fff; border-bottom: solid 1px #666; border-left: solid 1px #666; border-right: solid 1px #666; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-right: 10px; margin-top: 7px;}
#bottom_submit4 {float: left; display:block; width: 170px; height: 25px; text-align: center; background-color: #fff; border-bottom: solid 1px #666; border-left: solid 1px #666; border-right: solid 1px #666; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-right: 10px; margin-top: 7px;}
#bottom_text {line-height: 26px; font-size: 12px; height: 40px; width: auto; margin-top: 0; text-align: center; height: 30px;}
.bottom_right {float: right; display: block; height: 40px; width: 250px;}
.copyright {float: right; clear:both; font-size: 11px; display:block; height: 17px; width: auto; padding-top: 5px; color: #fff; text-align: left;}
.mini_page_menu {float: right; clear: both; font-size: 11px; display:block; height: 17px; width: 180px; padding-top: 0px; color: #fff; text-align: left;}
.mini_page_menu a{color: #fff;}
.mini_page_menu a:hover{color:#0074C1;}

.search_header {
display:block; vertical-align: top; float: right; height:31px; margin:0px auto;
}
.search_header2 {
display:block; vertical-align: top; float: right; ; margin-top:3px;
}
@charset "utf-8";
/* CSS Document */

/* top_network_bar */
#top_network_bar {display:block; width: 100%; height: 28px; position: fixed; top: 0px; left: 0px; right: 0px; text-align: left; margin:0 auto; border-top: solid 1px #666; background-color: #222; background-repeat:no-repeat; background-position:top center; z-index: 1;}
#bottom_wrapper {display:block; width: 988px; height: 28px; position: center; bottom: 0px; left: 0px; right: 0px; text-align: left; margin:0 auto;}
#top_netbar_logo {background: URL(images/s7logo_top.png); background-position: center; float: left; display:block; height: 28px; width: 140px;}
#top_network_menu {display:block; background-position: center; float: left; height: 140px; width: 140px; display:none; border-top: 1px solid #767676; border-left: 1px solid #767676; border-rightp: 1px solid #767676; position: fixed; top: 28px;}
#top_network_menu img:hover {-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;}

#top_netbar_menu {display: block; float: right; height: 23px; padding-top: 5px; margin-right: 10px; width: 300px; text-align: right;}
#top_netbar_menu a {color:#fff; font-size: 12px; font-weight:normal; margin:0 0 5px;}
#login {width: 280px; padding: 15px; background: #222; display:none; float:left; margin-top: 3px; margin-right:30px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;}