/*
Theme Name: XSWebplace Default
Theme URI: http://xs.nflame.net/
Description: The default XSWebPlace theme.
Version: 3.0
Author: Victor Tsybulyack
Author URI: http://xs.nflame.net/
Tags: gray, custom header, fixed width, two columns, widgets

*/

body {
	color: #000000;
	font-family:"Trebuchet","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:90%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;
	margin: 0;
	padding: 0;
	background:#ffffff url(img/bgx.jpg) repeat-y center;
/*	background:#A0A0A0 url(img/bgx.jpg) repeat-y center; */
	}
a:link {

	}
a:visited {

	}
a:hover {color:#CC0000;text-decoration:none; }
a:active {
	}
form {margin: 0;padding: 0;	}

#main 	{	margin:0; background:url(img/topsplash.gif) no-repeat center top; }

#head1 	{ 	background:url(img/head1.gif) no-repeat center; height:90px; width:1000px; margin: 0 auto 0 auto;padding-top:1px }
.menu	{ 	margin-left:101px; margin-top:-2px; height:27px; }
.menu img	{	float:left;	border:0; }

.menu ul{	margin:0;	padding:0;}
.menu li{	display:inline;	list-style:none;}
.menu li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	border-left: #CCCCCC 1px solid;
	padding: 2px 10px 0 10px;
	height:24px;
	color:#990000;
}

.menu li a:hover {	background-color:#ECECEC;	color:#CC0000;}
#head2 {	background:url(img/head2.gif) no-repeat center;	height:127px;	width:1000px;	margin: 0 auto 0 auto;}

.topthumbs {float:left; width:675px; margin:0 0 0 101px; height:125px; _margin:0 0 0 50px; }

.topthumbs .thumb {
	border:#C8C8C8 1px solid;
	float:left;
	width:90px;
	height:90px;
	padding:5px;
	margin: 12px 0 0 27px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

.topthumbs .thumb img{	border:0}

.toprightmain {float: left; width: 210px;}
.topright {width:210px;	height:22px;	padding:1px;	text-align:right; }

.topright a {text-decoration:none;color:#000099}
.topright a:hover { text-decoration:none; color:#ff0000}
.topright img {border:0}
.topright span {font-size:12px; display:block; float:right; line-height:12px}

.topright .searchbox {
	height:22px;
	border-bottom: #E7E7E7 solid 1px;
	border-right: #E7E7E7 solid 1px;
	border-top: #C8C8C8 solid 1px;
	border-left: #C8C8C8 solid 1px;
	background:#fff url(img/search.gif) no-repeat top left; 
	padding-left:30px;
}

.topright .searchbox input {border:0; color:#666; background:none;}

#content {background:url(img/bg-main.gif) repeat-y center;	width:1000px;	margin: 0 auto 0 auto;}
#bottom {background:url(img/bottom.gif) repeat-y center;	width:1000px;	margin: 0 auto 0 auto;	height:63px;}
.bottomcopyright {margin-left:101px; border-top:#dcdcdc 1px solid; background-color:#efefef; padding:4px; width:884px; color:#999; font-size:80%}
.bottomcopyright a {text-decoration:none}

.left-content {	width:776px;	margin-right:1px;	float:left;}

.right-content {	width:216px;	float:left;	background:url(img/rightbg.gif) repeat-x top;}
.right-block{	background:url(img/right-separator.gif) no-repeat bottom;	padding: 20px 0 10px 0;}

.right-block ul { 	list-style-image:none;	list-style-type:none;	margin:0 0 0 0;	padding:0;}

.category{ background:url(img/categ.gif) no-repeat right top;}
.xsonline{ background:url(img/xsonline.gif) no-repeat right top;}
.myfriends{ background:url(img/myfriends.gif) no-repeat right top;}
.archives {background:url(img/archives.gif) no-repeat right top;}


.right-block li {}
.right-block li a { display:block;	color:#990000;	font-weight:normal;	padding:0px 0 0px 25px;	text-decoration:none;}
.right-block li a:hover {	color:#FFFFFF;	background: #990000;}
.right-block .category li a {font-weight:bold; width:55%; float:left;}
.right-block .category li a:hover {color:#000; background:none; text-decoration:underline;}

.clear {	clear:both;	font-size:0px;	height:0px;}

/*POST*/
.post-attr {	width:101px;	float:left;	text-align:right;}
.post {	width:655px;	float:left;	padding: 10px 10px 10px 10px;background:#fff url(img/postbg.gif) repeat-x top;}
.post h2 {margin-top:0}
.post-categories {font-weight:bold; margin:20px 5px 15px 0; padding:0;}
.post-categories a {	color:#990000;	text-decoration:none;}
.post-categories a:hover {color:#000000;	text-decoration:none;}

.postdate {	font-size:10px;	font-family:Arial, Helvetica, sans-serif; height:26px;	padding:3px 7px 3px 3px;
			background:url(img/postdate_.gif) no-repeat right top; font-weight:bold; color:#444444}
			
.posticons {	text-align:right; padding-right:10px;	margin-top:5px;	font-size:12px;	font-weight:bold;}
.posticons img {border:0;float:left;}
.posticons a {	text-decoration:none;}

h2 {	font-weight:normal;	margin-bottom:10px;}
h2 a {color: #333333;}
h2 a:hover {color: #CC0000;	text-decoration:none;}

h3 {font-weight:normal;	margin-top:15px;	margin-right:5px;	margin-bottom:15px;	font-size:15px;	font-weight:bold;}
h3 a {	color:#990000;	text-decoration:none;}
h3 a:hover {color:#000000;	text-decoration:none;}

h4 { color:#666666;	margin:0;margin-left:10px;}

/*Comments*/

.comments {	background:url(img/commentsbg.gif) no-repeat right top; padding:20px 0 1px 101px; margin:0 0 0px 0; z-index:-1;}
.comments-no {font-size:18px;  margin:0 10px 0 10px;}
.comments-hd {color:#999999}
.comments .heading {margin-bottom:20px;}
#comments {margin:0px 0 0 0; background-color:#F4F4F4; padding-bottom:10px;}

.yousay {	background:url(img/yousaybg.gif) no-repeat right top; padding:20px 0 0 101px; margin:0 0 0px 0; }
.yousay .heading {margin-bottom:20px;}
#yousay {margin:0px 0 0 0; background-color:#F4F4F4; padding:0 10px;}

.comment {width:641px; background:url(img/comment-body-bg.gif) repeat-y; margin:0 0 20px 15px;  }
.comment-head {background:url(img/comment-head-bg.gif) no-repeat right top; height:40px; font-size:16px; font-weight:bold; color: #333333; padding: 3px 0 0 10px;}
.comment-head span {font-size:12px; font-weight:normal; color:#666666;}
.comment-body {background:url(img/comment-bottom-bg.gif) no-repeat right bottom; padding: 0 15px 25px 10px; }
.comment-body .avatar {display:block; float:right}
.comment-body .text {display:block; float:left; width:500px; margin:0 30px 0 0; color:#606060; font-size:90%}
.comment-body p {display:block; float:left; width:500px; margin:0 30px 10px 0; color:#606060; font-size:90%}
.byauthor {color:#900;}
.byuser {color:#009}
.byguest {}

/*ststic pages*/
.textpage {	background:url(img/plaintextbg.gif) no-repeat right top; padding:20px 0 1px 101px; margin:0 0 0px 0; }
#textpage {margin:0px 0 0 0; padding:0 10px 10px 10px;}
#textpage h2 {margin-top:0;}

/*WP hacks*/
/* .post-categories {margin:0; padding:0; display:inline;} */
.post-categories li { display:inline; list-style:none}
.more-link {text-align:right; display:block}
.postmetadata {display:block; margin:3px 0; background-color:#f9f9f9; padding:0 3px; line-height:190%; color:#999; font-size:70%;}
blockquote { background:url(img/quote.gif) no-repeat top left; margin-left:20px; padding-left:40px; padding-top:10px; color:#666; }
dd {margin:0}

/* Begin Images */
p img {	padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {	display: block;	margin-left: auto;margin-right: auto;}
img.alignright { padding: 4px;  margin: 0 0 2px 5px; display: inline;}
img.alignleft {	padding: 4px;margin: 0 5px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left }


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;	}
/* 
hr { 	display: none;	}
*/
hr {border-color:#CFCFCF;border-style:dotted solid solid;border-width:1px 0 0;height:1px;}
a img {	border: none; }

/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto; margin-right: auto;}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#sidebar h2 {font-size:110%}
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; margin-left:10px;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}

/* sape */
.sape {color:#666;}
.sape a, .sape a:link, .sape a:visited, {color:#666;text-decoration:none}

/* LOCKED TEXT */
.hidepost {
	background: #FFFBCC url(img/lock.gif) top right no-repeat;
	margin: 5px 0px 10px 0px;
	padding: 10px 150px 10px 10px;
	border-bottom: 1px solid #E6DB55;
	border-top: 1px solid #E6DB55;
	border-left: 1px solid #E6DB55;
	border-right: 1px solid #E6DB55;
	}
.hidepost p {
	font-family: Verdana, Serif;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #666;
	}
.hidepost span {
	color:#999;
	font-size:80%;
	 
	 }


/* WP-PageNavi --- bottom navigation */

.wp-pagenavi {margin-top:0px}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 7px 2px 7px; 
	margin: 0px;
	text-decoration: none;
	color: #0066cc;
	background-color: #efefef;	
}
.wp-pagenavi a:visited {
	padding: 2px 7px 2px 7px; 
	margin: 0px;
	text-decoration: none;
	color: #0066cc;
	background-color: #efefef;	
}
.wp-pagenavi a:hover {	
	color: #f00;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 7px 2px 7px; 
	margin: 0px;
	text-decoration: none;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 20px 2px 20px;
	color: #666;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 7px 2px 7px; 
	margin: 2px;
	font-weight: bold;
        font-size:120%;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 7px 2px 7px; 
	margin: 2px;	
	color: #ccc;
	background-color: #FFFFFF;
}

.recentcomments{ font-size:75%; list-style-type:square !important;}
.ngg-gallery-thumbnail img {margin: 4px; padding:1px !important;}
.ngg-gallery-thumbnail {float:left}
.ngg-clear {clear: both}
.highslide img {border: 1px solid silver;}

.highslide-image { border-width: 0px !important;}


.tagscloud { font-family: sans-serif;}
.footer-widgets-col .textwidget p {font-size:0.9em}