/* general page layout */

body { background-color:#EFF2F3; color:#000000; min-width:1000px; text-align:center }
#page { width:1000px; background-color: #ffffff; margin-left: auto; margin-right:auto; text-align:left }

img {border-style:none}

/* pb is shortcut for page border */
.pb1 { background:url('/images/top.gif') left top no-repeat }
.pb2 { background:url('/images/top2.gif') top repeat-x }
.pb3 { background:url('/images/top-right.gif') right top no-repeat }
.pb4 { background:url('/images/leftside.gif') left repeat-y }
.pb6 { background:url('/images/rightside.gif') right repeat-y }
.pb7 { background:url('/images/bottom-left.gif') bottom left no-repeat }
.pb8 { background:url('/images/bottom.gif') bottom repeat-x }
.pb9 { background:url('/images/bottom-right2.gif') right bottom no-repeat; padding: 20px }

#top_menu {margin-right:20px}

.menuliner { 
	float:right;
	display:inline/*ie*/;
	list-style:none;
	margin-top:0px; margin-bottom:0px; line-height:20px;
}
.menuliner li {
	float:left; padding-left: 5px; margin-left:5px;
	background: url('menulinesep.png') left center no-repeat
}
.menuliner li:first-child
, .menuliner li.first/*ie*/
{ background:none }

.menulinel { 
	display:inline;
	list-style:none;
	margin:0px; padding:0px;
}
.menulinel li, .menulinel .item {
	display:inline;
	padding-left: 10px; margin-left:5px;
	background: url('menulinesep.png') left center no-repeat
}
.menulinel li:first-child, .menulinel .item:first-child
, .menulinel li.first, .menulinel .item.first/*ie*/
{ background:none; padding:0;margin:0 }

#page_head {
	display:table; width:100%;
	background:url('/images/topbg.jpg') left top repeat-x
}
#logo { display:table-cell; }
#search {
	display:table-cell;
	vertical-align:middle; text-align:right; padding-right:25px;
	background:url('/images/top.jpg') right top no-repeat
}
#logincontainer {
	display:table-cell;
}
#login {
	display:table;
	width:100%;
}
#logindatacontainer {display:table-cell;text-align:right;vertical-align:middle}
#logindata {display:table-cell}
#logindata label {display:block}
#logindata input {margin-left:10px}
#loginsubmit {display:table-cell;width:45px}

/*ie*/
#ie { background: url('/images/topbg.jpg') left top repeat-x }
#ie #page_head {position:relative; background: url('/images/top.jpg') right top no-repeat }
#ie #page_head #search {
	background-image: none;
	position:absolute; top:22px; left:620px;
	white-space:nowrap
}
#ie #logincontainer {width:300px;height:64px;position:absolute;left:660px;top:0px}
#ie #logindata {width:200px;height:44px;left:55px;top:10px;position:absolute}
#ie #loginsubmit {width:45px;height:64px;position:absolute;left:255px;top:0px;}
/*!ie*/

#navbar { width:210px; padding-top:10px; float:left}
#userphoto { text-align:right }
.explicit_edit {text-align:right }
.navsection { background:url('navsectionsep.png') left bottom repeat-x; padding-bottom:10px}
.navtitle {margin-top:10px;margin-bottom:10px;padding-left:10px; background: url('/images/arrow.gif') left center no-repeat }
.navsection ul { list-style:none; padding:0;margin:0 } 
.navsection ul li { padding-left:13px; margin:0; background: left center no-repeat;}
#favlinks ul li, .links ul li{ background-image: url('favlinkmarker.png');}
#friends .avatar {margin-bottom:10px}
.navsection.links {margin-top:10px}
.navsection:first-child.links {margin-top:0}

#view {margin-left:220px}
#view_head {padding-top:10px}

#view_head .titleblack2 { background: url('/images/arrow.png') left center no-repeat; padding-left:15px;}
#view_head .line {margin-top:10px}

#view_menu.menulinel {display:block;margin-top:10px;margin-bottom:10px }
#view_menu.menulinel li {background-image: url('notificationmarker.png') }
#view_menu.menulinel li:first-child
, #view_menu.menulinel li.first/*ie*/
{ background:none }

.viewsection {background: url('viewsectionsep.png') left bottom repeat-x; padding-left:5px;margin-top:10px;padding-bottom:10px}
.viewsection ul { list-style:none; padding:0;margin:0 } 

#page_foot { clear:both;text-align:center;padding-top:20px }

/* blog layout */

#blog_writer textarea {
	width:98%;
	padding:0;
	margin:0;
}
#blog_writer form {margin:0; padding:0}
#blog_writer .line {margin-top: 5px}
#blog_filter .menuline {float:none;}
#blog_filter .menuline li {float:none; display:inline; }

.avatar {
	display:inline-block;
	zoom:1;	*display:inline/*ie*/;
}
.avatar img {width:50px;height:50px;}
.avatar .nick {display:block;text-align: center}
.smallvatar {width:40px;text-align:center;vertical-align:top}
.smallvatar img {width:30px; height:30px}


#blog_posts {margin-top:0}
.post table {border-spacing:0}
.post {vertical-align:top;background:url('viewsectionsep.png') left bottom repeat-x}
.posts, .comments {
	width:100%;
	*width:99%/*ie6*/
}
.post .section {margin-bottom:10px;margin-top:10px;margin-left:10px}
.hover .remove {float:right;display:none}
.hover:hover .remove {display:block}
.hover .remove {*display:block/*ie6*/}
.comment.even {background:#D2E4FF}
.comment.uneven {background:#E6F0FF}
.posts .last {background-image:none}
.posts .first .comment .section {margin-top:5px}
.posts .last .section {margin-bottom:0}

.comment .section {margin-bottom:5px;margin-top:5px;margin-left:5px}
.last .comment .section {margin-bottom:5px;margin-top:5px;margin-left:5px}
.avatartd {width:50px/*opera*/}

.post .text, .comment .text {
	white-space:pre-wrap;
	*white-space:pre;/*ie*/
	*overflow:hidden;/*ie*/
}
.post .text {
	*width:640px;/*ie*/
}
.comment .text {
	*width:600px;/*ie6*/
}
.post textarea {
	width:98%;
	padding:0;
	margin:0;
	*width:99%/*ie6*/
}

#navbar .notifications ul li { background-image: url('notificationmarker.png')}