body{
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	background: #f0f0f0 url("../img/bg.gif") repeat-y center top;
	background-image: url("../img/bg.gif");
}
h1{
	font-size: 1.5em;
	color: #000033;
	font-weight: bold;
}
h2{
	font-size: 1em;
	font-weight: bold;
	color: #555555;
}
a img{
	border: 0;
}

.hidden{
	display: none;
}
.blink{
	text-decoration: blink;
}

.middle{
	vertical-align: middle;
}

.block_border, code, #show_gallery{
	border: 1px solid #e0d0d0;
	padding: 8px;
}
code, #show_gallery{
	margin: 0 26px;
}
.block_border{
	margin: 0 26px 10px 0;
}

form {
	margin: 0;
}

code {
	display: block;
}

hr.form{
	margin-right: 10px;
	border: 0;
	border-bottom: 2px #006699 solid;
	height: 2px;
	margin-top: 10px;
}

/*----- header and submenu -------*/
#header{
	height: 100px;
	background: url(../img/top_back.jpg) no-repeat bottom left;
}
#header img{
	vertical-align: middle;
}

#logo {
	float: left;
}

#banner_top{
	padding: 20px;
	margin-left: 200px;
}
#banner_left{
	padding: 20px 0 0 15px;
}

#submenu{
	height: 32px;
	background: url(../img/submenu.gif);
	color: #FFFFFF;
	text-align: right;
	padding: 0 5px 0 0;
	font-size: 0.8em;
	overflow: hidden;
}
#logo { display: block;}
#user_info {
	padding-top: 12px;
	display: block;
}
#submenu a{
	color: #FFFFFF;
}

/*----- login -------*/
div.login{
	font-size: 0.8em;
	font-weight: bold;	
}
input.login{
	font-size: 0.7em;
	width: 120px;
	background-color: #f6f6f6;
	border: 1px solid #7F0633;   
}
legend.login{
	font-size: 0.8em;
	background-color: white;
}
fieldset.login{
	border: 1px dashed #F0929F;   
	padding: 12px 6px;
}
#login_submit{
	margin-top: 5px;
	border: 1px solid #7F0633;   
}

/*----- holder -------*/
#holder{
   width: 733px;
   margin: 0 auto; 
   padding-left: 1px;
}

/*----- left menu -------*/
.left_menu{
   width: 150px;
   float: left;
   padding: 5px;
   background: red;
   background: url(../img/left_menu_back.jpg) no-repeat top left;
/*   margin-bottom: 10em; */
}
.left_menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.left_menu ul ul{
	margin-left: 10px;
}

.left_menu ul li{
	margin: 0;
	padding: 0;
}

.left_menu ul li a{
	display: block;
	margin: 5px 0;
	padding: 2px 5px 2px 24px;
	background-color: #F6F3E9;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
	color: #7F0633;
	border-bottom: 1px dashed #d0d0d0;
}
.left_menu ul li a:hover{
	background-color: #F6F6F4;
	color: black;
}

/*selected menu*/
.left_menu ul li a.menu_selected{
	background-color: #F6F3E9;
	color: black;
	text-decoration: none;
	border-bottom: 1px dashed gray;
}
.left_menu ul li a.menu_selected:hover{
	background-color: #F6F6F4;
	color: black;
}

#menu_profile{
	background-image: url(../img/menu_profile.gif);
	background-repeat: no-repeat;
}
#menu_invite{
	background-image: url(../img/menu_invite.gif);
	background-repeat: no-repeat;
}
#menu_search{
	background-image: url(../img/menu_search.gif);
	background-repeat: no-repeat;
}
#menu_messages{
	background-image: url(../img/menu_messages.gif);
	background-repeat: no-repeat;
}
#menu_signup{
	background-image: url(../img/menu_signup.gif);
	background-repeat: no-repeat;
}

#menu_faq{
	background-image: url(../img/faq.gif);
	background-repeat: no-repeat;
}

.section {
	font-size: 0.8em;
	color: #FF6600;
}

div.gallery_error{
	color: #f00000;
	font-weight: bold;
	font-size: 0.8em;
	margin-left: 3.7em;
}


/*----- right content -------*/
.right_content{
   margin-left: 170px;
}
#site_desc {
	padding: 5px;
	border: 1px solid #dddddd;
	line-height: 1.5em;
	margin-bottom: 10px;
	font-size: 0.8em;
	margin-right: 10px;
}
.user_action{
	font-size: 0.8em;
}
/*----- footer -------*/
div.footer{
   width: 500px;
   margin: 3em auto; 
   /* margin-top: ; */
   text-align: center;
   font-size: 0.7em;
   color: gray;
   margin-top: 7em; 
}
div.footer hr{
	border: 0;
	border-bottom: 1px dotted gray;
	height: 1px; /* must be specified; in IE doesn't work otherway*/
}


/*----- messages -------*/
div.message{
	margin: 20px 0;
	color: #006699;
	font-weight: bold;
}
div.error{
	color: red;
}

/*----- Gallery -------*/
a img.pic_not_public, img.pic_not_public{
	border: 1px solid #F7CFC8;
}
div.request_perm{
	text-align: center;
	font-size: 0.8em;
}
div.request_perm p{
	margin: 0 0;
}
p.request_perm a{
	font-size: 0.9em;	
	text-decoration: underline;
}

/*----- my Profile -------*/
div.thumb_holder{
	width:64px;
}

div.profile_images{
	width: 96%;
	margin: 0 0 10px 0;
}

div.profile_img_l, div.profile_img_r, div.profile_img_dummy{
	height: 124px;
	padding: 5px;
	margin-bottom: 3px;
}

div.gallery_img_l, div.gallery_img_r{
	height: 124px;	
	float: left;
	margin-bottom: 1em;
}

div.profile_img_l, div.profile_img_r {
	border: 1px solid #F7CFC8;
}
div.profile_img_l{    
	background-color: #EFEFE7; /**/
	/*
	float: left;
	width: 47%;
	*/
}
div.profile_img_r, div.profile_img_dummy{
	/* background-color: #CC0000; /**/
	/*
	clear: right;
	margin-left: 50%;
	*/
}

div.default_pic{
	background-color: #FAF2E2;
}

div.profile_img_l:hover, div.profile_img_r:hover{
	border: 1px dotted red;
	background-color: #FFFCEA;
}
div.image_thumb, div.image_thumb_gallery{
	padding: 8px;
	margin: 7px;
	width: 102px;
	height: 102px;
	text-align: center;
	background-image: url(../img/slideframe.gif);
	background-repeat: no-repeat;
}
div.image_thumb{
	float: left;
}
div.image_thumb a img, div.image_thumb_gallery a img{
	border: 1px solid red;
	vertical-align: middle;
}
div.image_thumb a:hover img{
	border: 1px solid blue;
}

div.image_description{
	margin: 3px;
	font-size: 0.85em;
	overflow: hidden;
}

div.profile_image_form{
	padding-top: 10px;
}

div.image_info {
	float: left;
}
div.image_info strong, div.gallery_image_info strong{
	color: gray;
}

div.image_actions{
	font-size: 0.75em;
	margin-left: 3px;
	text-align: right;
}
div.image_actions p{
	margin: 0;
}
div.image_actions a{
	text-decoration: none;
}
div.image_actions a:hover, div.image_actions input:hover{
	text-decoration: underline;
}

div.image_actions a img, div.image_actions input{
	vertical-align: middle;
}
div.image_actions input{
	margin: 4px 0;
}
a.image_delete{
	color: red;
}
a.image_edit{
	color: green;
	margin-right: 10px;
	margin-bottom: 10px;
}

textarea.pic_edit_desc {
	border: 1px solid gray;
	float: left;
	margin: 3px;
}
input.pic_edit_desc {
	border: 1px solid gray;
	margin: 3px;
}

img.search_img{
	border: 1px solid red;
}

img.no_pic{
	border: 1px solid #f0f0f0 !important;
}