/* RESET CSS */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
table.padded td { padding:3px; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

body {font: 75%/170% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000; background:#ffaf00; background-attachment:fixed; background-position: top left; margin: 0;	padding: 0;}
	/* body.page {background:#ffaf00 url(/img/topbgpage.gif) repeat-x top;} */

a {color: #871E00; text-decoration:underline; outline: none;}
a:visited {}
a:hover {text-decoration: none; color:#EF8A20;}

a.dotted { text-decoration:none; border-bottom:1px dotted #871E00; }

p {padding: 0 0 2em; }

h1, h2, h3 {margin-bottom:15px; font-family:"Trebuchet MS";}

img {border: none;}

/* header */
#header {height:149px; width:763px; margin:0 auto; position:relative;}
	#header h1 {margin-bottom:10px; font-size:2.5em; color:#fff;}
	#header .logo {position:absolute; left:-80px; }
	#header .moto {position:absolute; margin-top:80px; margin-left:180px; z-index:10; font-size:11px; color:#4c4c4c;}
	#header .whatisgif {position: absolute;top:50px;left:270px;width:470px;color:#fff;line-height:1.4em;}
		#header .whatisgif b {font-size:1.4em;color:#000}
	#topBar {position: absolute; font-size:11px; position:absolute; left:30px; top:115px; }
		#topBar .num {color:#ffff00; font-family:"Trebuchet MS"; font-size:1.1em;}

.link {position:absolute; z-index:20; margin-left:65px; margin-top:0px;}

/* user menu */
#userMenu {height:23px; padding-top:5px; color:#000; background:url(/img/usermenubg.gif) no-repeat top; width:763px; margin:0 auto;}
	#userMenu a {text-decoration:none; color:#373535;}
	#userMenu a:hover {color:#ba3d00;}
	#userMenu ul {list-style:none; padding-left:11px;}
	#userMenu ul li {display:block; float:left; padding:0 8px 0 8px;}
* html body #userMenu {padding:5px 10px 0 0;}

#topBucks { padding:0 0 10px 0; }
#topBucks2 { padding:5px; background:#fff; }
#footerBucks { padding:10px 0 0 0; }

/* wrapper */
#wrap {width:723px; margin:0 auto; background:#f7dbb3 url(/img/wrapbg.gif); overflow:hidden; padding:0 20px 20px 20px;}

/* tabs */
#tabs {}
#tabs li {
	background:url(/img/tableft.gif) no-repeat left top; 
	vertical-align:middle;
	display:block;
	display:inline-block;
	list-style:none;	
	float:left;
	margin-right:5px;
	font-size:1.2em;
	font-weight:bold;
	}
	#tabs li a {text-decoration: none; background: url(/img/tabright.gif) no-repeat right top; display:block; color:#373535;}
	#tabs li a:hover {color:#ba3d00; text-decoration:none;}
	#tabs span {line-height:34px; padding:0; margin-left:12px; margin-right:12px; display:block; margin-bottom:8px;	background: url(/img/tabbg.gif) repeat-x;}
	#tabs li.active {background:url(/img/activetableft.gif) no-repeat left top;}
	#tabs li.active a {background: url(/img/activetabright.gif) top right no-repeat; color:#fff;}
	#tabs li.active a:hover {color:#000;}
	#tabs li.active span {background: url(/img/activetabbg.gif) repeat-x;}
	#tabs li.hover {background:url(/img/hovertableft.gif) no-repeat left top;}
	#tabs li.hover a {background: url(/img/hovertabright.gif) top right no-repeat;}
	#tabs li.hover span {background: url(/img/hovertabbg.gif) repeat-x;}
	#tabs li.active.vava { background:url(/img/vava.jpg) no-repeat left top; }
	#tabs li.active.vava span { margin-left:35px; }
	#tabs li.active.gif { background:url(/img/gif.jpg) no-repeat left top; }
	#tabs li.active.gif span { margin-left:34px; }

/* midle */
.midle {background:#fff; padding:15px; border:1px solid #e7bf81;border-left:none; border-right:none;position: relative;}
.midle h1 {margin-bottom:15px; font-size:1.8em; color:#000; line-height:25px; font-weight:normal; padding:4px 0 0 0;}
.midle h2 {margin-bottom:10px; font-size:20px; color:#444; line-height:25px; font-weight:normal;}
.midle h3 {margin-bottom:10px; font-size:15px; color:#444; line-height:20px; font-weight:normal;}

.avatar {background:url(/img/useravatar.gif) no-repeat; width:56px; height:73px; padding:8px 0 0 8px; margin-right:10px; float:left; }
#vk .avatar div { height:50px; overflow:hidden; }


.midle span.name { font-size:1.4em; font-weight:bold; }
	.name a, .name a:link, .name a:active, .name a:visited { }
.midle span.time {font-size:0.9em; color:#444;}
.midle span.descr {line-height:18px;}
.midle span.title {font-weight:bold; font-size:1.2em;}

.green { color:#52A600; }
.red { color: #BF0000; }
#gifPage {}
	#gifPage .rating { font-size:1.6em; color:#52A600; }
		#gifPage .rating span { font-size:1.6em; }
	#gifPage .preview { width:400px; float:left }
		#gifPage .preview img { border:3px solid #f7dbb3; }
	#gifPage .codes { float:right; width:260px; }
		#gifPage .codes div { margin-bottom:8px; }

.midle .shotrow {margin-bottom:20px; clear:both; position:relative; background: url(/img/shotrowbg.gif) repeat-x top; color:#000; padding:10px; }
.midle .shotrow p { padding:10px 20px 10px 0;}
.midle .shotrow h2 {background:#fff; font-size:1.6em; margin-bottom:15px; padding:3px; }
.midle .shotrow em.tools {display:none;}
.midle .shotrow em.tools a:hover {color:#000;}
.midle .shotrow em.tools a.comment {background:url(/img/comment.gif) no-repeat; padding:0 10px 0 18px; position:relative;}
.midle .shotrow .rating { font-size:1.3em; padding-top:5px}
.midle .shotrow em.qcom {display:none;}
.midle .shotrow em.qcom input {padding:5px; margin:10px 10px 0 0; width:180px; color:#9d9d9d; font-size:0.9em;}

.userInfoBlock {background:#faebd4;width:300px;margin-bottom:10px}

.loud {font-size:1.5em; line-height:1.2em;}
p { margin:0; padding:0 0 15px 0;}

/* CamBlock*/
#cam {background:url(/img/cambg.gif) no-repeat top; color:#000; height:1%;}
#cam .bg { background:url(/img/cambgbot.gif) no-repeat bottom center; padding:15px;}
#cam 
#cam a:hover {color:#e98513;}
#camwindow {display:none;}

/* submenu tabs */
ul#submenu { list-style:none; margin:0 0 15px 0; float:left; }
	ul#submenu li { float:left; margin:0 15px 0 0; font-size:1.3em; color:#444; padding:5px;}
	ul#submenu li.active { background: #FEF1DE; font-size:1.6em; }
		
/* life */
#life {}
	#thumbs {margin:0}
	#thumbs big { font-weight:bold; font-size:1.4em }
	#thumbs ul { clear:both;}
	#thumbs ul li { width:130px; float:left; position:relative; padding:0; margin:0 20px 20px 0; }
	.hasPanel { position:relative; }
	.hasPanel em, #thumbs ul li em {background:#fff; width:124px; padding:5px; position:absolute; top:0; left:0; z-index:5; color:#8B8861; display:none;}
	.ava.hasPanel em { width:200px; top:0; left:0; }
	#thumbs ul li em img {float:left; margin-right:5px;} 
	#thumbs ul li em span {color: #000; font-weight: bold; line-height:16px; display:block; font-size:0.9em;}
	#thumbs ul li em span.time {font-style:italic; font-weight:normal;font-size:0.7em}
	#thumbs ul li em.tools {background:#e45000; width:117px; padding:5px; position:absolute; top:52px; left:10px; z-index:5; color:#fff; display:none; font-size:0.9em; line-height:16px;}
	#thumbs ul li em.tools a {color:#fff; text-decoration:none;}
	#thumbs ul li em.tools a:hover {text-decoration:underline;}
	#thumbs ul li p {margin:0; padding:0; color:#000; font-size:1.2em; line-height:15px; padding:0 0 0 5px; border-left:3px solid #f8dcb4; text-align:left;}


/* Wide */
#generator {background:#feefd8; margin-top:10px; clear:both; }
	#generator .spacer { padding:10px; }

.gallery {margin-top:0 !important;}

/* Sidebar */
#sidebar {/* WIDTH */ width:239px; background:#f7dbb3 url(/img/sidebarbg.gif) no-repeat top;}
#sidebar .spacer {padding:15px 15px 15px 15px;}
#sidebar h2 {font-size:1.3em; color:#fff; font-weight:bold; margin-bottom:10px; text-align:left;}
#sidebar strong {font-weight:bold;}
#sidebar span {font-weight:bold;}

#sidebar ul {margin-bottom:15px; list-style:none;}
#sidebar ul#info li {background: url(/img/news.png) no-repeat 0 4px; padding:5px 0 5px 16px; line-height:18px; font-size:14px; border:none;}
#sidebar ul li {border-bottom:1px dotted #B6D6F0; padding:5px 0 5px 0;}

#sidebar .tsign {text-align:center; margin-bottom:10px;}
#sidebar .tsign img {border:4px solid #8cc3ed;}

/* sidebar gallery */
#sidebar.gallery {background:none !important;}
#sidebar.gallery .spacer {background:none !important;}


/* ### FOOTER
----------------------- ### */
#footer {text-align:center; color:#fff; background:url(/img/footerbg.gif) repeat-x top; width:763px; margin:0 auto;}
	#footer .bottomNav {padding:6px 0 0 0; font-size:11px; margin-bottom:8px;}
	#footer .bottomNav a {text-decoration:none; color:#373535;}
	#footer .bottomNav a:hover {text-decoration: underline; color:#ba3d00;}
	#footer .bottomNav ul {list-style:none; font-weight:bold;}
	#footer .bottomNav ul li {display:inline; padding:0 5px 0 5px;}
	#footer .copyright {font-size:11px;}
	#footer a { color:#fff }


/* misc */
.fl {float:left;}
.fr {float:right;}
.fr {float:right;}
.clr {clear:both;}
.hdn { display:none; }
.dnone {display:none;}
.mgbot { margin-bottom:20px;}
.mgright { margin-right:20px;}
.padded10 { padding:10px;}


/*Frames*/
#frames {padding:10px 0px 0px 0px;}
#frames .slide {float:left; background:url(/img/frame.gif) no-repeat; width:145px; height:94px; padding:18px 0px 0px 8px; margin-bottom:10px; }
#frames .slide .preview {width:100px; height:75px; float:left;}
#frames .slide .preview img {border:1px solid #FFFFFF;}
#frames .slide .tools {width:16px; float:left; padding:0px 0px 0px 12px;}
/*#frames .slide .tools .obj {padding:0px 0px 5px 0px;}*/
#frames .slide .tools ul {margin:0; padding:0;}
#frames .slide .tools ul li {list-style:none; padding:0px 0px 3px 0px;}
#frames p {margin-bottom:10px; font-size:11px;}

#settings {
	margin-top:10px;
	}

#preview { width:400px; height:400px; padding:10px; }
#save { width:400px; height:400px; padding:10px; }

#userPage {
	}
	#userPage h1 small { font-size:0.6em; line-height: 1.6em;}
	#userPage .avatar {
		float:left;
		}

/* boxy */
.boxy-inner { color:#000; }

/* forms */
.form {
	}
	.form .input {
		width:200px;
        margin-bottom:5px;
		}
	.form label {
		float:left;
		width:140px;
		padding-right:10px;
		text-align:right;
		}
		.form.wide label {
			width:200px;
			}
    .form label.t {
        width:200px;
        padding:0;
        text-align:left;
        }
    .form label.l {
        float:none;
        width:auto;
        padding:0;
        }
	.form br {
		clear:left;
		}
		.form.nc br { clear:none; }
    .comment, .error {
        padding:10px;
        background:#F9F1A6;
        }
    .form .tip {
        margin: 0 0 10px 160px;
        font-size:0.8em;
        }
    .form .submit {
        margin-top:10px;
        padding:5px;
        background:#F9F1A6;
        }
    .input.err {
        border:1px solid red;
        }
    .input.w300 {
    	width:300px;
		}
    .input.w600 {
    	width:600px;
		}
    .input.w90p {
    	width:90%;
		}
	.error {
	    color:#CE0000;
	    }
	    .error ul {
	        margin-left:18px;
	        }
	    .error h2 { margin:0 }
	.button, .bigButton {
		cursor:pointer;
		}

	.bigButton {
	    font-size:16px;
	    }
	
/* icons */
.icon { padding-left:20px; }
.icon.zoom { background:url(/img/icon_zoom.gif) center left no-repeat; padding-left:16px; }
.icon.delete { background:url(/img/icon_delete.png) center left no-repeat; padding-left:16px; }
.icon.edit { background:url(/img/icon_edit.png) center left no-repeat; padding-left:16px; }
.icon.mail { background:url(/img/icon_mail.png) center left no-repeat; }
.icon.mail_write { background:url(/img/icon_mail_write.png) center left no-repeat; }
.icon.mail_blink { background:url(/img/icon_mail_blink.gif) center left no-repeat; }
.icon.comments { background:url(/img/icon_comments.png) center left no-repeat; }
.icon.comments_add { background:url(/img/icon_comments_add.png) center left no-repeat; }
.icon.time { background:url(/img/icon_time.png) center left no-repeat; padding-left:18px; }
.icon.user { background:url(/img/icon_user.png) 3px center no-repeat; }
.icon.user_female { background:url(/img/icon_user_female.png) 3px center no-repeat; }
.icon.online { background:url(/img/icon_online.png) top left no-repeat; }
.icon.offline { background:url(/img/icon_offline.png) center left no-repeat; }
.icon.search { background:url(/img/icon_search.png) center left no-repeat; }

hr {
	height:1px;
	border:none;
	color:#ddd;
	background-color:#ddd;
	margin:10px 0 10px 0 ;
	border-width:0px;
	}

/* comments */

.commentReplies {
	padding-left:60px;
	}
.blogComment {
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ddd;
    }
    .blogComment .avatar {
    	margin:0;
		float:left;
        }
        .blogComment .avatar img {  
            }
    .blogComment .date {
		float:left;
		width:140px;
		padding:5px 0 0 0;
        }
    .blogComment .text {
		float:left;
		width:300px;
		padding-left:10px;
        }
    .blogComment .gif {
    	float:right;
    	margin-left:5px;
    	padding:2px;
    	border:1px solid #ddd;
    	}

.paginator {
	padding:0 0 10px 0;
	}
	.paginator .space, .paginator a {
		display:block;
		float:left;
		width:25px;
		text-align:center;
		padding:3px;
		margin:2px;
		background:#eee;
		color:#000;
		text-decoration:none;
		}
		.paginator .space {
			background:none;
			}
		.paginator a:hover {
			color:#fff;
			background:#B1E11C;
			}
		.paginator a.active {
			background:#CE0000;
			color:#fff;
			}
		.paginator .nav {
			clear:left;
			}
			.paginator .nav a {
				width:100px;
				}
	
.mailMessages {
    }
    .mailMessages .message {
        padding:5px 10px 5px 10px;
        margin-bottom:10px;
        }
        .mailMessages .message h6, .mailMessages .message h5 {
            font-size:1.2em;
            margin-bottom:5px;
            }
        .mailMessages .message h6, .mailMessages .message h6 a, .mailMessages .message h6 a:link, .mailMessages .message h6 a:visited {
        	color:#0A8800;
			}
        .mailMessages .avatar {
        	margin-left:5px;
            }
            .mailMessages .avatar img {
                }

blockquote {
    border-left:1px solid #555;
    padding:2px;
    font-style:italic;
    margin:0 0 20px 20px;
    }

table.grid { }
	table.grid th { text-align:left; padding:8px 0 8px 5px; }
	table.grid td { padding:5px; border: none; }
	table.grid tr:hover { background:#F8FFE4; }

#uploadBlock { }
	#uploadBlock h2 { font-size:1.4em; margin:0 0 0 0; color:#000; }


/* tabs */
#panelTabs {
    background:url(/img/tab_bg_wrapper.gif) bottom left repeat-x;
    height:33px;
    line-height:1.3em;
    }
.btabsTab {
    float:left;
    height:33px;
    margin-right:2px;
    background:#fed67f url(/img/tab_bg.gif) bottom center no-repeat;
    cursor:pointer;
    color:#666;
    text-decoration:none;
    }
    .btabsTab .bg1 {
        float:left;
        background:url(/img/tab_tl.gif) top left no-repeat;
        }
    .btabsTab .bg2 {
        float:left;
        background:url(/img/tab_tr.gif) top right no-repeat;
        height:21px;
        padding:6px 21px;
        }
    .btabsTab.active {
        background:#f89e0f url(/img/tab_bg_active.gif) bottom center no-repeat;
        color:#444;
        font-weight:bold;
        text-decoration:none;
        }
        .btabsTab.active .bg1 {
            background:url(/img/tab_tl_active.gif) top left no-repeat;
            }
        .btabsTab.active .bg2 {
            background:url(/img/tab_tr_active.gif) top right no-repeat;
            }
.btabsContent {
    background:#fee5c0;
    padding:5px 10px 10px 10px;
    }
 
#vk {
	width:720px;
	height:730px;
	background:#f7f7f7;
	}
	#vklogo { padding-right:10px; }
	#vk #wrap { width:100%; margin: 0; padding: 0; }
	#vk .midle { clear:both; background:#f7f7f7; border:none; height:625px; overflow:auto; }
	#vk #tabs { margin:5px 0 0 7px; }
    #vk #ads { background:#f7f7f7; padding:5px 0 5px 15px; }
        #vk #ads .ad { float:left; width:160px; margin-right:15px; }
            #vk #ads .ad .p { float:left; margin-right:3px; }
            #vk #ads .ad .t { float:left; }

#addBlockLinks {
	font-size:1.2em;
	margin:10px 0 10px 0;
	}

#searchResult {
	margin:10px 0 0 0;
	}
	#searchResult .image {
		display:block;
		float:left;
		height:110px;
		overflow:hidden;
		margin:0 13px 13px 0;
		}
		#searchResult .image img {
			border:1px solid #888;
			}

#vkPhotos {
	margin:10px 0 0 0;
	}
	#vkPhotos .photo {
		float:left;
		height:110px;
		overflow:hidden;
		margin:0 15px 15px 0;
		}
		#vkPhotos .photo img {
			border:1px solid #888;
			}

a.inline {
	text-decoration:none;
	border-bottom:1px dotted #871E00;
	}
	a.inline.active {
		text-decoration:none;
		border-bottom:1px dotted #444;
		color:#444;
		}
		a.inline.group.active {
			font-weight:bold;
			font-size:1.2em;
			border-bottom:none;
			}

.avaGallery {}
	.avaGallery .ava { float:left; margin:0 20px 20px 0; height:520px; }
	.avaGallery .ava h2 { font-size:1.4em; margin:0 0 5px 0; }