body {
background: white url(../img/layout/bg-border.gif) no-repeat scroll 0 10px;
*background-position: 12px left;
}

body div.container {
margin: 0 10px 0 32px;
}

th {
font-weight: normal;
color: #fff!important
}

td {
border-bottom: 1px solid #aaa
}


big.number {
display:block;
float:left;
font-size:80px;
margin-top:-20px;
margin-right:10px;
height:90px;
}

.horizontal,
.horizontal li {
list-style:none;
display:inline;
}

.doubleline-div { width: 982px; height: 1px; border-bottom: 4px double black; margin-left: -32px; }
.singleline-div { width: 982px; height: 1px; border-bottom: 1px solid black; margin-left: -32px; }

.reset,.reset li {
list-style:none;
}

div.usernav {
text-align:right;
padding:5px 0;
}

div.header {
margin-bottom: 24px;
}

div.header ul.btn {
float:right;
}

div.header ul.btn li a {
*margin: 0
}
div.header ul.btn li a.last {
margin-right: 0;
*margin-left: 3px;
}
input.search {
width:141px;
margin-right:4px;
border:1px solid #000000;
font-size:11px;
height:13px;
padding:2px 3px;
vertical-align:top;
}

div.header div.last a {
margin-right:12px;
}

div.imagebar {
margin-bottom:15px;
}

div.homenav {
text-align:right;
margin:20px 0;
padding-left:16px;
*padding-left: 32px;
}



div.introtext {
margin:30px 20px 20px 60px;
}

div.page {
margin-top: 0;
}

div.message a {
text-decoration: underline
}

div.login {
text-align:left;
}

div.login .checkbox input {
float:left;
margin:0 5px 0 0;
}

div.element {
margin-bottom: 14px;
padding-bottom: 14px;
}

div.element .notion {
margin-bottom:8px;
}

div.element a {
text-decoration: underline ! important;
}

div.element .keypiece a.theme {
text-decoration: underline ! important;
}

div.element .keypiece a {
text-decoration: none ! important;
}


div.footer {
margin:30px 0;
}

div.footer div.last ul li {
display:inline;
margin:0 0 0 12px;
}

.comments li {
margin-bottom:1em;
}

.comments span {
font-weight:700;
}

.comments span.fn,.comments span.fn a {
font-weight:400;
color:#666;
}

.page-header h2 {
text-transform:uppercase;
font-size: 34px;
}

.page-right {
padding-top:66px;
}

#tooltip {
position:absolute;
z-index:8999;
border:4px double #000;
background-color:#fff;
font-size:12px;
padding:5px;
}

#tooltip h3,#tooltip div {
font-size:12px;
margin:0;
}


#homecarousel {
width:358px;
overflow:hidden;
position:relative;
z-index:10;
margin-top: 4px;
}

#homecarousel, #homecarousel li, .home-pictures, #home .first-picture {
height: 900px;
}

#homecarousel li {
float: left;
width: 358px;
margin-right: 12px;
}

#homecarousel li img {
width: 350px;
}

.home-pictures button.next {
position:absolute;
z-index:20;
margin-left:312px;
height: 19px;
border:1px solid #000;
}

#homecarousel li p {
margin-bottom:5px;
margin-top: 4px;
}


.home-pictures {
width: 360px;
overflow: hidden;
margin-top: 17px;
z-index: 10;
position: absolute
}

.home-pictures div.homepic-item p {
margin:8px 0;
}




.page-left .account {
position: absolute;
z-index: 20;
}

#users_view h1 {
font-size:3.7em;
font-weight:400;
}

#users_view h2 {
font-size:1em;
font-weight:400;
margin:0;
}

#users_view  #profile_rank {
padding-bottom:40px;
}

#users_view #profile_rank big {
font-size:30px;
}

#users_view .page-center {
width:368px;
margin-right:0;
}
#profile_stream {
float:left;
width:360px;
}

#users_view .page-right {
width:381px;
}

#users_view .page-right .element {
padding-left:20px;
border-bottom:1px solid #000;
}

#users_view #profile_bio {
width:210px;
margin:1em 0;
}

#users_view #profile_name {
padding-top:65px;
height:50px;
}

/*
* Bubble Status
*
*/
#profile_status {
background-repeat:no-repeat;
background-position: top right;
height:45px;
width:320px;
height: 110px;
position:absolute;
z-index:100;
font-size: 11px;
}

.size_1 {
background-image: url('../img/bubbles/size_1.png');
margin-left: -40px;
margin-top: -60px;
*margin-left: -30px
}
.size_2 {
background-image: url('../img/bubbles/size_2.png');
margin-left: -40px;
margin-top: -50px;
*margin-left: -30px
}
.size_3 {
background-image: url('../img/bubbles/size_3.png');
margin-left: -40px;
margin-top: -40px;
*margin-left: -30px
}

.size_1 p, .size_2 p, .size_3 p{
margin: 0; padding: 0; display: block;
}

.size_1 p {
padding-top: 51px;
padding-left: 134px;
padding-right: 25px;
*padding-top: 55px;
*padding-left: 120px;
*padding-right: 25px;
}
.size_2 p {
padding-top: 40px;
padding-left: 78px;
padding-right: 20px;
*padding-top: 38px;
*padding-left: 70px;
*padding-right: 20px;
}
.size_3 p {
padding-top: 24px;
padding-left: 50px;
padding-right: 30px;
*padding-top: 20px;
*padding-left: 40px;
*padding-right: 27px;
}




#users_view #profile_avatar {
overflow:hidden;
height:140px;
float:right;
}

#users_view .views .theme {
padding: 5px;
}

#users_view .element_content,
#profile_user .element_content {
clear:both;
}

#pictures_stream,#people_stream,#comments_stream,
.stream_large { width:738px; margin-left:2px; }
.stream_item { float:left; }
.stream_border { border-right: 1px solid #000; padding:10px; }
.stream_large .last { border-right: 0 }


.list_view .info { margin: 0; width: 280px; border-top: 1px solid black; padding-left: 20px; padding-top: 20px; }
.list_view .info a { text-decoration: underline !important }
.list_view .date { color: #aaa }
.list_view .photo { border-top: 0; border-bottom: 0; width: 430px; margin-right: 0 }
.list_view .first-item { border-bottom: 0; border-top: 4px double black }
.list_view .last-item { border-top: 0; border-bottom: 4px double black }
.list_view .info.first-item { border: 0 }
.list_view .info.last-item { border: 0 }


#fact_header h2 {
padding-top:24px;
text-transform:uppercase;
}

#fact_stream .fact {
margin-bottom:10px;
padding:10px;
}

.fact-title {
font-size: 2em;
}
.fact-message {
line-height: 1.4em;
}
.fact-message img {
padding-bottom: 10px;
}

.fact-message ol, .fact-message ul {
padding-left: 34px;
padding-bottom: 20px;
}


.stream-right {
padding-top:32px;
}

#pictures_header h2 {
padding-top:24px;
font-size:13px;
text-transform:lowercase;
}

#photo_comments {
padding-top:80px;
}

.picture-comment {
clear:both;
margin-bottom:10px;
overflow:hidden;
height:80px;
}

.picture-comment .picture {
float:left;
margin-right:5px;
}

.picture-comment .comment {
margin-left:50px;
}

.picture-comment .comment blockquote {
color:#000;
margin:0;
}

#photo,#photo img,#photo_center {
width:350px;
}



#photo_center {
margin-right:8px;
}



div.toplinks { height: 80px; text-align: right; }


#photos_view .page-header {
height: 60px;
}
#photos_view .likeinfo {
padding-top: 14px;
}
#photos_view .page-center {
width: 358px;
margin: 0;
padding: 0;
margin-left: 10px;
}
#photos_view .page-content {
*padding: 0;
*margin-top: -4px;
}
#photos_view .page-right {
width: 380px;
*padding-top: 90px;
}

#photos_view .page-right .element {
border-bottom: 1px solid black;
padding-left: 20px;
}

#photo_comments .element_content {
padding-top: 15px;
}

#photo_owner div.photo_desc { font-size: 15px; }
#photo_owner div.photo_desc.long { font-size: 20px; }
#photo_owner div.photo_desc.verylong { font-size: 16px; }

#photo_owner .date {
padding: 5px 0;
margin: 0;
font-size:11px;
color:#888;
}

#photo_owner .user {
padding:4px 0;
}

#photo_owner .user span {
display: block;
padding:4px 0;
}

#photo_owner .user .themebg {
text-decoration:none !important;
padding:2px 4px;
}

.expandable {
margin-top:20px;
}

#photo_bookmarks img {
vertical-align:middle!important;
margin-left:8px;
}

#photo_bookmarks a {
display:block;
}

ul.keypiece,ul.keypiece li {
list-style:none;
margin:0;
padding:0;
}

ul.keypiece li {
padding-left:23px;
margin:0;
}

ul.keypiece li.low {
background:transparent url(../img/star_low.gif) no-repeat scroll 0 -2px;
}

ul.keypiece li.hi {
background:transparent url(../img/star_hi.gif) no-repeat scroll 0 -2px;
}

#PhotoContainer .low {
background-image:url(../img/styles/bg_note_low.png);
}

#PhotoContainer .hi {
background-image:url(../img/styles/bg_note_hi.png);
}


#home_header {
height: 58px;
padding-bottom: 12px;
}

#home_header h2 {
font-size:44px;
height: 50px;
display: block;
text-transform: lowercase;
}


#home_center {
margin-right:0;
}

#home_right {
width:340px;
padding-top:90px;
}

#home_user img {
vertical-align:top;
float:left;
padding-right:1em;
background:none;
}

#home_user .status {
padding-top:1em;
}

/* MyHOME colors */
.colors div { float:left; width:20px; height:20px; }
.colors a { display: block; margin-right: 10px; float: left; }


/* Toplist index */
.toplists ul {padding: 10px;}
.toplists li { clear:both; padding-bottom: 10px; }
.toplists .photo { float: left; }
.toplists .lister, .toplists .reason { margin-left: 60px;}

/* Overlay Forms - message, invite .. */
.overlay-form {
position: absolute;
background: white;
padding: 10px;
border: 1px solid #000;
}
.overlay-form {
position: absolute;
background: white;
padding: 10px;
border: 1px solid #000;
width: 380px;
z-index: 9999;
text-align: left;
}
.overlay-form form {
padding-top: 10px;
}
.overlay-form label {
display: block; float: left;
width: 110px;
}
.overlay-form .padd {
padding-left: 110px;
}
.overlay-form button {
background: #fff;
color: #000;
border: 1px solid #000;
height: 20px;
*padding-top: 1px
}
.overlay-form div { clear: both }

/* overwrite top-right styles */
.header .overlay-form, .topnav .overlay-form {
margin-left: 540px;
*margin-left: -400px;
}
#users_view .message-form {
top: 260px;
margin-left: -40px;
}

/* pieces overlay menu */
.main-sub {
position: absolute;
z-index: 9990;
background: white;
padding: 10px;
border: 1px solid #000;
margin-left: 430px;
margin-top: -4px;
*margin-left: -100px;
*margin-top: 23px;
}
.main-sub li {
display: block !important;
padding: 0!important;
}

.sub li {padding-right: 20px}

/* Song menu */
#song_add #results_ul li {
clear:both;
border-bottom:1px solid #000;
padding:5px 0;
}

#song_add #results_ul li .act a {
display:inline;
float:none;
}


#slider {
height:60px;
text-align:center;
overflow:hidden;
}

#slider a {
display:block;
float:left;
width:35px;
height:60px;
}

#slider img {
vertical-align:top;
}

.loading {
background:transparent url(../img/loading.gif) no-repeat center;
}

img.photo,.loading-big {
background:transparent url(../img/loading_big.gif) no-repeat center;
}

form.reg label {
display:block;
margin-top:10px;
clear:both;
}

form.reg input,form.reg .select select {
margin-right:5px;
width:250px;
float:left;
}

form.reg .input {
padding-bottom: 20px;
}
form.reg .error {
padding-bottom: 10px;
}


.pages *,div.header form,div.header input,#profile_pictures_nav .element_content div {
display:inline;
}

div.header,div.header div.search,#photos_edit #choices .notion {
padding-bottom: 10px;
}

div.header div.last,div.footer div.last,#pictures_header .last {
text-align:right;
}

div.header ul,div.home-pictures ul,div.footer ul, div.links ul {
list-style-type:none;
}

div.header ul li,div.footer ul li, div.links ul li {
display:inline;
margin:0 12px 0 0;
}

div.header ul.btn li,.toplists .options .starred {
margin:0;
}

div.homenav .login,div.homenav .nav,.toplists .more a {
float:right;
}

div.homenav .nav a,#pictures_header .pages {
float:left;
margin-right:20px;
}

.bottom-pagination {
padding-top: 10px; text-align: right;
}

.sidebar .logo,.page-left .logo {
margin-bottom:40px;
margin-top:50px;
*margin-top:60px
}

.page-header .likeinfo span {
display: block; padding-bottom: 6px; 
}

.page-content,#fact_stream .fact-title,.toplists .options,form.reg .submit {
padding-top:10px;
}

.page-content .cloud { padding-left: 10px }

#profile_comments textarea,.sidebar textarea {
width:170px;
height:70px;
border:1px solid #000;
padding:5px;
}

#fact_stream .fact-date img,.picture-comment .comment cite img {
vertical-align:middle;
}

.sidebar .comments,.toplists .taglist {
padding-top:20px;
}

#photo_right .element,#home_right .element {
padding-left:30px;
border-bottom:1px solid #000;
}

#photo_center #showBookmarks img,form.reg .submit input {
width:auto;
}


#photos_add_actions #choices img {
padding-bottom: 20px;
padding-top: 5px;
}

#photos_add .page-content {
margin-top: 60px;
width: 360px;
}
#photos_add .page-content img {
padding-bottom: 30px;
}
#photos_add .file input {
height: 24px;
}

.cloud a.tag {
vertical-align: middle;
}

.page-left .cloud {
line-height: 1.7em;
font-size: 10px;
}

/* top links like profile, messages, etc.. */
.topnav .top-right {
width:750px;
padding-left: 200px;
text-align: right;
margin-top: -16px;
position: absolute;
}
.top-right .pages {
padding-left: 20px; 
}
.topnav .top-left li {
padding-right: 10px
}
.topnav .top-left li {
padding-right: 10px;
display: block;
}
.topnav li a.padded {
padding: 0;
padding-left: 10px;
}


.topnav a { text-decoration: underline ! important }

/* notion images padding on sidebar */
.page-left .notion {
padding-bottom: 20px;
}

/* reset topnav style for nav elements in sections */
.top-right .views,
.top-right .gender,
.top-right .pages {
display: inline;
}
.top-right .pages div {
*padding-right: 5px; /* IE */
}
.topnav .top-right li li {
padding-left: 5px;
}
.topnav .top-right li ul {
margin-right: 0;
}
.date-select { width:751px; position: absolute; z-index: 10; }
#photos_sections .top-right .date-select li { padding-left: 20px; }

.page-header h2 a {
text-decoration: underline;
}

#photos_hires .page-header h2,
#search_index .page-header h2,
#toplists_index .page-header h2,
#toplists_index .page-header h2,
#photos_sections .page-header h2,
#categories_view .page-header h2,
h2.small {
margin: 0;
text-transform:lowercase;
padding-top: 24px;
font-size: 12px;
}



.photo-row {
float: left;
border-bottom: 1px solid #000;
}
.photo-row h3 {
padding-top: 10px;
}
.photo-desc {
padding: 10px 0;
}
.photo-created {
padding: 2px 5px;
font-size: 14px;
display: inline;
}
.photo-link {
text-align: right;
}

#photo_right {
padding-top:70px;
}


#photos_edit .page-center {
width: 360px;
}
#photos_edit .tagMatches {
display: block;
width: 310px;
border: 1px solid #000;
height: 150px;
overflow: auto;
position: absolute;
background: white;
*margin-left: -315px;
*margin-top: 20px;
*width: 313px;
}

#photos_edit .tagMatches span {
display: block;
padding: 1px 4px;
cursor: pointer;
}

#photos_edit .tagMatches .hover {
background: #eee;
}

#pic_bottom {
padding-top: 5px;
text-align: right;
}
#pic_bottom a {
padding-left: 15px;
}

#messages_reply .page-header,
#messages_write .page-header,
#messages_read .page-header,
#messages_sent .page-header,
#messages_inbox .page-header {
padding-top: 40px;
}

.message_row {
margin-bottom:10px;
padding-bottom:10px;
}

.unread {
background:#ddd;
}

.message_envelope {
color:#666;
float:left;
}

.message_envelope a {
color:#666;
}

.message_actions {
float: right;
}

.message_actions a {
float:none;
display:inline;
border: 1px solid #000 ! important;
}

.message_actions a.grey {
background:#ccc;
}

.message_body {
padding:10px;
}


#about .sidebar h2 {
line-height: 0.9em;
font-size: 20px;
}

h2.large {
line-height: 0.9em;
font-size: 50px;
margin: 0; padding: 0;
margin-bottom: -5px;
text-transform: lowercase;
}
div.large {
margin-bottom: 0;
line-height: 1em;
padding-top: 20px;
*padding-top: 30px;
}
#about .page-content a {
text-decoration: underline ! important;
}

#upload_info {
text-align: center;
width: 200px;
padding: 10px;
}
#upload_info img {
display: block; padding: 0 ! important;
margin: 0 auto; padding-bottom: 10px ! important;
}

/* blogpost */

.blog .entry-meta {
color: #aaa;
line-height: 1.5em;
}
.blog .entry-meta cite {
color: #000;
}
.blog .authors a, .entry-meta cite a {
text-decoration: underline ! important;
}
.blog .entry-content * {
line-height: 1.4em ! important;
}
.blog .entry-content ol, .entry-content ul {
padding-left: 15px;
margin-bottom: 10px;
list-style-type: disc;
list-style-position: inside;
}
.blog .entry-content ol {
list-style-type: decimal;
}
.blog .entry-content li {
padding-bottom: 10px;
}
.blog .entry-tags {
text-align: right;
}
.blog .entry-content a {
text-decoration: underline;
}
.blog .entry-footer {
height: 20px
}
.blog .entry-title {
padding-top: 10px;
}
.blog .hentry {
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #000;
}
.blog .last-post {
border-bottom: 0;
margin-bottom: 0;
}
.blog .entry-tags {
color: #777
}
.blog .entry-tags a {
text-decoration: underline
}

.blog .hfeed .queued, .blogpost .queued {
background: #F3FFDF
}
.blog .blogpost-comments {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.blog .comment-meta {
padding-top: 4px;
margin-bottom: 10px;
color: #aaa
}
.blog .comment-meta a {
text-decoration: underline;
color: #000
}
.blog .comment-content span {
font-weight: normal;
}
.blog .comment-content blockquote {
font-style: normal; padding: 0; margin:0
}
.blog .comment-form {
padding-bottom: 20px
}
.blog .comments .spam, .comments .hidden {
background: #FFEFEF
}

.blog .comment-admin {
text-align: right;
border-bottom: 1px solid #aaa;
padding-left: 20px;
}


/* blog layout */

body#blog {
background: white
}

.blog-header {
margin-bottom: 11px;
}
.blog-header .button {
float: right;
margin-top: 90px;
margin-right: 40px;
}
.blog .usernav {
color: #aaa;
background: #000;
}
.blog .usernav a {
color: #aaa;
border-bottom: 1px dotted #888;
margin-right: 10px;
}
.blog .page-left {
padding-top: 10px;
}
.blog .backto {
padding-top: 5px;
}
.blog .page-content {
padding-top: 0;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;	
}
.blog .page-footer {
padding-top: 10px;	
}

/* .hentry overwrites */
.blog .with-image {
padding-left: 0;
}
.blog .with-image .entry-title {
padding-top: 10px;
}
.blog .with-image .teaser {
width: 300px;
height: 300px;
overflow: hidden;
float: left;
margin-right: 20px;
}
.blog .with-image .teaser img {
width: 300px;
}
.blog .with-image .entry-content {
height: 160px;
}

.blog .blog-view {
border-bottom: 0;
}

.blog .blog-view .assets {
float: left;
width: 300px;
margin-right: 20px;
}
.blog .blog-view .teaser {
height: auto;
}
.blog .blog-view .entry-title {
padding-top: 10px;
}
.blog .blog-view .entry-content {
height: auto;
padding-top: 10px;
padding-left:20px;
}
.blog .blog-view .entry-admin {
text-align: right;
padding-right: 20px;
}

.blog .no-images .entry-content {
padding-left: 0px;
}

/* authors block */
.blog .authors {
margin-top: 50px;
}
.blog .author-cell {
vertical-align: top;
}
.blog .author-cell a {
display: block;
}
.blog .author-cell {
float: left;
}

/* sidebar */
.blog .skyscraper {
left:982px;
}
.blog .skyscraper .promo-ad {
padding-left: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.skyscraper .promo-ad {
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.blog .skyscraper .like-their-style {
padding-left: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.blog .skyscraper .subscribe-link {
padding: 20px;
border-bottom: 1px solid #000;
}

.blog .skyscraper .popular-tags {
padding: 20px;
border-bottom: 1px solid #000;
}
.blog .skyscraper .text-link-ads {
padding: 20px;
border-bottom: 1px solid #000;
}


.blog .message {
margin-top: 0;
}

/* Editor */

.wym_tools_youtube a {
background: url(/img/youtube_icon.gif) no-repeat center center !important;
}
.wym_tools_preview, .wym_tools_indent, .wym_tools_outdent, .wym_tools_html {
display: none ! important;
}


/* ranking */
.rank-table {
clear: both;
}
.rank-table big {
font-size: 12px;
font-weight: bold;
}
.rank-table a {
float: left;
display: block;
margin-right: 10px;
font-size: 13px;
}


/* from the blog */


#fromtheblog {
width: 175px;
overflow: hidden;
}

#fromtheblog h5 {
font-size: 18px;
font-weight: normal;
line-height: 1em;
margin-bottom: 0;
}

#fromtheblog li {
padding-bottom: 1.2em;
}

#fromtheblog small {
font-size: 12px;
color: #888
}

.ftb { background-image: url(../img/layout/vstripes.gif); padding: 5px; margin-top: 30px; }
.ftb-title { font-style: italic }
.ftb-date { background:#000;color:#fff;padding:4px; }