/* colors

light blue background: #f5fcff
dark blue text: #638396

*/

body {
		margin: 0;
		padding: 0;
		font-family: Tahoma, sans-serif;
		font-size: small;
		color: #383d44;
		background: #fff;
}

div.content {
  		width: 980px;
  		margin: 0 auto;
}

/* links
--------------------------------------------------- */

a {
  		color: #638396;

}

a:hover {
		color: #2ca3e8;
}

a img {
  		border: none;
}

/* forms
--------------------------------------------------- */

input, textarea, select {
  		font-family: Tahoma, sans-serif;
  		font-size: 90%;
}


/* home page
--------------------------------------------------- */


#p-home #view h3 {
		clear: left;
		margin: 0 0 15px 0;
		font-size: 130%;
  		font-weight: normal;
		text-transform: none;
}

#view h3.padded {
		clear: left;
		padding-top: 15px;
}


/* popular celebrities
--------------------------------------------------- */

#celebrities {
		float: left;
		width: 980px;
		margin: 0 0 25px 0;
		padding: 0;
		border: solid 1px #fff;
}

#celebrities div {
		float: left;
		width: 182px;
		padding: 0 17px 0 0;
}

#celebrities div.last {
		padding: 0;
}

#celebrities a {
		float: left;
		text-align: center;
		color: #ea1f8b;
		font-size: 85%;
		text-decoration: none;
}

#celebrities a img {
		padding: 3px;
		background: #fff;
		border: solid 1px #e6bed3;
}

#celebrities a span {
		display: block;
		padding: 3px 5px;
		text-decoration: underline;
}

#celebrities a:hover img {
		border-color: #ea1f8b;
		background: #e6bed3;
}


/* popular pictures
--------------------------------------------------- */

#pictures div {
		float: left;
		padding: 10px 15px;
}

#pictures a {
  		float: left;
  		margin: 0 5px 5px 0;
  		padding: 3px;
  		border: solid 1px #c1dbea;
  		background: #fff;
}

#pictures a:hover {
  		border-color: #2ca3e8;
  		background: #c1dbea;
}


/* main body
--------------------------------------------------- */

#main-body {
  		width: 980px;
  		margin: 0 auto;
  		padding: 15px 0;
}

.banner-728 {
		clear: left;
		text-align: center;
    		padding-top: 0px;
}

#main-body .banner-300 {
		margin-bottom: 20px;
}


/* sidebar
--------------------------------------------------- */

#sidebar {
  		float: right;
  		width: 300px;
  		margin: 0 0 0 25px;
}

#form fieldset,
#view fieldset,
#sidebar fieldset {
		clear: left;
		border: solid 1px #ccc;
		margin: 0 0 20px 0;
		padding: 0;
}

#form legend,
#view legend,
#sidebar legend {
		font-size: 130%;
		margin: 0 10px;
		padding: 0 10px;
		color: #000;

}


/* tags
---------------------------------------------------*/

#tags ol {
		float: left;
		padding: 10px 15px 15px;
		margin: 0;
		list-style: none;
}

#tags li {
		float: left;
		padding-right: 10px;
}

#tags form {
		clear: left;
		padding: 0 15px 15px;
}

#tags span {
		font-weight: bold;
		font-size: 85%;
}

#tags p {
		font-size: 85%;
}

#tags p.empty {
		clear: left;
		padding: 0px 15px 15px;
		margin: 0;
}

#tags input {
		font-size: 85%;
		padding: 3px;
}

#tags input.button {
		font-weight: bold;
		padding: 2px 4px;
}


/* sharing
--------------------------------------------------- */

#sharing p {
		padding: 10px 15px 15px;
		margin: 0;
}

#sharing ul {
		float: left;
		width: 268px;
		padding: 0px 15px 15px;
		margin: 0;
		list-style: none;
}

#sharing li {
		float: left;
		display: block;
		width: 134px;
		padding: 4px 0;
		line-height: 16px;
}

#sharing li.wide {
		width: 268px;
}

#sharing li a {
		padding: 0 0 0 22px;
		background-repeat: no-repeat;
		background-position: 0 50%;
}

#s-delicious {background-image: url(/img/ico/delicious.gif);}
#s-facebook {background-image: url(/img/ico/facebook.gif);}
#s-stumbleupon {background-image: url(/img/ico/stumbleupon.gif);}
#s-reddit {background-image: url(/img/ico/reddit.gif);}
#s-email {background-image: url(/img/ico/share-email.gif);}
#s-share {background-image: url(/img/ico/share-post.gif);}


/* view & page
--------------------------------------------------- */

#page,
#view {
  		float: left;
  		width: 645px;
  		padding-bottom: 30px;
}

#page h1 {
		margin-top: 0;
		font-weight: normal;
}

#page #copyright {
		padding-top: 20px;
		font-size: 85%;
}

#form h3,
#view h3 {
  		margin: 0 0 15px 0;
  		font-size: 130%;
  		font-weight: normal;
  		color: #000;
}


/* picture
--------------------------------------------------- */

#picture {
  		float: left;
  		width: 645px;
}

#picture-normal {
		clear: left;
		padding: 22px 0;
}

#picture-big {
		clear: left;
  		width: 100%;
  		margin: 5px 0 0 0;
		padding: 22px 0 22px 0;
  		text-align: center;
}


/* thumbs
--------------------------------------------------- */

#thumbs {
  		float: left;
  		width: 645px;
}

#thumbs-nav div a,
#thumbs a {
  		float: left;
  		margin: 0 15px 15px 0;
  		padding: 3px;
  		border: solid 1px #c1dbea;
  		background: #fff;
}

#thumbs-nav div a {
		margin: 0 5px 0 0;
}

#thumbs-nav div a:hover,
#thumbs-nav div a.current,
#thumbs a:hover,
#thumbs a.current {
  		border-color: #2ca3e8;
  		background: #c1dbea;
}

#thumbs-nav {
		clear: left;
		float: left;
		border: solid 1px #c1dbea;
}

/*
#thumbs-nav a.prev,
#thumbs-nav a.next {
		display: block;
		padding: 32px 0 0 0;
		width: 20px;
		height: 46px;
		float: left;
		text-align: center;
		text-decoration: none;
		color: #638396;
		font-size: 85%;
		font-weight: bold;
}

#thumbs-nav a.next {
		float: right;
}

#thumbs-nav a.prev:hover,
#thumbs-nav a.next:hover {
		background: #c1dbea;
		color: #000;
}
*/

#thumbs-nav div {
		float: left;
		width: 623px;
		/*
		Width should be changed to this when the prev/next links are active
		width: 583px;
		*/
		padding: 10px;
}

/* pages
--------------------------------------------------- */

#pages {
  		clear: left;
  		text-align: center;
  		margin: 15px 0;
}

#pages span, #pages a {
  		padding: 3px 6px 4px 7px;
  		font-size: 85%;
  		color: #999;
  		text-decoration: none;
  		border: solid 1px #ccc;
}

#pages a {
  		color: #638396;
  		border-color: #c1dbea;
}

#pages a:hover {
		color: #000;
  		border-color: #2ca3e8;
  		background: #c1dbea;
}

#pages span.active {
  		font-weight: bold;
  		color: #000;
  		border-color: #2ca3e8;
  		background: #c1dbea;
}

#pages span.dots {
		border: none;
}

/* picture navigation
--------------------------------------------------- */

#picture-nav {
		float: left;
  		clear: left;
  		margin: 5px 0 5px 0;
}

#picture-nav div.left {
  		float: left;
}

#picture-nav div.right {
  		float: right;
}

#picture-nav span, #picture-nav a {
  		display: block;
  		float: left;
  		padding: 3px 6px 4px 7px;
  		margin-left: 4px;
  		font-size: 85%;
  		color: #999;
  		text-decoration: none;
  		border: solid 1px #ccc;
}

#picture-nav a {
  		color: #638396;
  		border-color: #c1dbea;
}

#picture-nav a:hover {
  		border-color: #2ca3e8;
  		background: #c1dbea;
  		color: #000;
}

#picture-nav span.active {
  		font-weight: bold;
  		color: #000;
  		border-color: #2ca3e8;
  		background: #c1dbea;
}

#picture-nav .first {
  		margin-left: 0;
}


/* comments
--------------------------------------------------- */

#comments {
		margin: 25px 0;
}

#comments h4 {
  		float: left;
  		margin: 0 0 15px 0;
  		font-family: Georgia, serif;
  		font-size: 170%;
  		font-weight: normal;
}

#comments h5 {
  		margin: 25px 0 15px 0;
  		font-family: Georgia, serif;
  		font-size: 170%;
  		font-weight: normal;
}

#comments span.skip {
  		display: block;
  		float: left;
  		padding: 8px 0 0 14px;
  		font-size: 85%;
}

#comments ol {
  		clear: left;
  		margin: 0;
  		padding: 0;
  		list-style: none;
}

#comments li {
  		display: block;
  		margin: 0 0 15px 0;
  		padding: 0;
  		border: solid 1px #ccc;
}

#comments div {
		padding: 4px;
		margin: 0;
  		font-size: 85%;
  		border: solid 1px #fff;
  		background: #eee;
}

#comments img {
  		border: solid 1px #fff;
  		vertical-align: middle;
}

#comments p.empty {
  		clear: left;
  		margin: 0;
  		padding: 0;
}

#comments ol p {
  		margin: 0;
  		padding: 10px;
}

#comments div a {
  		font-weight: bold;
}

#comments textarea {
  		width: 630px;
  		height: 150px;
  		padding: 4px 5px;
}

#comments textarea.description {
  		width: 294px;
  		height: 100px;
  		padding: 4px 5px;
}

#comments textarea.descript {
  		width: 194px;
  		height: 50px;
  		padding: 4px 5px;
}

#comments textarea.disabled {
  		background: #eee;
  		color: #666;
}

#comments input {
  		margin: 10px 0 0 0;
  		font-size: 110%;
  		font-weight: bold;
		padding: 1px 10px 3px 10px;
}


/* forms
--------------------------------------------------- */

#form {
  		float: left;
  		width: 645px;
}

/* new */

#form fieldset form {
		padding: 10px 15px 15px;
		margin: 0;
}

#form input {
		width: 300px;
  		padding: 2px;
}

#sidebar .form input {
		width: 200px;
		padding: 2px;
}

#form input.disabled,
#sidebar .form input.disabled {
		background: #eee;
  		color: #666;
}

#view input.button,
#form .buttons input,
#sidebar .form .buttons input,
#sidebar .form .button input,
#form .button input {
		width: auto;
		font-size: 110%;
  		font-weight: bold;
		padding: 1px 10px 3px 10px;
}

#sidebar .form .buttons input,
#sidebar .form .button input {
		font-size: 85%;
}

#form .field,
#sidebar .form .field {
		clear: left;
		float: left;
		width: 645px;
		margin-bottom: 5px;
}

#form .field.button,
#sidebar .form .field.button {
		width: 545px;
		padding-left: 100px;
/*		margin-bottom: 15px;*/
		padding-bottom: 10px;
}

#form .field .title,
#sidebar .form .field .title {
	    clear: left;
		float: left;
		width: 100px;
}

#form .field .input,
#sidebar .form .field .input {
		float: left;
		width: 545px;
}

#form fieldset .field {
		width: 613px;
}

#form fieldset .field.button {
		width: 513px;
}

#form fieldset .field .input {
		width: 513px;
}

#sidebar .form form {
		padding: 10px 15px 15px;
		margin: 0;
}

#sidebar .form p {
		font-size: 85%;
}

#sidebar .form .field {
		width: 268px;
}

#sidebar .form .field.button {
		width: 218px;
		padding-left: 50px;
}

#sidebar .form .field .title {
		font-size: 85%;
		width: 50px;
}

#sidebar .form .field .input {
		width: 218px;
}

/* old */

#form p {
  		margin-top: 0;
}

#form p.error,
#form p.success {
  		padding: 3px;
  		font-size: 110%;
  		font-weight: bold;
  		text-align: center;
}

#form p.error {
  		color: #c00;
  		border: solid 3px #c00;
}

#form p.success {
		color: #080;
		border: solid 3px #080;
}

#form form {
  		margin-bottom: 30px;
}

#form table {
		width: 645px;
}

#form td.text {
  		width: 130px;
  		padding: 5px 0;
}

#form td.field,
#form td.button,
#form td.radio,
#form td.checkbox,
#form td.verification {
  		width: 505px;
  		padding: 5px;
}

#form td.field input {
  		width: 300px;
  		padding: 2px;
}

#form td.button input,
#form td.radio input,
#form td.checkbox input {
		width: auto;
}

#form td.verification input {
  		width: 150px;
  		padding: 2px;
}

#form td.field select {
  		padding: 2px;
}

#form td.button input,
#form div.buttons input {
  		font-size: 110%;
  		font-weight: bold;
		padding: 1px 10px 3px 10px;
}

#form input.disabled,
#form select.disabled {
  		background: #eee;
  		color: #666;
}

#form div.buttons {
		margin-top: 15px;
}

#form div.buttons input {
		margin-right: 10px;
}

#form .validator,
#f-share-email .validator,
#f-comment .validator {
		margin: 0 0 0 20px;
		padding: 3px 24px 0 0;
		font-size: 85%;
		color: #bbb;
}

#form .validator.go {
		background: url(/img/ico/ajax-load.gif) no-repeat top right;
}

#form .validator.yes,
#f-share-email .validator.yes,
#f-comment .validator.yes {
		font-weight: bold;
		color: green;
}

#form .validator.no,
#f-share-email .validator.no,
#f-comment .validator.no {
		font-weight: bold;
		color: red;
}

/* upload
--------------------------------------------------- */

#upload {
  		border: solid 10px #f5fcff;
}

#upload div.pic {
  		padding: 10px;  
  		border: solid 1px #94b1c3;
  		border-top: none;
}

#upload div.first {
		border: solid 1px #94b1c3;
}

#upload table {
		width: 605px;
}

#upload td.desc {
  		width: 100%;
  		padding: 0 0 0 10px;
  		vertical-align: top;
}

#upload h4 {
  		float: left;
  		margin: 0 0 15px 0;
  		font-family: Georgia, serif;
  		font-size: 130%;
  		font-weight: normal;
}

#upload span {
  		color: #aaa;
}

#upload textarea {
  		width: 300px;
  		height: 60px;
}

#upload span.delete {
  		display: block;
  		float: left;
  		padding: 4px 0 0 14px;
  		font-size: 85%;
}

#upload td.desc div {
  		clear: left;
}

/* ratings
--------------------------------------------------- */

#sidebar #rating {
		border-color: #2ca3e8;
}

#rating .rate {
		float: left;
		width: 150px;
		padding: 10px 0 10px 20px;
}

#rating .stats {
		float: left;
		width: 100px;
		padding: 0 0 0 20px;
		margin: 0;
		list-style: none;
		font-size: 85%;
}

#rating .stats .title {
		font-weight: bold;
}

#rating p {
		text-align: center;
		font-size: 85%;
		margin: 10px 0 0 0;
}

#rating .stars,
#rating .stars a:hover,
#rating .stars #rating-current {
		background: url(/img/ico/star-new.gif) left -1000px repeat-x;
}

#rating .stars {
		position: relative;
		width: 150px;
		height: 30px;
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;
		background-position: left top;
}

#rating .stars li {
		display: inline;
}

#rating .stars a,
#rating .stars #rating-current {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -1000em;
		height: 30px;
		line-height: 30px;
		outline: none;
		overflow: hidden;
		border: none;
}

#rating .stars a:hover {
		background-position: left bottom;
}

#rating .stars #rating-one {
		width:20%;
		z-index:6;
}

#rating .stars #rating-two {
		width:40%;
		z-index:5;
}

#rating .stars #rating-three {
		width:60%;
		z-index:4;
}

#rating .stars #rating-four {
		width:80%;
		z-index:3;
}

#rating .stars #rating-five {
		width:100%;
		z-index:2;
}

#rating .stars #rating-current {
		z-index:1;
		background-position: left center;
}


/* relations
--------------------------------------------------- */

#sidebar #relations {
		padding: 0 0 10px 0;
}

#relations div {
		float: left;
		width: 268px;
		padding: 10px 15px 0px 15px;
}

#relations a {
		float: left;
		font-size: 150%;
		line-height: 36px;
		text-decoration: none;
}

#relations a img {
		float: left;
		padding: 2px;
		background: #fff;
		border: solid 1px #c1dbea;
}

#relations a:hover img {
		border-color: #2ca3e8;
  		background: #c1dbea;
}

#relations a span {
		margin: 0 0 0 10px;
		text-decoration: underline;
}


/* celebrity profile
--------------------------------------------------- */

#profile-image {
		clear: left;
		border: solid 1px #ccc;
		padding: 3px;
		margin: 0 0 20px 0;
}

#celebrity {
		clear: left;
}

#celebrity div {
		float: left;
		width: 268px;
		font-size: 85%;
		padding: 15px 15px 0;
}

#celebrity div.pages {
		padding: 15px;
}

#celebrity b {
		float: left;
		display: block;
		width: 100px;
}

#celebrity span {
		float: left;
		display: block;
		width: 168px;
}


/* user profile
--------------------------------------------------- */

#user .avatar {
		float: left;
		width: 80px;
		padding: 10px 0 15px 15px;
}

#user .info {
		float: left;
		width: 173px;
		padding: 10px 15px 15px 15px;
		margin: 0;
		list-style: none;
		font-size: 85%;
}

#user .info .title {
		font-weight: bold;
}


/* archive
--------------------------------------------------- */

#archive p {
		margin: 0;
		padding: 10px 15px;
		font-size: 85%;
}

#archive a.active {
		font-weight: bold;
}

#archive span {
		font-size: 75%;
		color: #888;
}

#archive .links {
		margin: 0;
		padding: 0 15px 15px 15px;
		list-style: none;
}


/* links
--------------------------------------------------- */

#sitelinks p {
		padding: 0 20px;
}

#sitelinks a {
		font-size: 110%;
		color: #ea1f8b;
}

#features ul {
		float: left;
		width: 268px;
		margin: 0;
		padding: 10px 15px 15px 15px;
		list-style: none;
}

#features li {
		display: block;
		float: left;
		width: 134px;
		background-repeat: no-repeat;
  		background-position: 0px 50%;
}

#features a {
  		margin: 0;
  		padding: 0 0 0 25px;
  		font-size: 85%;
  		font-weight: normal;
  		color: #000;
		background-repeat: no-repeat;
  		background-position: 0px 50%;
}

#features a:hover {
		color: #2ca3e8;
}

#features .subscribe 		{background-image: url(/img/ico/favorite-small.gif);}
#features .unsubscribe		{background-image: url(/img/ico/favorite-small.gif);}
#features .feedlink			{background-image: url(/img/ico/rss.gif);}

#links {
  		margin: 0 0 20px 0;
}

#links a {
  		display: block;
  		margin: 0;
  		padding: 4px 0 8px 45px;
  		font-size: 150%;
  		font-weight: normal;
		background-repeat: no-repeat;
  		background-position: 5px 50%;
}

#l-gallery		{background: url(/img/ico/back.gif);}
#l-profile		{background: url(/img/ico/user.gif);}
#l-publish		{background: url(/img/ico/publish.gif);}
#l-settings		{background: url(/img/ico/settings.gif);}
#l-comment		{background: url(/img/ico/comment.gif);}


/* header
--------------------------------------------------- */

#header {
		width: 980px;
  		margin: 0 auto;
  		padding: 15px 0 0 0;
}

#top,
#nav {
		float: left;
		clear: left;
		width: 980px;
}

h1 {
		float: left;
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 180%;
}

h1 span {
		color: #ea1f8b;
}

h2 {
		clear: left;
		font-weight: normal;
		font-size: 150%;
		padding: 0 0 4px 0;
		margin-bottom: 0;
		border-bottom: solid 1px #ccc;
}

#header .info {
		color: #888;
		font-size: 85%;
		padding: 4px 0 0 0;
}

#search {
  		float: right;
}

#search form {
		margin: 0;
}

#search input {
  		padding: 3px;
  		font-size: 85%;
  		width: 200px;
}

#search input.button {
		padding: 2px 3px;
		width: auto;
}

#nav {
		width: 950px;
		margin: 20px 0;
		padding: 5px 15px 7px;
		border: solid 1px #ccc;
		background: #fff url(/img/bg/nav.gif) repeat-x;
}

#navigation {
		float: left;
}

#community {
		float: right;
}

#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
}

#nav li {
		float: left;
		padding: 0 15px 0 0;
}

#community li {
		padding: 0 0 0 15px;
}

#c-share {
		color: #ea1f8b;
		font-weight: bold;
}


/* updates
--------------------------------------------------- */

.celebrity,
.update {
		clear: left;
		float: left;
		width: 633px;
		padding: 6px;
		background: #fff;
		margin: 0 0 8px 0;
		border: solid 1px #ccc;
}

.celebrity .image,
.celebrity .teaser,
.update .image,
.update .teaser {
		float: left;
		padding-right: 10px;
}

.celebrity .image,
.update .image {
		width: 56px;
}

.celebrity .teaser,
.update .teaser {
		width: 348px;
}

.celebrity .teaser.wide,
.update .teaser.wide {
		width: 410px;
		padding-left: 4px;
}

.celebrity .image img,
.update .image img {
		border: solid 1px #fff;
		padding: 3px;
		background: #fff;
}

.celebrity .image a img,
.update .image a img {
		border: solid 1px #c1dbea;
		padding: 3px;
}

.celebrity .image a:hover img,
.update .image a:hover img {
		border-color: #2ca3e8;
		background-color: #c1dbea;
}

.celebrity h4,
.update h4 {
		font-size: 130%;
		font-weight: normal;
		margin: 0;
}

.celebrity p,
.update p {
		font-size: 85%;
		line-height: 16px;
		margin: 5px 0 0 0;
}

.update .user {
		text-decoration: none;
}

.update .user img {
		border: none;
		float: left;
}

.update .user span {
		text-decoration: underline;
		padding-left: 5px;
}

.celebrity .info,
.celebrity .relations,
.update .info,
.update .relations {
		float: left;
		margin: 0;
		padding: 0 30px 0 0;
		list-style: none;
		font-size: 85%;
}

.celebrity .info,
.update .info {
		width: 75px;
}

.celebrity .relations,
.update .relations {
		width: 104px;
		padding: 0;
}

.celebrity .info li,
.celebrity .relations li,
.update .info li,
.update .relations li {
		padding: 0 0 3px 0;
}

.celebrity .info .title,
.celebrity .relations .title,
.update .info .title,
.update .relations .title {
		font-weight: bold;
}

.celebrity .stars,
.celebrity .stars li,
.update .stars,
.update .stars li {
		padding: 0;
		background: url(/img/ico/star-new-small.gif) left -1000px repeat-x;
}

.celebrity .stars,
.update .stars {
		position: relative;
		width: 75px;
		height: 15px;
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;
		background-position: left top;
}

.celebrity .stars li,
.update .stars li {
		display: inline;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -1000em;
		height: 15px;
		line-height: 15px;
		outline: none;
		overflow: hidden;
		border: none;
		z-index: 1;
		background-position: left center;
}


/* guide
--------------------------------------------------- */

#sidebar .guide ol {
	width: 253px;
	padding: 10px 15px 15px 35px;
	margin: 0;
}

#sidebar .guide ol ul {
	padding: 0 0 0 20px;
	margin: 0;
}


/* letters
--------------------------------------------------- */

#letters {
		padding: 0;
		margin: 0 0 15px 0;
		list-style: none;
}

#letters li {
		display: inline;
}

#letters li.active {
		font-weight: bold;
}


/* moderator
--------------------------------------------------- */

#moderator div {
		padding: 10px 15px 15px;
		font-size: 85%;
}

/* Spambots
--------------------------------------------------- */
#CrapTrap {display: none;}