/* Insert css declarations here */*
* Copyright (c) 2007 - 2009 Sulake Dynamoid
*
* ModLab Transparency V1 (SunSet Beach)
* Version. 2.0 Release 1 | Created By ModLab Developers
* http://ModLab.dy.fi
*
* Producer: MiikaNet Productions Web-Design 2009 (www.MNprod.dy.fi)
*
* Tätä modausta saa levittää ja muokata ModLab ehtojen mukaisesti.
* ModLab-modausten ehdot löydettävissä osoitteesta ModLab.dy.fi
* Kiitos, että käytät tätä modausta!
*
* Contains all necessary CSS selectors and properties for basic theme.
* Learn more about CSS: http://www.w3schools.com/css/css_intro.asp
*
*/

/***** BASE ELEMENTS AND BASE LAYOUT *****/
/* The outer background */
body { background: #34332A; background-repeat: no-repeat; background-position: top center; background-image: url(http://img127.imageshack.us/img127/2293/transback.jpg); }

/* Basic text */
#top, #center, #left { color: #fff }

/* All normal links */
a:link, a:visited, a:hover, a:active { color: #fff; }

/* Links at center area of the page*/ 
#center a, #center a:hover, #center a:active { color: gray; }

/***** /BASE ELEMENTS AND BASE LAYOUT *****/

/***** TOP OF THE PAGE *****/
/*** H1 */

/** H1 menu (Main menu - Front page, Images, Videos...) */
#h1-menu { 

filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
background-color: #000;

}

/* Main menu list */
#h1-menu .menulist { 

filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color: #000;

}

/* Menu list item */
#h1-menu .menulist li { }

/* Menu list item link */
#h1-menu .menulist li a { color: #fff; }

/* Menu list item link */
#h1-menu .menulist li a:hover { color: gray; border-bottom: 5px solid gray; }

/* H1 actions */
#h1-actions { 

filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
background-color: #000; 
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;

} 

/** H1 actions list (Add image, Add video...) */
#h1-actions a { color: #D4F0FF; }

/** Default action images (New comments, Own, Friends, Random, Settings) */

/* New comment link */
#h1-actions .new-comments .personal { background: transparent url(/img/bashi/icon_comment_small.png) no-repeat 7px center; color: #000; }

/* New content on friend link */
#h1-actions #friendtracer a { color: #FF8A92; }

/* Friend has content window (appears when you click the link in the menu) */
#friendtracer-window { background: #03202F; border: 1px solid #1C425E; color: #000; }
#friendtracer-window a { color: #7EDBEE; }

/* New comment on channel/community link */
#h1-actions .new-comments .channel { background: transparent url(/img/bashi/icon_channel_small.png) no-repeat 7px center; color: #83FFAF; }

#h1-actions .action-friends a { background: transparent url(/img/bashi/icon_friend_small.png) no-repeat 7px center; }
#h1-actions .action-randomuser a { background: transparent url(/img/bashi/icon_random_small.png) no-repeat 7px center; }
#h1-actions .action-user a { background: transparent url(/img/bashi/icon_user_small.png) no-repeat 7px center; }
#h1-actions .action-pictureadd a { background: transparent url(/img/bashi/icon_add_image_small.png) no-repeat 7px center; }
#h1-actions .action-videoadd a { background: transparent url(/img/bashi/icon_add_video_small.png) no-repeat 7px center; }
#h1-actions .action-blogadd a { background: transparent url(/img/bashi/icon_add_blog_small.png) no-repeat 7px center; }
#h1-actions .action-settingsedit a { background: transparent url(/img/bashi/icon_settings_small.png) no-repeat 7px center; }

/*** /H1 */

/*** H2 (After H1, contains small image, your nickname, mood edit form and H2 menu) */

#h2 { background: transparent; }

/* Your nickname */
#h2 h2 { color: #000; }

/* The moodtext (tilateksti), visible only for people viewing your profile */
#h2-menu .subtitle { color: #fff; }

/** H2 menu (Submenu - Profile, Albums, Blog...) */
/* Menu link */
#h2-menu .menulist li a { 

filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
background-color: #000;
color: #fff;
padding-left: 20px;
padding-right: 20px;
-moz-border-radius: 10px;
}

#h2-menu .menulist li a:hover { 

filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;

}

/* Selected menu link (Profile) */
#h2-menu .menulist li.selected a { 

filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color: #000;
color: #fff;

}

/*** /H2 */

/***** /TOP OF THE PAGE *****/

/***** BOXES *****/

/*** Left boxes */

/* Box background */
#left .box .header {

padding-bottom: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; 
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
background-color: #000;
color: #fff;

}
#left .box .center {

filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color: #000;
color: #fff;

}
#left .box .footer {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color: #000;
color: #fff;
-moz-border-radius-bottomleft: 10px; 
-moz-border-radius-bottomright: 10px;
}

/* Box header text color */
#left .box .header h3 { color: #fff; } 

/** Left box actions (e.g. edit button at info-box) */
#left .box .header .actions ul li { }

/* Boxes "under" the other boxes (Little darker by default) */
#left .box.under, #left .box.under .header,
#left .box.under .center, #left .box.under .footer {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
background-color: #000;
color: #fff;
}

/** Misc left boxes stuff */

/* Left menu lists (Add new picture, Add new video...) */

/* Left menu list item */
#left .content .menulist li {
background: url(/img/bashi/left_menulist_bulletin.gif) no-repeat left 4px;
}

/* Left menu list links */
#left .content .menulist li a { }

/* Left menu list strong text */
#left .content .menulist li a strong { color: #fff !important; }

/* /Left menu lists */

/* The titles at left box and peepbox (Userinfo titles, community categories...) */
#left dt, .peepbox dt { color: #A5C31D; }

/* Values (e.g. visitorcounter) */
#left .value, #center .value { color: gray; }

/* Thumblist (e.g. album listing box at left) */
.thumblist li.hover .itemdesc, .thumblist li.selected .itemdesc,
.thumblist li:hover .itemdesc { background: gray; }

/** Misc left boxes stuff*/

/* Override for first box */
#left .first .header .actions { padding: 27px 20px 0; }

#left .first .header .actions ul { top: 4px; z-index: 999; }


/*** /Left boxes */

/*** Center boxes */
/* Center area */
#center-content { 

margin-left: 18px;

}

/* Center box */
#center .box { 

margin-bottom: 10px;
background-image: url(http://img25.imageshack.us/img25/475/dinvi40.png);
-moz-border-radius: 10px;

}

/* Center box actions (e.g. delete comments button) */
#center .box .header .actions ul li { }

/** Paginated boxes */

/* Header, contains the "Back to album", "Add new note" and pager links */
#center .paginated .header { 

background: transparent;
border-top: 1px solid #000; border-right: 1px solid #000;
margin-top: 10px;
background-color: #000;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8; 
padding-bottom: 13px;
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px;

}

/* The pager itself */
#center .paginated .prevnext { 

}

/** /Paginated boxes */ 

/** Other boxes (Comment box, Last.fm box...) */

/* This is the container for the content (Darker by default) */
#center div.insider {

filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px;


}

/* Box background */
#center div.insider .header {



}
#center div.insider .center {

background-color: #000;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9; 
-moz-border-radius: 10px; 
color: #fff; 


}
#center div.insider .footer { 

}

/* Box header text color */
#center div.insider .header h3 { color: #fff; }

/** /Other boxes */

/** Peepbox (Box when hovering communities or nicknames) */
.peepbox,
.peepbox .footer { }
/** /Peepbox */

/** Infobox (The box that appears when hovering user's nickname or community) */
#infobox_1 { 

filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
color: #fff;
background-color: #000;
} 
/** /Infobox */

/*** /Center boxes */

/*** COMMENTS */

/* New comments */
#newcomments { color: #5E9050; }

/* Normal comments */
.comments .comment { color: #575757; }

/* Comments marked to be deleted */
.comments .deleted .comment,
#comments .deleted .comment { color: #888 !important; }

/* Delete comment link */
.comments .deletecomment a,
#comments .content .deletecomment a { color: #FF6000; }

/* Own comments */
.comments .owner .comment,
.comments .own,
.comments .own td.comment,
#comments tr.owner { color: #416519; }

/* Admin's comments */
.form-comment .admin_comment,
#form-comment .admin_comment,
.comments .admintext,
.comments .personal .comment { color: #AD49D2; }

/* Private comments */
#center .form-comment label.private,
#center label.private,
.comments .private td,
.comments .private .comment { color: #DD3664; }
.comment.private,
#comment.private { border-color: #DD3664; }

/* Smileyselector */
.smileyselector, #smileyselector {
background: #E6E9E1;
border: 1px solid #A4AB97;
-moz-border-radius: 5px;
}

/*** /COMMENTS */

/***** /BOXES *****/

/***** IMAGES *****/

/* Imageimage (main profile image) */
#center .imageimage { 

padding:5px; 
background-color: #222;
-moz-border-radius: 10px;

}

/* Thumb images (e.g. album listing box at left) */
.thumb .thumbstamp { color: #8398A0; }
.thumb .thumbimage { background: gray; border: 1px solid #AFB1AA; }

/***** /IMAGES *****/

/***** NOTES *****/

#notes .hoverinner { background: url(/img/bashi/1x1trans.gif); }
#notes .hover1 { border: 1px solid #90A2B6; }
#notes .hover2 { border: 1px solid white; }
#notes .hover3 { border: 1px dashed white; }
#notes .hover1 .hoverinner { border: 1px solid #162538; }
#notes .hover2 .hoverinner { border: 1px solid black; }
#notes .hover3 .hoverinner { border: 1px dashed black; }
#notes span.notetext { background: #162538; border: 1px solid #90A2B6; color: #DAE6ED; }
#notes .sw,
#notes .se,
#notes .nw,
#notes .ne { background-color: white; border: 1px solid black; }

/***** FORMS *****/
/**
This stuff looks good like it is, so it's recommended to leave these like this
**/

/* Delete links (Do not remove the backgrounds or you won't be able to see links!) */
a.delete { background: url(/img/bashi/button_delete_red.gif) no-repeat left center; }
a.delete span { display: none; }
#left a.delete { background: url(/img/bashi/left_button_delete_red.gif) no-repeat left center; }

/* Add and expand links (small symbol images by default) */
.button.add,
.button.unban { background: url(/img/bashi/button_add.gif) no-repeat left center; }
.button.expand-down { background: url(/img/bashi/center_fat_arrow_down.gif) no-repeat right 5px; }

/* Text inputs (Default nice background image with rounded corners) */
select,
textarea, input.text 
{ 

border: 1px solid #000;
color: #130202; 
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5; 
-moz-border-radius: 10px;
background-color: #fff;
}

select { background: #666; }

#left select,
#left textarea,
#left input.text { border: 0; }

/* Errors in inputs (text inputs and error messages) */
.inputerror { background: #E4D7D9; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.inputerror input.text,
.inputerror textarea { border: 1px solid #BDBCC4; }

.errormsg,
.errormsg,
.inputerrormsg { background: url(/img/bashi/form_input_error.gif) 5px center no-repeat; color: #DC1500; }

#left .inputerror { background: #394B6B; }
#left .inputerrormsg { color: #DC6E63; }

/* Empty inputs (e.g. comment form when there is nothing typed) */
span.empty,
textarea.empty,
input.empty { color: #888; }

/* Inputs updating via ajax */
.ajaxtext { border: 1px solid transparent; background: transparent; }

#center .image .ajaxtext { border: 1px solid #D9E4E8; }
#center .image .ajaxtext:hover { border: 1px solid #1E3C53; }
#center .image .ajaxtext:focus { background-color: white; border: 1px solid #1E3C53; color: black; }

/***** /FORMS *****/

/***** MISC ELEMENTS *****/
/**
Mostly stuff like notifications and warnings.
These are looking good like this, so it's recommended not to edit.
**/

/* Old suggest search */
#search_suggest { background: #fff; }

/* Friend highlight */
#friendtracer-window .highlight a,
#left .nick0 .highlight a,
#center .nick0 .highlight a,
.highlight a { color: #FF8A92; }

/* Make the H2 menu indicate what item is currently selected */
#h2-content { padding: 12px 12px 0; }

/** Login form for not logged in users */
#h1-login button { background: transparent url(/img/bashi/h1_button_login.gif) no-repeat left top; }
#h1-login button span { background: none; }

.icon-friend-count { background: transparent url(/img/bashi/icon_friend_small.png) no-repeat 1px 2px; }
.icon-bookmark-count { background: transparent url(/img/bashi/icon_bookmark_small.png) no-repeat 2px 3px; }
.icon-image-count { background: transparent url(/img/bashi/icon_image_small.png) no-repeat 2px 2px; }

.autocomplete { background-color: #EEF2E7; border-radius: 5px; color: #130202; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.autocomplete li.selected { background-color: #002B45; border-radius: 5px; color: #DAEEFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div.step { color: #6F9624; }
span.step { color: #4E4A4A; }

.error,
#shoutbox-error { color: #E05206; }
div.error,
div.notification,
div.important_information { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#center div.error { background: #E05206; color: white; }
#left div.notification { background: #183C5C; }
#left .box.under div.notification { background: #234B6C; }
#top div.notification,
#center div.notification { background: #81B320; color: white; }
#friends-top div.notification { width: 450px; }
#top .notification a,
#center .notification a { color: #295578; }
.emptyPlaceMarker { background: #C3D8DF; border: 1px dashed white; }
.loader { background: url(/img/bashi/ajax_dark_background.gif) no-repeat right center; }
.stamp { color: #fff; }
#left .stamp,
#center-top .stamp { color: #708FA7; }
a.returntotop { background: url(/img/bashi/return_to_top_arrow.gif) no-repeat left center; color: #939A9F !important; }
.tip { color: #7C6D6D; }
#left .notice { color: #94AAAE; }

.adv-debug { background: #FD7E7E; color: black; }

.toolbar li span, #toolbar li span { background-image:url(/img/bashi/toolbar_icons.png); }

.site-warning { background: #FFD803 url(/img/bashi/site-warning.gif) repeat-x left bottom; color: black; }
.site-warning a { color: #0094B3; }

div.important_information { background-color: #FFFFCC; border: 1px solid #EEEF59; }

/** Last.fm (Looks good like this, no need to edit much) */ 
#center .box.lastfm .center .content .items .item-container p a { color: #070707; }
.box.lastfm .header .actions h3 { background: transparent url(/img/bashi/lastfm_logo_logo.gif) no-repeat scroll top left !important; }

.box.lastfm .center .content .right-container #lastfm-pagination a { background-color: white; background-repeat: no-repeat; background-position: 50% 50%; }
.box.lastfm .center .content .right-container #lastfm-pagination a.up { background-image: url(/img/bashi/light_mini_arrow_up.gif); }
.box.lastfm .center .content .right-container #lastfm-pagination a.down { background-image: url(/img/bashi/light_mini_arrow_down.gif); }
.box.lastfm .center .content .right-container #lastfm-pagination a.disabled:hover { background-color: white; }
.box.lastfm dd.nowplaying { background: white url(/img/bashi/lastfm-eq.gif) no-repeat scroll 5px 5px !important; }
.box.lastfm dd.nowplaying .value { font-style: oblique; }
.box.lastfm .item-container .artist-image { border: 1px solid #DCDCDC; }
/** /Last.fm */

/***** BBCODE *****/

/* .toolbar li a,
#toolbar li a { background-image: url(/img/bashi/toolbar_button.png); }*/
.toolbar li a:hover,
#toolbar li a:hover { background-position: -26px 0; }
.toolbar li span,
#toolbar li span { background-image: url(/img/bashi/toolbar_icons.png); }
.toolbar-italics span,
#toolbar-italics span { background-position: 0 0; }
.toolbar-bold span,
#toolbar-bold span { background-position: 0 -26px; }
.toolbar-link span,
#toolbar-link span { background-position: 0 -52px; }
.toolbar-link span,
#toolbar-picture span { background-position: 0 -78px; }
.toolbar-thumb span,
#toolbar-thumb span { background-position: 0 -104px; }
.toolbar-left span,
#toolbar-left span { background-position: 0 -130px; }
.toolbar-center span,
#toolbar-center span { background-position: 0 -156px; }
.toolbar-right span,
#toolbar-right span { background-position: 0 -182px; }
.toolbar-list span,
#toolbar-list span { background-position: 0 -208px; }
.toolbar-video span,
#toolbar-video span { background-position: 0 -234px; }
.toolbar-smiley span,
#toolbar-smiley span { background-position: 0 -260px; }