html, body {
	height: 100%;
	overflow: auto;
}

body{
	background:transparent url(/images/wallpaper.png) repeat-x center top;
	font-family: arial,helvetica,sans-serif;
	background-color: #FFFFFF;
	padding:0;
	margin:0;
}

h1{
	color:#C4B49A;
	font-family:helvetica,sans-serif;
	border-bottom:1px solid #DDDDDD;
	margin:10px 0 10px 0;
}

h2{
	font-family:helvetica,sans-serif;
}

a{
	text-decoration:none;
	color:#C4B49A;
}
input[type=text], input[type=password]{
	border:1px solid #EEEEEE;
}

.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.edit-collection h2{
	border-bottom:1px solid #DDDDDD;
}

#main{
	width:100%;
}

#header{
	width:100%;
	margin:0;
	padding:0;
}

#logo{
	float:left;
	width:300px;
	height: 80px;
	margin: 15px 0 25px 15px;
}
#banner{
	margin:0;
}

.banner{
	border-style:none;
}

#banner p{
	font-family: New Century Schoolbook, serif; 
	letter-spacing: 1px;
	color: #ccbea8;
	font-size: 13pt;
	height:55px;
	margin-top: 5px;
	padding:0;
	width:309px;
}

#content{
	width: 89%;
	margin: 5px 0 0 12px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.full-row{
	width:100%;
}
h2{
	letter-spacing:-1px;
	-x-system-font:none;
	font-weight:normal;
/*	font-size-adjust:none;*/
/*	font-stretch:normal;*/
/*	font-style:normal;*/
/*	font-variant:normal;*/
/*	line-height:1.4;*/
}

h2 a:link{
	color: #223355;
}

h2 a:hover{
	text-decoration: underline;
	color: #223355;
}

h2 a:visited{
	text-decoration: none;
}
/*
----------------------------------------- Ads*/
#ads{
	margin: 0;
	width:9%;
}
/*
----------------------------------------- Navigation */



#navigation {
	width: 97%;
	text-align:right;
	height: 5px;
	margin: 0px 0px 0px 10px;
	padding:5px;
	color: #203378;
}

#navigation li{
	font-family: helvetica,sans-serif;
	float:left;
	margin: 5px 5px 0px;
}

#profile_name{
	color: #BD843D;
}

#navigation a{
	font-weight: bold; 
	font-size: 14px;
}

.hide{
	display:none;
}

/*
----------------------------------------- Categories*/

/*
----------------------------------------- Top login form */
#tool-div, #login-div, #edit-div{
	float:left;
	width:350px;
	margin:15px 0 0 20px;
	padding:0px;
}

#tool-div a, #login-div a{
	color: #000000;
	margin: 0px 5px 0 5px;
}

input#login{
	width:200px;
	color: #777777;
}
input#password{
	width:200px;
	color: #777777;
}

label{
	min-width:200px;
}
#user-bar-greeting{
	color: #C4B49A;
	font-weight: bold;
}

.toolbar ul{
	list-style-type: none;
	list-style-image: none;
	margin:0;
}

.toolbar li{
	height: 15px;
}

.toolbar a{
	color: #223355;
	font-size: 12px;
}

.toolbar a:hover{
	text-decoration: underline;
}

/*
----------------------------------------- Top login form */
/* Signup form */
#zoom_content h1{
	color: #C4B49A;
}

#signup-div{
/*	display:none;*/
}
/*
----------------------------------------- Rating box */
.rating-box{
	font-family:helvetica, sans-serif;
	color: #AAAAAA;
	font-size: 12px;
	margin: 0;
	margin: -1px 0px 0 -1px;
	width:100%;
/*	float:left;*/
}

.rating{
	padding: 2px 0 0 0;
	font-size: 24px;
	font-weight: bold;
	min-width:25px;
	text-align: center;
	float:left;
	border: 1px solid #d1d3d4;
}

.one-up{
	border: 1px solid #d1d3d4;
	margin: 0px 0px 0 -1px;
	padding:1px 3px 1px 3px;
/*	background: url("/images/one-up.jpg") no-repeat top left;*/
	cursor:pointer;
	float:left;
}

a.one-up:hover{
	color: #FFFFFF;
	background: #d1d3d4;
}

div.one-down{
	background-color:#5EA4D7;
	float:left;
	width:25px;
	height:25px;
	text-align:center;
	cursor:pointer;
}
/* Favorit button */
.fav-button{
	background: url("/images/heart.jpg") no-repeat top left;
	width:200px;
	height:15px;
	font-size:12px;
	padding: 1px 0 0 20px;
	cursor:pointer;
}

/*
----------------------------------------- Rating box */

/*
----------------------------------------- Collection gallery */
#collection{
	margin-bottom:15px;
}
#collection-box{
	float:left;
	margin:0;
}

#collection-poloroid{
	margin: 10px 0 0 10px;
	width:600px;
}
.poloroid-content{
	min-width:200px;
}
#collection-header{
/*	width:500px;*/
	white-space: nowrap;
}

#collection-header h2{
	margin:0;
}
#collection-header p{
	margin: 0 0 0 10px;
	color:#C5B49A;
}
p.collection-descritpion{
	font-size: 11pt;
	width: 325px;
	padding: 0 0 0 10px;
}

#collection-description h2{
	margin: 10px 0 0 10px;
}
#collection-description{
	margin:0;
}

#collection-header h2 a{
	font-family:helvetica, sans-serif;
	color:#c4b49a;
	letter-spacing:1px;
}

#collection-header h2{
	margin: 0 10px 10px 10px;
	height: 15px;
}
a.thumb img{
	border:0;
}

.shadow{
	background: url(/images/shadowAlpha.png) no-repeat right bottom !important;
	background: url(/images/shadow.gif) no-repeat bottom right;
	padding: 2px 0 12px 3px;
}

.inner-shadow{
	background: white;
	margin: -6px 6px -6px -6px;
	border: 1px solid #d1d3d4;
}

.current-photo-description{
	margin:0 0 15px 10px;
	
}
.current-photo{
	margin: 10px 0px 10px 0px;
	width: 100%;
	text-align: center;
}
.gallery-nav{
	margin: 0 0 10px 15px;
	min-width: 200px;
}



/*
----------------------------------------- Collection gallery */

/*
----------------------------------------- Collection listings from user */
.edit-collection{
	border:0;
	margin: 0 0 0 15px;
}

.create-button {
	margin: 0 0 20px 650px;
}
#collection-listing-row{
	border: ridge;
	margin: 10px 0px 10px 0px;
	width: 600px;
}
.collection-info, .collection-tools{
	float:left;
	list-style-type: none;
	margin: 5px 0px 5px 5px;
}

/*
----------------------------------------- Collection listings from user */

/*
----------------------------------------- Photo Input Form */
textarea{
	width: 300px;
	height: 100px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

div#photo-form{
	margin: 50px 0 0 15px;
}
div#photo-form input{
	font-family: Tahoma, sans-serif;
	font-size: 12px;
}

#photo-form p{
	width:500px;
}
#edit-photo {
	margin: 10px 0 0 10px;
}
/*
----------------------------------------- end Photo Input Form */
/*
----------------------------------------- Show single Collection*/
#collection-photo-gallery{
	width: 800px;
	border: double;
}
.photo-container-edit-tools{
	width: 50px;
	float:left;
}
#collection-thumb-photo{
	width: 200px;
	margin: 3px;
	float:left;
}
/*
----------------------------------------- end Show single Collection*/
/*
----------------------------------------- Photo Input Form */

/*
----------------------------------------- CommentsForm */

textarea#comments-text{
	width: 300px;
	height: 100px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.comment-profile-avatar{
	float:left;
}
#comments{
	margin: 10px 0 0 0;
}
#comment-text{
	float:left;
}
.comment-even{
	background-color:#CCCCCC;
}
.comment-even{
	background-color:#DDDDDD;
}
#comment-text p{ margin: 10px;}

#comment-text span{
	font-size:12px;
	font-style:italic;}

#comment-container{
	position:relative;
	margin: 0 0 0 5px;
	width:98%;
}
.comment-name{
	width:200px;
	margin:0 100px 0 0px;
}

.comments-listing{
	margin: 0 0 0 10px;
}

/*
----------------------------------------- Comments Input Form */
/*
----------------------------------------- Tags list */

#add-tag{
	position:relative;
	width:100%;
	margin: 10px 15px 10px 15px;
}

.add-tag-row{
	width:100%;
	margin: 10px 10px 0px 0px;
	text-align:right;
}

div#tag-list{
	cursor:pointer;
}

.edit-tag{
	margin: 10px 0 0 15px;
}
.show-tag{
	margin: 10px 0 0 0px;
}

#collection-tags-profile {
	padding: 0 0 5px 5px;
	margin: 55px 0 0 10px;
	
}

#tag-list ul{
	list-style-type:none;
	margin: 0px 35px 6px -35px;
}

#tag-list li{
	margin: 0 0 0 -10px;
	padding:0;
}

.post-shadow{
	border: 1px solid #d1d3d4;
	background: #FFFFDC;
	margin: -6px 6px -6px -6px;
	padding: 20px 10px 16px 35px;
}

.clip-post{
	float: right;
    position: relative;
    top: -30px;
	
}

.empty-post-it{
	display:none;
	background:none;
}
.delete-tag{
	background: url("/images/delete-brown.png") no-repeat top left;
	padding:0px 6px;
	width:10px;
}



/*
----------------------------------------- Tags list */
.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrap { display: inline-block; }


/*
----------------------------------------- Tags container drag */
#tag-container{
	display:none;
	position:absolute;
	width:150px;
	height:55px;
	background:none;
	border:none;
	z-index:1000;
}

#tag-info{
	position:absolute;
	width:150px;
}

#resize-container{
	width:70px;
	height:55px;
	border: 1px solid #aaaaaa; 
	border-style: dashed; 
	color: #222222;
	padding: 0.5em;
	cursor: move;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

input#url-name, input#tag-name{
	width:100px;
	margin:2px;
}

#photo-grid{
	margin: 12px 15px 0 15px;
}

.photo-tags{
	position:relative;
	z-index:1000;
}

.photo-tag-frame{
	overflow:hidden;
	position:absolute;
	z-index:900;
}
.tag_frame{
	/*dynamic value*/
	left:259px;
	top:267px;
	display:none;
	/*dynamic value*/
	border:4px solid #E8DFEA;
	cursor:crosshair;
	overflow:hidden;
	position:absolute;
	
}

.inside_frame{
	height:66px;
	width:66px;
	display:block;
}

.tag-listing{
	float:left;
	cursor:pointer;
}



/* User Profile
*/
#profile{
	margin: 15px 0px 0px 0px;
}

#profile-page {
	margin: 3px 0px 0px 12px;
}

#profile-container{
	background: white;
	border:1px solid #D1D3D4;
	margin:-6px 6px -6px 9px;
	padding: 10px;
}

#outter-instructions {
	width:680px;
}

#instructions {
	margin: -6px 6px -6px -6px;
	padding: 10px;

}

#user-collections-container{
	margin: 0px 0 0 10px;
	width: 850px;
}
/*SHow collections*/
#show-collection-container{
	width:100%;
}

#collection-container{
	width:180px;
	margin: 10px 0 0 10px;
	float: left;
}

#inner-collection-container{
	min-height: 225px;
	padding:10px;
}

#collection-container h2{
	margin: 5px 0 2px 0;
	color:#c4b49a;
}


/* index page */
#index-collection-container{
	width:240px;
	margin: 15px 0 10px 15px;
}

#inner-index-collection-container{
	height: 250px;
	padding:10px 0px 20px 10px;
}
#inner-index-collection-container p{
	margin:5px 0 0 0;
}

#inner-index-collection-container h2, #inner-premuium-index-collection-container h2{
	margin: 0;
}

.index-collection-image{
	margin:10px 0 0 0;
	text-align:center;
	width:100%;
	height: 180px;
}
.index-collection-image img{
	border:0;
}
.index-rating-box {
	margin: -11px 0 0 -11px;
}

/* Premium */
#index-premuium-collection-container{
	margin:15px 0 10px 15px;
	width:496px;
}
#inner-premuium-index-collection-container{
	height: 450px;
	padding:10px 0px 20px 10px;
}
.premium-image{
	height:380px;
}

#inner-premuium-index-collection-container p{
	margin:5px 0 15px 0;
}

/* Edit Collection page */


textarea#edit-collection-desc{
	width: 250px;
	height: 80px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Pages */
.pages{
	width: 700px;
	margin: 0 0 0 12px;
}
.pages p{
	font-family:helvetica,sans-serif;
}

.pages h2{
	color:#C4B49A;
	font-family:helvetica,sans-serif;
}


/* Blogs*/
.article{
	width:600px;
}
.article span{
	margin: 0px 0px 0 200px;
}

/* Feedback button*/

.feedback{
	position: fixed;
	background:#935929;
	border: 1px solid #d1d3d4;
	padding: 5px 5px 0px 5px;
	height: 25px;
	width: 65px;
	bottom:0;
	left:800px;
	z-index:1000;
}

.feedback a{
	color: #FFFFFF;
}

.feedback:hover{
	color: #935929;
	background:#C5B49A;
}



.dialog-label{
	display:block;
}
/* error messages */
.success{
	margin: 5px 0 5px 0px;
	color:green;
}
.error{
	margin: 5px 0 5px 0px;
	color:red;
}


.errorExplanation, .errorExplanation h2, .fieldWithErrors{
	color:red;
}



/* singup */
.signup-steps{
	width:97%;
	text-align:center;
	color: #C4B49A;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
	margin: 10px 0 0 80px;
}

.signup-steps b{
	color: #AAAAAA;
	padding: 2px 0 0 0;
	margin: 10px 0 0 80px;
	font-size: 24px;
	font-weight: bold;
	min-width:25px;
	text-align: center;
/*	float:left;*/
/*	border: 1px solid #d1d3d4;	*/
}


.signup-content{
	text-align:center;
	margin: 10px 0 0 0;
	width:97%;
}
.preview{
	background-repeat:no-repeat;
	float:left;
	position:fixed;
	text-align:center;
	width:350px;
	margin:0 0 0 150px;
}
.create-section{
	float:right;
	width:600px;

}

.create-sub-section{
	text-align:left;
	margin: 20px 0 0 10px;	
}
.inner-create-section{
	padding:10px;
}
.form {
}

#uploader{
	margin:0 0 0 0;
}

.loading {
	margin: -10px 10px;
	display: none;
}

/*Footers*/
#footer{
	height:100px;
}