/* reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0 }
fieldset,img { border: 0 }
ol,ul { list-style: none }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal }


html, body { min-width: 984px }

body {
	background: #001D89 url('../gr/star-ocean-bg.png') repeat-x center top;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	/* 
	9px = 0.5625em
	10px = 0.625em
	11px = 0.6875em
	12px = 0.75em
	13px = 0.8125em
	14px = 0.875em 
	15px = 0.9375em
	16px = 1em
	17px = 1.0625em
	18px = 1.125em
	19px = 1.1875em
	20px = 1.25em
	21px = 1.3125em
	22px = 1.375em
	23px = 1.4375em
	24px = 1.5em
	25px = 1.5625em
	*/
}

.layout {
	margin: 0 auto;
	width: 984px;
}

#hat_wrapper {
	height: 41px;
	background: url('../gr/hat-bg.png') repeat-x;
	font-size: 0.6875em
}

#hat {
	width: 980px;
	margin: 0 auto;
	color: #FFF;
	height: 41px;
	line-height: 41px;
}

#hat a {
	color: #DDD;
}

#hat div, #hat span {
	float: right;
	margin-left: 20px;
	white-space: nowrap;
}

#hat span {
	color: #999;
}

#username {
}

#wrapper {
	background: url('../gr/clouds-strings1.gif') no-repeat center top;
}

#header {
	background: url('../gr/sun-clouds.gif') no-repeat right bottom;
	position: relative;
	height:142px;
}

#logo {
	margin-top: 21px;
}

#navigation {
	margin: 12px 0 0 40px;
position:absolute;
top:105px;
}

#navigation li {
	float: left;
	width: 95px;
	height: 25px;
	/*margin-right: 2px;*/
	margin-right: 15px;
}

#navigation a {
	display: block;
	position: relative;
	height: 25px;
	background-image: url('../gr/nav-tabs2.png');
	background-repeat: no-repeat;
}

#nav_home { background-position: 0 0 }
#nav_upload { background-position: -95px 0 }
#nav_tags { background-position: -190px 0 }
#nav_people { background-position: -285px 0 }
#nav_search { background-position: -380px 0 }

#navigation a span {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#clouds_mask {
	position: absolute;
/*	bottom: -5px; */
	right: 27px;
	top:142px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#content_wrapper {
	padding: 16px 0 30px 0;
	background: #FFF url('../gr/content-bottom.gif') repeat-x left bottom;
	border-width: 2px 0;
	border-style: solid;
	border-color: #8A8A8A;
}

#content {
	margin-top:30px;
}

#content a {
	color: #00AEFF;
	text-decoration: none;
}

#main.full {
	margin: 0 12px 70px 12px;
}

#main.indented {
	margin: 0 70px 70px 70px;
}

#main.centered {
	width: 611px;
	margin: 0 auto 70px auto;
}

#main.col {
	float: left;
	width: 611px;
	margin-left: 12px;
}

#sidebar {
	float: right;
	width: 314px;
	margin-right: 12px;
}

h1 { /* top right URLs */
	margin: 0 13px 10px 0;
	font-size: 0.6875em;
	color: #00AEFF;
	text-align: right;
	font-weight: bold;
}

h2 { /* cloud headers */
	height: 35px;
	background: url('../gr/subhead-bg.gif') repeat-x left bottom;
}

h2 span {
	display: block;
	height: 35px;
	background: url('../gr/subhead-end.gif') no-repeat left bottom;
}

h2 span img {
	margin: 12px 0 0 12px;
}

h2 span img.feed_icon {
	margin: 4px 5px;
}

h2 div {
	height: 35px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

h2.c1 div { background-image: url('../gr/subhead-clouds-1.gif') } /* 700px wide */
h2.c2 div { background-image: url('../gr/subhead-clouds-2.gif') } /* 750px wide */
h2.c3 div { background-image: url('../gr/subhead-clouds-3.gif') } /* 523px wide */
h2.c4 div { background-image: url('../gr/subhead-clouds-4.gif') } /* 269px wide */
h2.c5 div { background-image: url('../gr/subhead-clouds-5.gif') } /* 352px wide */
h2.c6 div { background-image: url('../gr/subhead-clouds-6.gif') } /* 106px wide */
h2.c7 div { background-image: url('../gr/subhead-clouds-7.gif') } /* 154px wide */
h2.c8 div { background-image: url('../gr/subhead-clouds-8.gif') } /* 151px wide */
h2.c9 div { background-image: url('../gr/subhead-clouds-9.gif') } /* 66px wide */

#manage_title_selected h1 {
/* text sub-headers */
	margin-bottom: 0.75em;
	font-size: 1.455em;
	font-weight: bold;
	color: #F732C2;
}

h3 { /* text sub-headers */
	margin-bottom: 0.75em;
	font-size: 1.455em;
	font-weight: bold;
	color: #F732C2;
}

h4 { /* graphical sub-headers */
	margin-bottom: 20px;
}

h5 { /* form field headers */
	color: #666;
	line-height: 1.5em;
	font-size: 0.6875em;
	font-weight: bold;
}

label {
	display: block;
	font-weight: bold;
}



.section {
	margin: 15px 0 0 11px;
	font-size: 0.6875em;
	line-height: 1.455em;
	color: #666;
}

.section a {
	color: #00AEFF;
	font-weight: bold;
	text-decoration: none;
}

/*
.section span {
	color: #BBB;
	font-weight: normal;
}
*/

.section span a { font-weight: normal }

.section .scroll_nav {
	width: 26px;
	background: url('../gr/arrows.gif') no-repeat;
	cursor: pointer;
}

.section .scroll_nav.inactive {
	background-image: url('../gr/arrows-disabled.gif');
	cursor: auto;
}

.section .scroll_left { 
	float: left;
	background-position: -15px 50%;
}

.section .scroll_right { 
	float: right; 
	background-position: 10px 50%;
}



.small_photo_grid { margin-left: -1px }

.small_photo_grid a {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 0 1px 1px;
}

.small_photo_grid a img {
	width: 75px;
	height: 75px;
}

.large_photo_grid { margin-left: -3px }

.large_photo_grid a {
	display: block;
	float: left;
	width: 150px;
	height: 150px;
	margin-left: 3px;
}

.large_photo_grid a img {
	width: 150px;
	height: 150px;
}

.view_connection {
	margin-top: 4px;
	text-align: center;
}

.user_image {
	border: 1px solid #CCC;
}

.user_image img {
	display: block;
	margin: 1px;
	width: 75px;
	height: 75px;
}

.view_all {
	margin: 4px 1px 0 0;
	text-align: right;
}



.text_link_form { display: inline }

.text_input, textarea {
	border: 1px solid #80A9C8;
	color: #3A65A7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.active_input { 
	border-color: #63A1CB !important;
	color: #666 !important;
}

.image_input {
	vertical-align: bottom;
	margin-left: 2px;
}

input.inline_input {
	width: 250px;
}

textarea.inline_input {
	width: 98%;
	height: 100px;
	margin-bottom: 3px;
}

.inline_save_wrapper {
	margin-right: 0px;
	text-align: right;
}



#all_photos_sec .small_photo_grid { margin-left: 12px }



#photo_details_sec { 
	margin-top: 8px;
}

#photo_details_sec h1 {
	color: #F732C2;
	font-size: 2.1825em;
	font-weight: normal;
}

#photo_details_sec .photo_nav {
	font-size: 1.091em;
	line-height: 1.33em;
	text-align: center;
}

#photo_details_sec .photo_nav .prev {
	display: block;
	float: left;
	margin: 7px 0 0 24px;
}

#photo_details_sec .photo_nav .next {
	display: block;
	float: right;
	margin: 7px 24px 0 0;
}

#photo_details_sec .photo_nav .browsing {
	color: #666;
	font-weight: bold;
}

#photo_details_sec .photo_nav .position {
	color: #999;
}

#photo_details_sec .photo_wrapper {
	//text-align: center;
}

#photo_details_sec .photo {
	position: relative;
	display: inline;
}

#photo_details_sec .photo_actions {
	position: absolute;
	right: 100px;
	bottom: 0px;
}

#photo_details_sec .photo_actions div {
	float: right;
	background: #FFF;
	opacity: 0.9;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
}

#photo_details_sec .photo_actions a {
	display: block;
	float: left;
	margin: 1px 10px 2px 10px;
	padding-left: 12px;
	white-space: nowrap;
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: normal;
}

#photo_details_sec .photo_actions a.add {
	color: #5CA73F;
	background-image: url('/gr/tiny-plus.gif');
}

#photo_details_sec .photo_actions a.edit {
	background-image: url('/gr/tiny-edit.gif');
}

#photo_details_sec .photo_actions a.delete {
	color: #F00;
	background-image: url('/gr/tiny-x.gif');
}

#photo_title {
	margin-bottom: 16px;
}

#photo_details_sec .photo_data {
	margin: 12px 0;
	background: url('../gr/star-bg-white.gif') no-repeat right top;
}

#photo_details_sec .uploaded, #photo_details_sec .tags {
	color: #9A9A9A;
	line-height: 1.75em;
}

#photo_details_sec .uploaded {
}

#photo_details_sec .tag { margin: 0 10px 0 8px }
.belongs_to_user #photo_details_sec .tag { margin: 0 0 0 8px }

#photo_details_sec .tag a.delete_hover { color: #F00 }

#photo_details_sec .delete_tag {
	visibility: hidden;
	padding: 0 2px;
}

#photo_details_sec .delete_tag.active {
	visibility: visible;
}

#photo_details_sec .delete_tag img {
	vertical-align: super;
}

#photo_details_sec .add_tags {
	margin: 0 25px;
	cursor: pointer;
}

#photo_details_sec .add_tags .text_input {
	width: 250px;
}

#photo_details_sec .add_tags p {
	margin-top: 1px;
	font-size: 10px;
	color: #5CA73F;
}

#photo_details_sec .viewed {
}

#photo_details_sec .description {
	margin: 0px 0px;
	font-size: 1.18em;
	text-align:left;
}

#about_this_photo p {
	margin-bottom: 16px;
	color: #9A9A9A;
}

#about_this_photo p span {
	color: #666;
}

#about_this_photo .delete_photo {
	color: #F00;
	font-weight: normal;
}



#profile_sec h3 {
	/* color: #666; */
	font-size: 1.454em;
	font-weight: normal;
}

#profile_sec .user_image {
	float: left;
}

#profile_sec .user_bio {
	position: relative;
	padding-left: 11px;
}

#profile_sec .bubble {
	float: left;
	padding: 4px 9px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #CC1EA9;
}

#profile_sec .bubble_arrow {
	position: absolute;
	background: url('../gr/bubble-arrows.gif') no-repeat -9px 0;
	top: 9px;
	left: 6px;
	width: 6px;
	height: 9px;
}

#profile_sec .user_info {
	margin-top: 14px;
	color: #999;
}



#comments_sec {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
}

#comments_sec li { margin-bottom: 20px }
#recent_comments_sec li { margin-bottom: 10px }

.photo_comment .msg_header_text {
	float: right;
	height: 20px;
	color: #BBB;
	line-height: 20px;
}

.photo_comment .photo {
	float: right;
	margin-top: 6px;
}

.photo_comment .photo img {
	width: 50px;
	height: 50px;
}

.photo_comment .comment {
	position: relative;
	padding: 15px 0 0 11px;
}

.photo_comment .bubble {
	float: left;
	padding: 4px 9px 6px 9px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #CC1EA9;
}

.photo_comment .bubble_arrow {
	position: absolute;
	background: url('../gr/bubble-arrows.gif') no-repeat -9px 0;
	top: 15px;
	left: 6px;
	width: 6px;
	height: 9px;
}

.photo_comment .mine .bubble_arrow { background-position: -15px 0 }
.photo_comment .mine .bubble { background-color: #EDEDED }

.photo_comment .commented_photo .photo {
	float: right;
	margin-top: 7px;
}

.photo_comment .commented_photo .comment {
	padding-left: 0;
	padding-right: 11px;
}

.photo_comment .commented_photo .bubble_arrow {
	top: 1px;
	left: 12px;
	width: 9px;
	height: 6px;
	background-position: 0 -3px;
}



#add_comment_sec {
}

#add_comment_sec .photo {
	float: left;
	margin-top: 18px;
}

#add_comment_sec .add_comment {
	float: left;
	margin-left: 11px;
}

#add_comment_sec .add_comment p {
	font-weight: bold;
}

#add_comment_sec .add_comment textarea {
	width: 450px;
	height: 71px;
	margin: 2px 0;
}

#add_comment_sec .add_comment div {
	width: 458px;
	text-align: right;
}



#image_upload_sec div {
	margin-bottom: 7px;
}



#following_sec { line-height: 1.3em }

#following li {
	display: block;
	margin-bottom: 14px;
}

#following_sec .user_image { float: left }

#following_sec .user_image img {
	width: 50px;
	height: 50px;
}

#following_sec .user_info {
	float: left;	
	width: 215px;
	margin-left: 7px;
	color: #999;
}



#users_sec { line-height: 1.3em }

#users { height: 150px }

#users li {
/*
	display: block;
	float: left;
*/
	width: 174px !important;
}

#users_sec .user_image { float: left }

#users_sec .user_info {
	float: left;	
	width: 84px;
	margin-left: 7px
}

#users_sec .last_updated { margin-top: 1em }

#users_sec .scroll_nav { height: 79px }



#pagination {
	margin-top: 20px;
	text-align: center;
}



#upload_photos p {
	font-size: 0.6875em;
	line-height: 1.5em;
	
	/*
	13px = 0.8125em
	14px = 0.875em 
	15px = 0.9375em
	16px = 1em
	17px = 1.0625em
	18px = 1.125em
	19px = 1.1875em
	20px = 1.25em
	21px = 1.3125em
	22px = 1.375em
	23px = 1.4375em
	24px = 1.5em
	25px = 1.5625em
	*/
}

#upload_photo_forms {
	float: left;
	width: 400px;
	color: #666;
}

#upload_photo_forms form {
	margin-bottom: 19px;
}

#upload_photo_forms .photo_requirements {
	color: #5CA73F;
}

#upload_photo_forms .photo_guidelines {
	margin-top: 60px;
}

#upload_photo_forms .upload_photo_update_form h5 {
	margin-top: 20px;
}

#upload_photo_forms .upload_photo_update_form .text_input {
	margin: 2px 0;
}

#upload_photo_forms .upload_photo_update_form textarea {
	width: 350px;
	height: 71px;
}

#upload_photo_forms .upload_photo_update_form div {
	margin-top: 22px;
	width: 358px;
	text-align: right;
}

#uploaded_photo {
	float: right;
	width: 400px;
}

#uploaded_photo img {
	margin-top: 2px;
	width: 100%;
}

#mobile_upload_instructions {
	float: right;
	width: 225px;
	height: 300px;
	padding-left: 140px;
	background: url('../gr/piquo_iphone.jpg') no-repeat 0 0;
	color: #3A65A7;
}

#mobile_upload_instructions h5 {
	margin-top: 20px;
}



#update_profile h5 {
	margin-top: 20px;
}

#profile_photo {
	position: relative;
	margin: 0 auto;
	width: 300px;
	padding-left: 120px;
}

#profile_photo .user_image_wrapper {
	position: absolute;
	top: 4px;
	left: 0;
	z-index: 10;
	text-align: center;
}

#delete_profile_photo_form a {
	font-size: 0.75em;
}

#profile_photo p {
	font-size: 0.75em;
	color: #5CA73F;
}

#profile_photo .text_input, .profile .text_input {
	width: 300px;
	margin: 2px 0;
}

.profile textarea {
	height: 60px;
}



#tag_cloud {
	margin: 0 auto;
	width: 600px;
	font-size: 0.625em; /* smallest */
	text-align: center;
	line-height: 3.5em;
}



#footer {
	padding: 25px 0;
	color: #4B5B9B;
	font-size: 0.6875em;
}

#footer div {
	margin-left: 28px;
}

#footer a {
	color: #8F9CD1;
	font-weight: bold;
	text-decoration: none;
}

#copyright {
	margin-top: 6px;
	color: #255CC0;
}



#page_not_found h1 { visibility: hidden }



.hidden { display: none }

.fc { overflow: hidden }