﻿body {
	background-image:url('../images/bg/bg.jpg');
	background-color:#060606;
	background-repeat:repeat-x;
}

a {
   outline: none;
}

#content {
	max-width:760px;
	min-width:760px;
	margin:0 auto;
}

#content #left {
	width:400px;
	float:left;
}

#content #right {
	width:430px;
	float:right;
}



#fixitem {
	float:left;
}

#logo {
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:left top;
	width:280px;
	height:47px;
	margin-top:80px;
	margin-left:0px;
	position:fixed;
}

#logo:hover {
	background-position:left bottom;
}


#avatar {
	background-repeat:no-repeat;
	background-position:center;
	width:135px;
	height:120px;
	margin-top:-55px;
	margin-left:-60px;
	position:fixed;
}

#menu_top {
	font-family:Verdana;
	font-size:11px;
}

#menu_top a {
	padding-left:4px;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
}


#menu_top a:hover {
	color:#999999;
}


#menu {
/*	background-image:url('../images/menu/main_bg.png');*/
	width:200px;
	height:75px;
	margin-top:55px;
	margin-left:78px;
}

#hover:hover {
	background-color:transparent;
}

#menu #me {
	background-image:url('../images/menu/me.png');
	width:35px;
	height:9px;
	float:left;
	cursor:pointer;
}

#menu #me:hover,#menu #me.active {
	background-image:url('../images/menu/me.png');
	background-position:0px -9px;
}


#menu #wont {
	background-image:url('../images/menu/wont.png');
	width:55px;
	height:13px;
	float:left;
	margin-top:-5px;
}

#menu #port {
	background-image:url('../images/menu/port.png');
	width:109px;
	height:18px;
	float:left;
	margin-top:-7px;
	cursor:pointer;
}

#menu #port:hover ,#menu #port.active {
	background-image:url('../images/menu/port.png');
	background-position:0px -18px;
}

#menu #dev {
	background-image:url('../images/menu/dev.png');
	width:61px;
	height:14px;
	float:left;
	margin-top:-2px;
}

#menu #life {
	background-image:url('../images/menu/life.png');
	width:124px;
	height:18px;
	float:left;
	margin-top:-2px;
	cursor:pointer;
}

#menu #life:hover,#menu #life.active {
	background-image:url('../images/menu/life.png');
	background-position:0px -18px;
}

#menu #menuk {
	background-image:url('../images/menu/menuk.png');
	width:78px;
	height:14px;
	float:left;
	margin-top:-2px;
}

#menu #photo {
	background-image:url('../images/menu/photo.png');
	width:66px;
	height:18px;
	float:left;
	margin-top:-2px;
	cursor:pointer;
}

#menu #photo:hover {
	background-image:url('../images/menu/photo.png');
	background-position:0px -18px;
}

#menu #blog {
	background-image:url('../images/menu/blog.png');
	width:48px;
	height:20px;
	float:left;
	margin-top:-2px;
	cursor:pointer;
}

#menu #blog:hover {
	background-image:url('../images/menu/blog.png');
	background-position:0px -20px;
}


#text {
	color:white;
	font-family:Tahoma;
	font-size:12px;
	float:left;
	margin-top:90px;
}

#portfolio {
	background-image:url('../images/title/port.png');
	width:198px;
	height:76px;
	margin-left:200px;
}


#lifestream {
	background-image:url('../images/title/life.png');
	width:198px;
	height:76px;
	margin-left:200px;
}

#metitle {
	background-image:url('../images/title/me.png');
	width:198px;
	height:76px;
	margin-left:200px;
}


#gallery {
	margin-top:20px;
}


#gallery img {
	border:0px;	
}

#gallery div {
	padding:5px;
}

#gallery .thu {
	border: 4px solid #666666;
}

#gallery .thu:hover {
	border: 4px solid #CCCCCC;
}

#gallery a {
	cursor:zoom;	
}

.lifelist {
	background-repeat:no-repeat;
	background-color:transparent;
	padding-top: 70px;
	padding-bottom: 20px;
}

#write {
	background-image:url('../images/title/iwrite.png');
}

#fm {
	background-image:url('../images/title/fm.png');
}

#twit {
	background-image:url('../images/title/twit.png');
}

#deli {
	background-image:url('../images/title/bookm.png');
}

#greader {
	background-image:url('../images/title/greader.png');
}

#see {
	background-image:url('../images/title/see.png');
}






#write ul,#fm ul {
	list-style-type:none;
	font-size:11px;
	font-family:Tahoma;
}

#text ul li {
	list-style-type:none;
	font-size:14px;
}

#text .pubDate {
	color:#666666;
	font-size:10px;
}

#text ul li a {
	color: #ccc;
	text-decoration: none;
}

.rtl {
	direction:rtl;
	text-align:right;
}

#contact_form #form li {
	padding:3px;
	color:#666666;
	font-family:Verdana;
	font-size:10px;
}

#contact_form #form li input {
	border: 1px solid #000000;
	background-color: #333333;
	color: white;
	padding:8px;
	font-family:Tahoma;
	font-size:12px;
	width:200px;
}

#contact_form #form li textarea {
	border: 1px solid #000000;
	background-color: #333333;
	color: white;
	padding:8px;
	font-family:Tahoma;
	font-size:12px;
	width:200px;
	height:180px;
}

