/****************************************
CSS by Maja Vasic 
****************************************/


/****************************************
general page styles 
****************************************/

* { padding: 0; margin: 0; }

body {
	font: normal 100% Arial, Verdana, sans;
	text-align: center;
	background-color: #f0f1ed;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	color: #373839;
}

a:link, a:visited {
	text-decoration: none;
	color: #244dc2;
}
a:hover {
	color: #fc832a;
}

ul, li { list-style-type: none; }

img { border: 0; }

div#all_container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
} 
h1{
	margin: 0 0 10px 0; 
	text-indent: 0; 
	color: #fc832a;
	height: auto;
	font-size: 1.4em;
	line-height: normal; 
	background: none;
	}
h2{
	margin: 0 0 10px 0; 
	text-indent: 0; 
	color: #fc832a; 
	height: auto; 
	font-size: 1.2em; 
	line-height: normal; 
	background: none;
	}
/****************************************
 top banner styles 
 ****************************************/

div#banner {
	display: block;
	visibility: visible;
	width: 100%;
	height: 60px;
	background-image: url(images/banner_bg.jpg);
	background-repeat: repeat-x;
	padding: 0;
}

div#banner_logo {
	background-image: url(images/mojefotkice_logo.png);
	background-repeat: no-repeat;
	margin-top: 16px;
	margin-left: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 20px;
}

div#all_container_banner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

/****************************************
 user toolbar styles
 ****************************************/

div#user_toolbar {
	float : right;
	display : inline;
	text-align: right;
	margin: 16px 60px 0 0;
	line-height: 20px;
}

div#user_toolbar a:link, div#user_toolbar a:visited {
	color: #ffffff;
	letter-spacing: 0px;
	text-decoration: none;
	font-family: Arial, Verdana, sans;
	font-size: 0.7em;
	border-right: 1px solid #ffffff;
	margin: 15px 3px 0 0;
	padding-right: 5px;
}

div#user_toolbar a:hover {
	color: #fc832a;
	text-decoration: none;
}

div#user_toolbar a.noborderlink:link, div#user_toolbar a.noborderlink:visited {
	border-right-style: none;
}
div#user_toolbar a.logout_user:link, div#user_toolbar a.logout_user:visited {
	color: #9e5723;
	text-decoration: none;
	border-right-style: none;
	margin-top: 10px;
}
div#user_toolbar span.logout_user {
	color: #b6b5b5;
}
div#user_avatar {
	position: absolute;
	top: 4px;
	right: 0;
	width: 60px;
}
div#user_avatar img { border: 1px solid #d8d8d8; }

/****************************************
 top banner login form styles
 ****************************************/
div#banner_login_form {
	float : right;
	text-align: right;
	margin: 10px 10px 0 0;
	color: #fff;
	font-size: 0.7em;
	line-height: 25px;
}
div#banner_login_form .banner_login_form_ {
	border: 1px solid #d8d8d8;
	padding: 1px;
	font-size: 0.8em;
	color: #373839;
	margin: 2px 5px 2px 0;
}
div#banner_login_form a.otvorinalog:link, div#banner_login_form a.otvorinalog:visited {
	color: #fff;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
}
div#banner_login_form a.otvorinalog:hover {
	color: #fc832a;
	text-decoration: none;
}	
/****************************************
 main content styles
 ****************************************/
div#main_content {
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-y;
	padding-top: 35px;
	padding-right: 45px;
	padding-bottom: 35px;
	padding-left: 45px;
}
div#shadow {
	background-image: url(images/main_bg_shadow.jpg);
	background-repeat: no-repeat;
	height: 11px;
}
div#user_heading {
	padding-bottom: 30px;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-y;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 25px;
	margin: 0px;
}
div#user_heading h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #fc832a;
	padding-bottom: 5px;
	margin: 0px;
}
div#user_heading img {
	border: 1px solid #d8d8d8;
	margin-right: 10px;
}
div#user_heading a:link, div#user_heading a:visited {
	color: #373839;
	letter-spacing: 0px;
	text-decoration: none;
	font-family: Arial, Verdana, sans;
	font-size: 0.7em;
	border-right: 1px solid #373839;
	margin: 15px 3px 0 0;
	padding: 0 5px 0 2px;
}
div#user_heading a.noborderlink:link, div#user_heading a.noborderlink:visited {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#user_heading a:hover {
	text-decoration: none;
	color: #fc832a;
}
div#photos {
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:0.7em;
	color:#000000;
	width: auto;
	margin: 0 0 0 50px;
	border-right: 1px solid #d8d8d8;
}
	div#photos img {
	display:block;
	margin:0 0 3px 0;
	padding: 3px;
	border: 1px solid #d8d8d8;
	}

div#photos span.thumbnailcontainer {
	float:left;
	display:block;
	padding:3px;
	margin:0 30px 20px 0;
	}
div#photos span.thumbnailcontainer span {
		padding:2px 0 0 0;
		display:block;
		text-align:left;
	}
	
div#allphotos_content {
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-y;
	text-align: left;
}	
div#showphoto {

}
div.photocontainer {
	width: 240px;
	min-height: 180px;
	text-align: center;
	margin-left: auto;
    margin-right: auto; 
}
/****************************************
 galleries sidebar styles
 ****************************************/
div#galleries_sidebar {
	float: right;
	text-align: center;
	padding: 0 20px;
	width: 230px;
	line-height: 18px;
	font-size: 0.7em;
}
div#galleries_sidebar img {
	border: 1px solid #d8d8d8;
	padding: 3px;
	margin: 0 0 6px 0;
}
div#galleries_sidebar a.blue:link, div#galleries_sidebar a.blue:visited {
	color: #244dc2;
	font-weight: bold;
	text-decoration: none;
}
div#galleries_sidebar a.blue:hover {
	text-decoration: none;
	color: #fc832a;
}
div#galleries_sidebar span.gallery_thumbnail {
	float:left;
	display:block;
	padding:3px;
	margin:0 20px 20px 0;
	}
/****************************************
 footer styles
 ****************************************/
 div#footer { 
 	clear:both;
	padding: 20px 0;
	margin: 10px 40px 10px 40px;
	font-size:0.7em;
	color:#818181;
	text-align:center;
	line-height:1.7em;
	border:1px solid #d8d8d8;
	border-width:1px 0 0 0;
}	

/****************************************
 tags form styles
 ****************************************/
 div#tags_form {
	text-align: left;
	color: #373839;
	font-size: 0.7em;
	line-height: 25px;
	margin: 0 50px 0 50px;
	padding: 20px 50px 50px 10px;
 }
 div#tags_form .tags_input_field {
	border: 1px solid #d8d8d8;
	padding: 1px;
	color: #373839;
	margin: 2px 5px 2px 0;
 }
div#tags_form fieldset {
	border: 1px solid #d8d8d8;
	padding: 10px;
}
div#tags_form fieldset label {
	font-weight: normal;
	font-size: 1em;
	color: #373839;
}



.banner_login_form_input {
	background-image: url(images/login_bg.jpg);
	background-repeat: no-repeat;
	padding: 2px 0 0 25px;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #808080;
}
.banner_pass_form_input {
	background-image: url(images/pass_bg.jpg);
	background-repeat: no-repeat;
	padding: 2px 0 0 25px;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #808080;
}


/****************************************
 single photo landscape styles
 ****************************************/
div#singlephoto {
	font-family:Tahoma, Verdana, Arial, Helvetica;
	padding:0;
	color:#000000;
	width: 522px; 
	overflow: hidden;
}
div#singlephoto .wrap {
	border: 1px solid #d8d8d8;
	text-align: left; 
	padding: 10px; 
	background: #fff;
	margin: 0 0 50px 0;
	}
div#singlephoto h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #fc832a;
	padding: 10px 0 20px 0;
	margin: 0px;
}	
#photos #singlephoto .iconlinks {
	margin: 0;
	background-color: transparent;
}
#photos #singlephoto .iconlinks ul {
	float: right;
	position: relative;
	margin: 10px -10px 0 0;
	height: 16px;
	padding: 10px 4px 6px 0;
	}
#photos #singlephoto .iconlinks li {float: left; width: 16px; padding-right: 7px;}
#photos #singlephoto .iconlinks a {display: block; height: 16px; background-repeat: no-repeat; background-position: center; overflow: hidden;}

/****************************************
 single photo portrait styles
 ****************************************/
div#singlephotoportrait {
	font-family:Tahoma, Verdana, Arial, Helvetica;
	padding:0;
	color:#000000;
	width: 372px;
	overflow: hidden;
}
div#singlephotoportrait .wrap {
	border: 1px solid #d8d8d8;
	text-align: left; 
	padding: 10px; 
	background: #fff;
	margin: 0 0 50px 0;
	}
div#singlephotoportrait h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #fc832a;
	padding: 10px 0 20px 0;
	margin: 0px;
}	
#photos #singlephotoportrait .iconlinks {
	margin: 0;
	background-color: transparent;
}
#photos #singlephotoportrait .iconlinks ul {
	float: right;
	position: relative;
	margin: 10px -10px 0 0;
	height: 16px;
	padding: 10px 4px 6px 0;
	}
#photos #singlephotoportrait .iconlinks li {float: left; width: 16px; padding-right: 7px;}
#photos #singlephotoportrait .iconlinks a {display: block; height: 16px; background-repeat: no-repeat; background-position: center; overflow: hidden;}


/****************************************
 comments styles
 ****************************************/

#commentscontainer .comments {
	display: block; 
	padding: 10px 0;
}
#commentscontainer h1 {
	margin: 10px 0 10px 0; 
	text-indent: 0; 
	color: #fc832a; 
	height: auto; 
	font-size: 1.4em; 
	line-height: normal; 
	background: none;
}
#commentscontainer .comments ul {display: inline-block; border-bottom: 1px solid #d8d8d8; width: 550px; overflow: hidden;}
#commentscontainer .comments ul {display: block;}
#commentscontainer .comments li {position: relative; float: left; height: auto !important; height: 80px; min-height: 80px; width: 540px; padding: 12px 14px 12px 0; border-top: 1px solid #d8d8d8;}
#commentscontainer .comments li p {margin: 0; padding: 2px;}
#commentscontainer .comments li span p {margin: 0 0 0 90px; padding: 0;}
#commentscontainer .comments li p img {left: 10px; padding: 3px; background: #fff; border: 1px solid #d8d8d8; float: left;}

#commentscontainer .comments a:link, div#commentscontainer a:visited {
	color: #244dc2;
	letter-spacing: 0px;
	text-decoration: none;
	font-family: Arial, Verdana, sans;
	font-size: 1em;
	border-right: 1px solid #d8d8d8; 
	margin: 0 3px 0 0;
	padding: 0 5px 0 2px;
}
div#commentscontainer a.noborderlink:link, div#commentscontainer a.noborderlink:visited {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
	padding: 0;
}
#commentscontainer .comments a.noborderlink:hover {	text-decoration: none; color: #fc832a;}
#commentscontainer .comments a:hover {text-decoration: none; color: #fc832a;}
div#commentscontainer a.authorsname:link, div#commentscontainer a.authorsname:visited {	border-right: none;	margin: 3px; padding: 0 0 0 2px; }


#commentscontainer .comments a.authorsname:hover {text-decoration: none; color: #fc832a; }

all user galeries 
#photos #stats {
	background-color: #fff;
	width: 540px;
	padding: 10px;
	text-align: left;
	border-top: 1px solid #d8d8d8;
	margin: 0 0 15px 0;
 }
#submitnote {
	position: relative;
	margin-right: 170px;
    width: 540px;
}
#statisticdata {
float: right;
width: 120px; 
}
#photos #stats ul {
margin: 0;
line-height: 18px;
}
#photos #stats li {
	background-image: url(images/icon_exifinfo.jpg);
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#photos #stats li.comm {
	background-image: url(images/icon_comments.jpg);
	background-repeat: no-repeat;
}
#photos #stats li.fav {
	background-image: url(images/icon_favorites1.jpg);
	background-repeat: no-repeat;
}
#photos #stats li.cam {
	background-image: url(images/icon_camera.jpg);
	background-repeat: no-repeat;
}
/****************************************
 all user galleries styles
 ****************************************/
div#allgalleriescontainer {
} 

div#allgalleriescontainer {
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:0.7em;
	color:#000000;
	width: 930px;
	margin: 0 10px 30px 50px;
	line-height: 16px;
}
	div#allgalleriescontainer img {
	display:block;
	margin:0 0 3px 0;
	padding:3px;
	border: 1px solid #d8d8d8;
	}

div#allgalleriescontainer span.thumbnailcontainer {
	float:left;
	display:block;
	padding:3px;
	margin:0 20px 20px 0;
	border: 1px solid #d8d8d8;
	min-height: 150px;
	}
div#allgalleriescontainer span.thumbnailcontainer span {
		padding:2px 0 0 0;
		display:block;
		text-align:left;
	}
	
div#allgalleriescontainer span.gallery_thumbnail {
	float:left;
	display:block;
	padding:3px;
	margin:0 20px 20px 0;
	}

div#user_heading_galleries {
	padding-bottom: 30px;
	padding-right: 50px;
	padding-top: 25px;
	margin: 0 30px 20px 50px;
	border-bottom: 1px solid #d8d8d8;
}
div#user_heading_galleries h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #fc832a;
	padding-bottom: 5px;
	margin: 0px;
}
div#user_heading_galleries img {
	border: 1px solid #d8d8d8;
	margin-right: 10px;
}
div#user_heading_galleries a:link, div#user_heading_galleries a:visited {
	color: #373839;
	letter-spacing: 0px;
	text-decoration: none;
	font-family: Arial, Verdana, sans;
	font-size: 0.7em;
	border-right: 1px solid #373839;
	margin: 15px 3px 0 0;
	padding: 0 5px 0 2px;
}
div#user_heading_galleries a.noborderlink:link, div#user_heading_galleries a.noborderlink:visited {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#user_heading_galleries a:hover {
	text-decoration: none;
	color: #fc832a;
}
div#user_heading_galleries .active {
	color: #c9c7c7;
	letter-spacing: 0px;
	text-decoration: none;
	font-family: Arial, Verdana, sans;
	font-size: 0.7em;
	border-right: 1px solid #373839;
	margin: 15px 3px 0 0;
	padding: 0 5px 0 2px;
}
/****************************************
 pagination styles
 ****************************************/
div#pagination {
	clear: both;
	text-align: center;
	margin: 20px;
	font-size: 0.8em;
}
div#pagination span.activepage {
	color: #fc832a;
	font-weight: bold;
	padding: 0 3px 5px 0;
}
div#pagination a.page {
	padding: 0 3px 5px 0;
}


/*div.pagination {
margin:5px;
padding:3px;
text-align:center;
clear: both;
}
div.pagination a {
font-size: 0.8em;
border:1px solid #9e5723;
color:#9e5723;
margin-right:2px;
padding:2px 5px;
text-decoration:none;
}
div.pagination a:hover, div.pagination a:active {
background-color:#fc832a;
border:1px solid #9e5723;
color:#FFFFFF;
margin-right:2px;
padding:2px 5px;
}*/


/****************************************
 user profile styles
 ****************************************/
div#userprofile {
	float: right;
	text-align: left;
	padding: 0 20px;
	width: 250px;
	line-height: 18px;
	font-size: 0.7em;
	min-height: 60px;

}
div#userprofile img {
	border: 1px solid #d8d8d8;
	padding: 3px;
	margin: 0 6px 6px 0;
}
div#userprofile span {
	padding: 0 0 6px 0;
	margin: 0 6px 6px 0;
}
#profileimage {
	min-height: 90px;
}
#userprofile ul {
padding: 0 0 10px 0;
line-height: 18px;
border-bottom: 1px solid #d8d8d8;
}
#userprofile li {
	background-image: url(images/icon_exifinfo.jpg);
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#userprofile li.email {
	background-image: url(images/icon_email.jpg);
	background-repeat: no-repeat;
}
#userprofile li.tags {
	background-image: url(images/icon_tags.jpg);
	background-repeat: no-repeat;
}
#userprofile li.pageurl {
	background-image: url(images/icon_pageurl.gif);
	background-repeat: no-repeat;
}
#userprofile li.profile {
	background-image: url(images/icon_profile.gif);
	background-repeat: no-repeat;
}
#userprofile p {
margin: 10px 0 0 0;
line-height: 18px;
}
#userprofile p.friendslist {
margin: 10px 0 15px 0;
line-height: 18px;
clear:both;
}
#userprofile #profileimage a.orange {
color: #fc832a;
}
#userprofile a.orange {
color: #fc832a;
}


/****************************************
 all friends styles
 ****************************************/
div#allfriendscontainer {
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:0.7em;
	color:#000000;
	width: 600px;
	margin: 0 10px 30px 50px;
	line-height: 16px;
}
	div#allfriendscontainer img {
	display:block;
	margin:0 0 3px 0;
	padding:3px;
	border: 1px solid #d8d8d8;
	}

div#allfriendscontainer span.thumbnailcontainer {
	float:left;
	display:block;
	padding:3px;
	margin:0 20px 20px 0;
	border: 1px solid #d8d8d8;
	min-height: 150px;
	}
div#allfriendscontainer span.thumbnailcontainer span {
		padding:2px 0 0 0;
		display:block;
		text-align:left;
	}
	
div#allfriendscontainer span.gallery_thumbnail {
	float:left;
	display:block;
	padding:3px;
	margin:0 20px 20px 0;
	}


/****************************************
			Home Page styles
 ****************************************/
body.homepage { background-color: #FFFFFF; font-size: 0.8em; font-family: Geneva, Arial, Helvetica, sans-serif;}
#header
{
	height: 130px;
	background-image: url('images/header_bg.jpg');
	background-repeat: repeat-x;
	padding-top: 75px;
	text-align: left;
}
#iUsrNAME {
background-image:url(images/input-bg-user.jpg);
background-repeat: no-repeat;
border:0px none;
color:#565656;
font-size:16px;
font-weight: bold;
height:28px;
padding: 18px 0pt 0pt 113px;
width:387px;
}
#iUsrPASS {
background-image:url(images/input-bg-pass.jpg);
background-repeat: no-repeat;
border:0px none;
color:#565656;
font-size:16px;
font-weight: bold;
height:28px;
padding: 18px 0pt 0pt 113px;
width:387px;
}
#iUsrNAME_login {
background-image:url(images/input-bg-user.jpg);
background-repeat: no-repeat;
border:0px none;
color:#565656;
font-size:16px;
font-weight: bold;
height:28px;
padding: 18px 0pt 0pt 113px;
width:387px;
}
#iUsrPASS_login {
background-image:url(images/input-bg-pass.jpg);
background-repeat: no-repeat;
border:0px none;
color:#565656;
font-size:16px;
font-weight: bold;
height:28px;
padding: 18px 0pt 0pt 113px;
width:387px;
}
#iUsrEMAIL {
background-image:url(images/input-bg-email.jpg);
background-repeat: no-repeat;
border:0px none;
color:#565656;
font-size:16px;
font-weight: bold;
height:28px;
padding: 18px 0pt 0pt 113px;
width:387px;
}
.buttonmakeaccount {
border:0pt none;
float:right;
margin:-79px 0px 0px 0px;
}
.buttonlogin {
border:0pt none;
float:right;
margin:-49px 0px 0px 0px;
}
div#home_all_container {
	position: relative;
	margin: 0 auto;
	width: 700px;
	text-align: left;
} 
div#home_all_container h1 {
	padding: 30px 0 0 0;
}

/****************************************
			IAN DIV styles
****************************************/			
.ian_bg {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	padding: 5px 0;
	background-color: #343333;
	text-align: center;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 135px; 
}

.cssform label{
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
float: left;
margin-left: -115px; 
width: 100px; 
}

* html .threepxfix{
margin-left: 3px;
}
#ian_AddPhoto {
	position: relative;
	margin: 0 auto;
	width: 500px;
	text-align: left;
}

#ian_AddPhoto input{
  border : 1px outset #88A0C8;
  color: #565656;
  font-size: 11px;
  padding: 2px;
}
#ian_AddPhoto.uploadbox{
  border : 1px outset #88A0C8;
  height: 17px;
}

fieldset {
border: 1px solid #4f4f4f;
margin-bottom: 8px;
}

.orange{
color: #fc832a;
}

div#fndNotification {
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 25px;
	margin: 0px;
    font-size:0.7em;
}