@charset "utf-8";

/*
Theme Name: Cosmo Creations
Theme URI: http://demo.taintedarts.com/cosmoscreations
Description: An elegant portfolio/Business Template
Version: 1.0
Author: Kevin Rajaram
Author URI: http://taintedarts.com/
Tags: Portfolio, Business.
*/

/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a {
	text-decoration:none}
body {
	line-height: 1em;
}
ul{
	list-style-type:none;
}
ul, ol {
	list-style-position:inside;
}

#content ul {
	list-style-type: disc;
}

ul.children {
	padding-left: 20px;
	padding-top:3px;
}
/*END RESET*/


/****************************************
|          Begin Basic Styling          |
****************************************/
html,body{
	margin:0;
	padding:0;
	background:#efefef;
}
body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	min-width:960px;
	line-height:18px;
	color:#9a9a9a;
}
#main{
	background:url(images/header_bg.jpg) repeat-x scroll;
}
.fluid {
	width: 100%;
	float: left;
}
#container{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative
}
.cl{
	clear:both;
	height:1px;
	margin:-1px 0 0;
}
.hidden{
	display:none;
}

a{
color:#b6ca55;
}
a:hover{
	color:#b6ca55;
	
}
.left{
	float:left;
}
.right{
	float:right;
}
.img_left{
	float:left;
	padding:2px 15px 5px 0;
}
.img_right{
	float:right;
	padding:2px 0 5px 15px;
}
h1,h2,h3,h4,h6{
	padding:0 0 25px 0;
	font-weight:normal;
}
h5 {
	padding-top:10px;
	padding-bottom: 10px;
	font-weight: 100;
}

h1{font-size:30px;line-height:35px;color:#00aacd;}
h2{font-size:25px;line-height:30px;color:#00aacd;}
h3{font-size:20px;line-height:25px;color:#888888;}
h4{font-size:18px;line-height:23px;color:#00aacd;}
h5{font-size:15px;line-height:20px;color:#888888;}
h6{font-size:13px;line-height:18px;color:#00aacd;}

.blue{
	color:#00aacd;
}
.btn{
	background:url(images/btn.png) no-repeat;
	height:40px;
	width:135px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	color:#fff;
	cursor:pointer
}
.btn:hover{
	background:url(images/btn_hover.png) no-repeat;
	height:40px;
	width:135px;
	line-height:40px;
	text-align:center;
	color:#fff;
}

/**** Search Button ******/
.search_btn{
	background:url(images/search_btn.png) no-repeat;
	height:40px;
	width:103px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	color:#fff;
	cursor:pointer
}
.search_btn:hover{
	background:url(images/search_hover.png) no-repeat;
	height:40px;
	width:103px;
	line-height:40px;
	text-align:center;
	color:#fff;
}

/* Post Author */

.postauthor {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
	padding: 10px;
	padding-bottom: 3px;
	margin: 10px 0;
	overflow: hidden;
}
.postauthor h4 {
	margin: 0 0 8px 0;
}
.postauthor h4 a {
	font-size: 18px;
	font-weight: normal;
}
.postauthor h4 span {
	color: #999;
	font-weight: normal;
	font-size: 12px;	
}
.postauthor img {
	float: left;
	margin: 0 10px 0 0;
}

/****************************************
|         Begin Header Styling          |
****************************************/

#header{
	position:relative;
	height:200px;
	width:970px;
}
#header .bytelogo{
	position:absolute;
	top:45px;
	left:0px;
}

#header .boldtext{
	position:absolute;
	top:40px;
	left:580px;
	font-style: italic;
	z-index: 2;
}

#header .twitter{
	position:absolute;
	top:20px;
	left:900px;
}
#header .rss{
	position:absolute;
	top:70px;
	left:900px;
}

#header .imagescene{
	position:absolute;
	background: url(images/headerimages.jpg) no-repeat;
	width:452px;
	height:136px;
	top:19px;
	left:425px;
	z-index: 1;
}

ul.nav{
	position:absolute;
	bottom:0px;
	width:960px;
}
ul.nav li{
	height:45px;
	float:left;
	display:inline;
	background:url(images/nav_divider.jpg) no-repeat right center;
}
ul.nav li a {
	color:#fff;
	font-size:14px;
	line-height:43px;
	padding:0 20px 0 20px;
	display:block;
}
ul.nav li:hover{
	background:url(images/nav_hover_bg.jpg) repeat-x;
	
	cursor:pointer
}
ul.nav li.current{
	background:url(images/nav_hover_bg.jpg) repeat-x;
}
ul.nav li.blog_nav{
	background:url(images/nav_blog_bg.jpg) repeat-x;
	height:45px;
	position:absolute;
	right:5px;
}

/****************************************
|        Begin Featured Styling         |
****************************************/
#featured{
	position:relative;
	background:url(images/featured_bg_middle.jpg) no-repeat center top scroll;
	height:360px;
	margin-top:30px;
	margin-bottom:5px;
}
.featured_text{
	color:#fff;
	height:155px;
	width:409px;
	position:absolute;
	top:50px;
	left:35px;
}
.slider{
	width:418px;
	height:298px;
	float:right;
	border:1px solid #fff;
	background:#e6e6e6;
	position:relative;
	top:29px;
	right:45px;
}
.slides{
	border:1px solid #a7a7a7;
	position:absolute;
	top:8px;
	left:8px;
}
#slider_nav{
	width:34px;
	position:absolute;
	top:54px;
	left:-35px;
}
#slider_nav a{
	height:30px;
	width:34px;
	background:url(images/slider_nav.png) no-repeat;
	line-height:30px;
	text-align:center;
	color:#aaa;
	display:block;
	float:left;
	font-size:15px;
	margin-bottom:10px;
}
#slider_nav a.activeSlide{
	height:30px;
	width:34px;
	background:url(images/slider_nav_active.png) no-repeat;
	line-height:30px;
	text-align:center;
	color:#ebebeb;
}
#featured .btn{
	float:left;
	position:absolute;
	top:275px;
	left:35px;
}
/****************************************
|        Begin Main_Content Styling     |
****************************************/
.content_top{
	background:url(images/content_top_bg.jpg) no-repeat;
	height:25px;
	width:960px;
	
}
.content_bottom{
	background:url(images/content_bottom_bg.jpg) no-repeat;
	height:25px;
	width:960px;
}
.content_middle{
	background:url(images/content_middle_bg.jpg) repeat-y;
	width:960px;
	overflow:auto
}
#main_content{
	padding: 0 25px;
	width:540px;
	border-right: 1px dashed #ddd;
	overflow:auto;
	float:left;
}
#main_content p{
	padding-bottom:20px;
}

/*Begin portfolio styling*/
#sliderContent{ 
	width:540px; 
	height:550px;
}
.viewer{ 
	width:540px; 
	height:370px; 
	margin:0 0 20px 0; 
	overflow:hidden; 
	position:relative;
}
.content-conveyor{ 
	width:540px; 
	height:370px; 
	position:relative; 
	margin-left:6px;
}
.item{ 
	width:280px; 
	float:left; 
	display:inline;
}
.item ul{ 
	margin:10px 0; 
}
ul.details li{
	margin-bottom:5px;
}
ul.details li a:hover{
	background:#b6ca55;
	padding:2px 4px;
	color:#fff;
}
ul.details li img{
	padding-right:5px;
	vertical-align:middle
}

/*Begin Services block*/
.website{
	width:230px;
	margin-right:65px;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

.website img{
	float:left;
	padding: 3px 15px 2px 0;
}
.website h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.design{
	width:240px;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

.design img{
	float:left;
	padding: 3px 15px 2px 0;
}
.design h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.branding{
	width:230px;
	margin-right:65px;
	float:left;
	font-size:11px;
	display:block;
	margin-bottom:20px;
}

.branding img{
	float:left;
	padding: 3px 15px 2px 0;
}
.branding h5{
	color:#b6ca55;
	padding-bottom:7px;
}
.seo{
	width:240px;
	float:left;
	font-size:11px;
	display:block;
	margin-bottom:20px;
}
.seo img{
	float:left;
	padding: 3px 15px 2px 0;
}
.seo h5{
	color:#b6ca55;
	margin-bottom:-15px;
}

/* Single Page */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}


/*About Page*/
.headings{
	float:left;
}
.lists{
	width:320px;
	float:right
}
.lists ul li, .lists ol li{
	margin-bottom:8px;
}
.lists ul li{
	background:url(images/bullet.jpg) no-repeat left center;
	padding-left:15px;
	*padding-left:0px;
}

/*Services Page*/
ul.guarantees li{
	background:url(images/check_icon.jpg) no-repeat left center;
	padding-left:25px;
	margin-bottom:10px;
}
/****************************************
|        Begin sidebar Styling          |
****************************************/
#sidebar{
	width:320px;
	padding:0 25px 0 0;
	float:right;
	overflow:hidden
}
#sidebar h4{
	color:#888;
}
.recent_blog, .about, .recent_twitter, .testimonials, .categories, .tabs{
	margin:0 0 30px 0;
	font-size:13px;
}
.recent_blog .blog_excerpt{
	width:320px;
	height:48px;
	margin-bottom:8px;
}

.recent_blog small a:hover{text-decoration: underline;}

.date{
	float:left;
	width:48px;
	height:48px;
	margin:0 10px 0 0;
	background:url(images/blog_post_date.jpg) no-repeat;
	text-align:center;
	font-size:14px;
	color:#55c6de;
}
.date p{
	margin-top:5px;
}
.date span{
	color:#fff;
}
.title a{
	color:#00b3da;
	margin:0 0 2px 0;
}

.title a:hover{
	text-decoration: underline;
}

.blog_excerpt small{
	font-size:11px;
	padding-left:1px;
}
#clients p{
	font-size:13px;
	line-height:21px;
	background:#fff
	padding-top:10px;padding-bottom:10px;
}

/*Blog Sidebar Styles*/
.blog_post{
	width:540px;
	overflow:auto;
	margin-bottom:20px;
	_margin-bottom:0px;
	padding-top:10px;
	border-bottom:1px dashed #ddd;
}
.blog_post h2 {
	margin:-5px 0 -20px 57px;
	
}
.blog_post .date{
	margin-bottom:18px;
}
.blog_post img{
	margin-bottom:10px;
}
.post_info{
	margin-top:3px;
}

.categories ul li{
	background:none;
	padding:0;
	margin-bottom:5px;
}
.categories ul li a{
	color:#00b3da;
}
.categories ul li a:hover{
	color:#fff;
	background:#00b3da;
	padding:2px 4px;
}
.affiliates ul{
	margin-left:0px;
}
.affiliates ul li{
	background:none;
	float:left;
	margin: 0 0 20px 10px;
	display:inline
}
.affiliates ul li img{
	background:#e7e7e7;
	padding:5px;
}
.affiliates ul li img:hover{
	background:#c7c7c7;
	padding:5px;
}
.tabs{
	margin-bottom:15px;
}

ul.tabNavigation{
	margin-left:-7px;
}
ul.tabNavigation li{
	background:url(images/blog_sidebar_tab.jpg) no-repeat;
	height:30px;
	width:102px;
	line-height:30px;
	text-align:center;
	float:left;
	display:inline;
	margin-left:7px;
	margin-bottom:15px;
	*margin-bottom:0px;
}
ul.tabNavigation li a.selected, ul.tabNavigation li:hover {
	background:url(images/blog_sidebar_tab_hover.jpg) no-repeat;
	height:30px;
	width:102px;
	line-height:30px;
	text-align:center;
	float:left;
	display:inline;
	color:#fff;
}
ul.tabNavigation li a{
	display:block;
	color:#888;
}
ul.tabNavigation li:hover a {
	color:#fff;
}
#recentposts ul li, #popularposts ul li, #archives ul li{
	margin-top:5px;
	overflow:
}
#recentposts ul li a:hover, #popularposts ul li a:hover, #archives ul li a:hover{
	background:#b6ca55;
	padding:2px 4px;
	color:#fff;
}

.pagination p{
	float:left;
	padding:4px 10px 0 0;
}
.pagination p a{
	color:#ababab;
	text-decoration:underline;
}
.pagination ul li{
	float:left;
	display:inline;
	background:url(images/pagination_bg.jpg) no-repeat;
	text-align:center;
	line-height:24px;
	height:26px;
	width:26px;
	margin-right:10px;
	color:#c1c1c1;
}
.pagination ul li a{
	color:#c1c1c1;
	display:block;
	font-size:14px;
}
.pagination ul li.active a, .pagination ul li:hover a{
	color:#999;
	display:block;
}
/***********Begin Contact Form***********/

.input{
	width:280px;
	position:relative;
	margin-bottom:15px;
	float:left
}
.input_top{
	background:url(images/input_top.jpg) no-repeat top;
	height:8px;
	width:280px;
	float:left;
}
.input_middle{
	background:url(images/input_middle.jpg) repeat-y;
	width:280px;
	float:left;
	_margin-top:-12px;
}
	
.input_bottom{
	background:url(images/input_bottom.jpg) no-repeat;
	height:8px;
	width:280px;
	float:left;
}

.name{
	width:45px;
	float:left;
	font-size:12px;
	text-align:right;
	padding:2px 15px 0 10px;
	color:#b4b4b4;
}
.input_field{
	width:193px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 2px 10px;
	font-size:16px;
	color:#3b5c6a;
}


/* Search Input */
.input_search{
	width:280px;
	position:relative;
	margin-bottom:15px;
	float:left
}
.input_top_search{
	background:url(images/input_top.jpg) no-repeat top;
	height:8px;
	width:280px;
	float:left;
}
.input_middle_search{
	background:url(images/input_middle.jpg) repeat-y;
	width:280px;
	float:left;
	_margin-top:-12px;
}
	
.input_bottom_search{
	background:url(images/input_bottom.jpg) no-repeat;
	height:8px;
	width:280px;
	float:left;
}

.input_field_search{
	width:193px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 2px 10px;
	font-size:16px;
	color:#3b5c6a;
}

.input_search_small{
	width:200px;
	position:relative;
	margin-bottom:15px;
	float:left
}
.input_top_search_small{
	background:url(images/input_top_small.jpg) no-repeat top;
	height:8px;
	width:200px;
	float:left;
}
.input_middle_search_small{
	background:url(images/input_middle_small.jpg) repeat-y;
	width:200px;
	float:left;
	_margin-top:-12px;
}
	
.input_bottom_search_small{
	background:url(images/input_bottom_small.jpg) no-repeat;
	height:8px;
	width:200px;
	float:left;
}

.input_field_search_small{
	width:183px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 2px 10px;
	font-size:16px;
	color:#3b5c6a;
}

/*Text Area*/

.textarea{
	width:500px;
	position:relative;
	margin-bottom:15px;
	float:left;
}
.textarea_top{
	background:url(images/textarea_top.jpg) no-repeat top;
	height:9px;
	width:500px;
	float:left;
}
.textarea_middle{
	background:url(images/textarea_middle.jpg) repeat-y;
	width:500px;
	float:left;
	_margin-top:-12px;
}
	
.textarea_bottom{
	background:url(images/textarea_bottom.jpg) no-repeat;
	height:9px;
	width:500px;
	float:left;
}
.textarea_field{
	width:420px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 0 10px;
	height:250px;
	font-size:16px;
	color:#3b5c6a
}

/** Textarea for Comments section **/
.textarea_field_comment{
	width:420px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 0 10px;
	height:100px;
	font-size:16px;
	color:#3b5c6a
}
/** End of Textarea for Comments **/

textarea{
	font-family:Tahoma, Geneva, sans-serif;
	overflow:auto
}
button{
	border:none;
}
.send{
	background:url(images/send_btn.jpg) no-repeat;
	width:135px;
	height:40px;
	display:block;
	cursor:pointer;
}
.send:hover{
	background:url(images/send_hover.jpg) no-repeat;
	width:135px;
	height:40px;
	display:block;
}

/** Comment Submit Button **/
.send_comment{
	background:url(images/comment_btn.png) no-repeat;
	width:135px;
	height:40px;
	display:block;
	cursor:pointer;
}
.send_comment:hover{
	background:url(images/comment_hover.png) no-repeat;
	width:135px;
	height:40px;
	display:block;
}
/** End of Comments Submit Button **/

#form_errors{
	background:#fae1d6 url(images/error.jpg) no-repeat 10px center;
	padding:10px 0 10px 35px;
	border:1px solid #f59b73;
	color:#000; 
	margin-bottom:15px;
	display:none;}
#form_thanks{
	background:#e2fad6 url(images/success.jpg) no-repeat 10px center;
	padding:10px 0 10px 35px;
	border:1px solid #91db6c;
	color:#000; 
	margin-bottom:15px;
	display:none;}
/****************************************
|        Begin footer Styling           |
****************************************/
#footer{
	background:url(images/footer_bg.jpg) no-repeat;
	width:960px;
	height:60px;
	line-height:60px;
	padding:0 25px;
	margin: 30px 0;
	font-size:11px;
}

#footer div.right{
	padding:15px 50px 0px 0px;
}

#footer div.right ul{
	padding:0;
	margin:0;
}

#footer div.right ul li{
	padding:0;
	margin:0;
	line-height: 14px;
}

#footer div.right ul li a{
	margin:0;
	padding:0;
}

/** Comments on blog posts **/
/* Blog Comments */

.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	/*margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;*/
	list-style: none;
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 20px 0;
	border-bottom:1px dashed #ddd;
	
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
#commentform textarea {
	width: 530px;	
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
.commentmetadata a {
	color: #999;
	font-weight: normal;
	font-size: 11px;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: left;
	border: 3px solid #eee;
	background: #fff;
	margin-right: 5px;
	-moz-border-radius: 2px;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}


.gamesbox{
	overflow:hidden;
	width:550px;
}
.gamesboxinnerleft{
	float:left;width:220px;
}
.gamesboxinneright{
	float:left;padding-left:20px;width:300px;
}

.singlegame{
		overflow: hidden;
		width:550px;
}
.singlegameimage{
	float:left;
	width:160px;
}
.singlegametext{
	float:left;
	width:350px;
	padding-left:20px;
}




//***** FANCy BOX CSSS ***//

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/viewer/fancy_loading.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/viewer/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/viewer/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/viewer/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/viewer/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/viewer/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/viewer/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/viewer/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/viewer/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/viewer/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/viewer/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/viewer/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('images/viewer/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('images/viewer/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('images/viewer/fancy_title_right.png') repeat-x;
}

.byte_board{
	padding-top:15px;
	width:650px;
	margin:0px auto;
}
.byte_board .newpost{
	padding: 10px 20px 15px 20px;
	position: relative;
}
.byte_board span{
	font-size:16px;
}
.byte_board .newpost .txtarea{
	border:1px solid #ccc;
	font-size:1.3em;
	color:#3b5c6a;
	padding:5px 5px 5px 5px;
	background:none;
}

.byte_board .newpost .txtareawrap{
	padding-top:5px;
}

.recentlyadded{
	padding: 20px 20px 12px 20px;
}

.byte_board_comment_overlord{
	padding:0px 0px 30px 20px;
}

.byte_board_comment_wrap{
	width:560px;
	border:1px solid #CCC;
	padding: 10px 20px 10px 20px;
}
.byte_board_comment{
	border-bottom: 1px dashed #ccc;
	padding: 10px 0px 10px 0px;
}

input.byte-text{
	font-size: 1.3em;
	padding: 5px;
	border:1px solid #ccc;
	color:#3B5C6A;
}