@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding: 0;
	color: #333;
	font: 9pt "Lucida Sans Unicode",sans-serif;
	background: #FECDED url(images/by-bg.jpg) repeat-x;}
form {
	margin: 0;
	padding: 0;}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000000;
	margin:0; 
	padding:0;}

p, blockquote, ol, ul {
	line-height: 140%;
	list-style-type:none;}
a {
	color: #33CCFF;
	text-decoration: none;}

a:hover {	
	text-decoration: underline;}
p {
	padding: 0 10px;}

img {border: none;}
img.alignleft{margin: 5px 10px 2px 0;}
img.alignright{margin: 5px 0 2px 10px;}
img.alignleft, img.alignright{	padding: 4px;	border: 1px solid #ccc;	display: inline;}
img.centered{display: block;margin-left: auto;margin-right: auto;}p 
img{max-width: 100%;width: expression(this.width > 480 ? 480: true);}
.alignright {
	float: right;}

.alignleft {
	float: left}

/*----------------------body--------------------*/

/*---------------body_area--------------------*/

#mainwrapper1{
	width: 950px;
	margin: 0 auto;
	padding: 0;}
#wrapper{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background: url(images/by-top3.jpg) no-repeat left top;}
.clear {
	clear: both;}
/*----------------------------------header--------------------*/

#header {
	width: 950px;
	height: 262px;
	margin: 0 auto;}
.head1 {
	margin: 0;
	padding: 0;
	background: url(images/by-top1.jpg) no-repeat;
	height: 70px;}
.head2 {
	margin: 0;
	padding: 0;
	background: url(images/by-top2.jpg) no-repeat;
	height: 192px;}
/*---------menu--------------------*/

#menu {
	float:right;
 	padding-right: 50px;
	margin: 0; 
	width: 97px;
	height: 117px;}
#menu a {
	margin: 0;
	list-style: none;
 	display: block;
	outline: none;
 	text-indent: -1500%;}
#menu a:hover {
	background-position: left bottom;}
#menu .main {
	width: 97px;
	height: 23px;
	background: url(images/by-mn1.jpg) no-repeat;
	left: 825px;
	top: 70px;}
#menu .home {
	width: 97px;
	height: 23px;
	background: url(images/by-mn2.jpg) no-repeat;
	left: 825px;
	top: 93px;}
#menu .about {
	width: 97px;
	height: 23px;
	background: url(images/by-mn3.jpg) no-repeat;
	left: 825px;
	top: 116px;}
#menu .contact {
	width: 97px;
	height: 23px;
	background: url(images/by-mn4.jpg) no-repeat;
	left: 825px;
	top: 139px;}
#menu .biss {
	width: 97px;
	height: 23px;
	background: url(images/by-mn5.jpg) no-repeat;
	left: 825px;
	top: 162px;}

/*---------left--------------------*/
#right {
	width: 660px;
	float: right;
	margin: 0;
	padding: 0 10px;}
.post-main { 
	float: right;
	width: 640px;
	margin: 0 auto;}
.post {
	padding: 2px 10px;}

.post-top { 
	margin-top: 10px;
	background: url(images/by-post.png) no-repeat top;
	height: 78px;}
.post-bot { 
	padding:0;
	background: url(images/by-post.png) no-repeat bottom;
	height: 29px;}
.post-mid {
	padding: 0;
	background: url(images/by-postmid.png) repeat-y;}
.title {
	padding: 25px 0 0 25px;
	font-weight: normal;}
.date {
	padding: 0 0 0 25px;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #000;}
.comm a {
	font-weight: bold;
 	float: right; 
	padding: 32px 72px 0 0;}
.tag a, .date a {
	color: #FF0CA2;}

/*---------right--------------------*/
#left {
	width:270px;
	margin: 160px 0 0 0;
	padding: 0;
	float:left;
	color: #333;}
#left h3 {
	padding-left: 20px;}
#left ul{
	margin:0;
	color:#000;
	padding: 10px 15px;}
#left ul li{
	border-bottom: #FECDED dotted 1px;
	padding:0 0 0 5px;
	margin:0;
	color:#0099FF;}
#left ul li a{
	padding:0;
	font-weight: normal;
	color:#000;
	background-color:inherit;
	text-decoration:none;}
#left ul li a:hover{
	color:#CC9999;}
.side-botblue{
	background: #FECDED url(images/by-botblue.jpg) no-repeat top;
	height: 30px;}
.side-midblue{
	background: url(images/by-midblue.png) repeat-y;}
.side-feed {
	background: url(images/by-feed.jpg) no-repeat;
	height: 44px;}
.side-comp {
	background: url(images/by-comp.jpg) no-repeat;
	height: 44px;}
.side-comm {
	background: url(images/by-comm.jpg) no-repeat;
	height: 44px;}
.side-link {
	background: url(images/by-link.jpg) no-repeat;
	height: 44px;}
.side-post {
	background: url(images/by-post.jpg) no-repeat;
	height: 44px;}
.side-netw {
	background: url(images/by-netw.jpg) no-repeat;
	height: 44px;}

.side-botpink{
	background: #FECDED url(images/by-botpink.jpg) no-repeat top;
	height: 30px;}
.side-midpink{
	background: url(images/by-midpink.png) repeat-y;}
.side-lily {
	background: url(images/by-lily.jpg) no-repeat;
	height: 44px;}
.side-babl {
	background: url(images/by-babl.jpg) no-repeat;
	height: 44px;}
.side-catr {
	background: url(images/by-catr.jpg) no-repeat;
	height: 44px;}
.side-arch {
	background: url(images/by-arch.jpg) no-repeat;
	height: 44px;}
.side-banr {
	background: url(images/by-banr.jpg) no-repeat;
	height: 44px;}
.roll {
	width:240px;
	height:170px;
	overflow:auto;
	padding:2px;}

/*---------------------footer--------------------*/
#footer{
	width:100%;
	clear: both;
	padding: 0;
	color: #333;
	height: 210px;
	background: url(images/by-back.jpg) repeat-x bottom;}
.fot-sign{
	width: 950px;
	margin: 0 auto;}
.fot-right{
	padding: 105px 0 0 30px;
	float: right;
	width: 190px;
	height: 92px;
	background: url(images/by-sign.png) no-repeat bottom;}
#footer a{
	color: #990000;
	text-decoration:none;}

#footer a:hover{
	color: #333;}



/* -------------------[ Form Elements ]------------------- */

select {
	width: 130px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 0 20px;	
	border: 1px solid #FECDED;}
#commentform textarea {
        width: 448px;
	margin: 0 20px;
        padding: 0;
	border: 1px solid #FECDED; }
#commentform #submit {
	margin: 0 0 20px 20px;
	float: left;}
#commentform p {
        margin: 5px 20px;}


/* -------------------[ Comments ]------------------- */

.avatar {float: right; padding: 5px;}
.navigation {
	margin: 10px 0; padding-top: 10px; height: 5px;}
.comments {
	color: #a7c101;	}
.commentlist ul, .commentlist ul ol {
        margin: 0;
        padding: 0; }
.commentlist li {
	display: block;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 10px 15px 0 0;}
.commentlist li.alt { }
.commentlist p {
	margin: 5px 0 0 0;	}
.comments h3 {
	font: bold 10px arial;
	margin: 10px 0;
	padding: 0 0 3px 0;}
.comment-author a {
	font-weight: normal;
	color: #FF0CA2;}
.commentmetadata a {
	font-weight: normal;
	font-size: 10px;
	color: #333;}
#comment ul {
	margin: 0;
	padding: 0;}
#comment ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;}
#comment ul p {
	margin: 5px 0 8px;}
#comment ul ul {
	margin: 0 0 0 0;}
ol li{
	list-style: decimal outside;}