/*
Theme Name: Niko Online
Theme URI: http://nikoonline.com
Description: The WordPress theme for Niko Online is created by Samiha
Version: 1.0
Author: Samiha
Author URI: http://www.getafreelancer.com/users/538791.html
*/
body{
/*background: transparent url(images/body_bg.jpg) repeat-y scroll center top;*/
background: transparent url(images/body_bg3.jpg) repeat scroll left top;
color:#4B321C;
}
body, div, td {
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
color:#4B321C;
}
a, a:link, a:visited {
color:#742A0C;
text-decoration:none;
}
a:hover {
color:#9E673E;
}
a.thickbox{
color:#952030;
font-weight:bold;
font-size:smaller;
position:relative;
top:1px;
}
a img:hover{
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
-khtml-opacity: 0.9;
}
img {
border:0 none;
background:transparent;
}
img.avatar {
border:1px solid #ECE6C4;
padding:1px;
}
h1 {
font-size:30px;
}
h2 {
font-size:25px;
}
#wrapper{
/*background:transparent url(images/cont_bg.jpg) repeat-y scroll center top;
background:transparent url(images/cont_bg.png) repeat-y scroll center top;*/
height:auto;
margin:0 auto;
width:1016px;
}
#header{
height:160px;
}
#tophead{
/*background: transparent url(images/top_bg.jpg) no-repeat scroll center top;*/
background: transparent url(images/top_bg.png) no-repeat scroll center top;
height:48px;
}
.top_list {
list-style:none;
margin:0;
padding:0 0 0 40px;
}
.top_list ul {
list-style:none;
margin:0;
max-width:600px;
overflow:hidden;
padding:0;
}
.top_list li {
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:16px;
list-style:none;
margin:0 0 0 5px;
padding:6px 0 0;
}
.top_list li a {
color:#45B4CF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}
div#tab_musicplayer {
float:right;
height:22px;
position:relative;
right:160px;
top:-20px;
width:164px;
}
div#tab_lyrics {
float:right;
height:22px;
left:100px;
position:relative;
top:-20px;
width:90px;
}
#mainhd{
height:90px;
}
.leftbt, .rightbt{
height:225px;
}
.leftbt{
background: transparent url(images/left_buttons_bg2.png) no-repeat scroll left top;
/*float:left;*/
width:29px;
height:320px;
position:absolute;
}
.rightbt{
/*background: transparent url(images/right_buttons_bg.jpg) no-repeat scroll left top;*/
background: transparent url(images/right_buttons_bg.png) no-repeat scroll left top;
float:right;
width:47px;
}
div#tab_vision {
width:29px;
height:95px;
}
div#tab_ttw{
width:29px;
height:130px;
}
div#tab_gb{
width:29px;
height:90px;
}
#midmainhd{
background:#FEF6D2;
width:940px;
height:114px;
float:left;
margin-left:29px;
}
.blog #midmainhd, .single #midmainhd, .archive #midmainhd, .search #midmainhd{
height:auto;
}
#logons{
width:138px;
height:90px;
float:left;
padding: 0 8px 0 24px;
}
.logo{
background: transparent url(images/logo.jpg) no-repeat scroll left top;
width:138px;
height:61px;
}
#nav{
background: transparent url(images/nav.jpg) no-repeat scroll left top;
width:609px;
height:100px;
float:left;
}
#nav .home, #nav .music, #nav .blog, #nav .writings, #nav .media, #nav .community, #nav .streetteam, #nav .store, #nav .contact{
padding-top:49px;
height:20px;
float:left;
}
#nav .home{
padding-left:23px;
width:52px;
}
#nav .music{
width:51px;
}
#nav .blog{
width:43px;
}
#nav .writings{
width:69px;
}
#nav .media{
width:53px;
}
#nav .community{
width:93px;
}
#nav .streetteam{
width:92px;
}
#nav .store{
width:48px;
}
#nav .contact{
width:65px;
}
div#tab_photos {
height:80px;
position:relative;
top:35px;
width:29px;
}
div#tab_videos {
height:90px;
position:relative;
top:40px;
width:29px;
}
#content{
width:910px;
height:auto;
padding-left:54px;
}
#precontent{
background:url("images/cont_bg.png") repeat-y scroll center top transparent;
}
#home #content{
width:910px;
height:auto;
padding-left:44px;
}
#contcore{
background: transparent;
display:inline;
}
.topcontent{
padding-right:20px;
/*overflow:auto;*/
}
#home .topcontent{
background: transparent url(images/get_free_bg.jpg) no-repeat scroll right 2px;
height:319px;
}
#home div.sociable {
display:none;
}
#home .botcontent {
padding:15px 0 0 0;
}
.topcontent .carousel{
background: transparent url(images/carousel_bg.jpg) no-repeat scroll left top;
width:626px;
height:322px;
float:left;
}
.topcontent .caromain{
}
.nikoonline_root {
display:block;
position:relative;
width:600px;
}
.nikoonline_slideshow{
left:10px;
top:10px;
background:transparent;
}
.nikoonline_slideshow div{
height:300px !important;
}
.nikoonline_root #jcarousel_pager {
position:absolute;
right:-5px;
top:287px;
z-index:99999;
}
.nikoonline_root #jcarousel_pager a {
color:#C5C5C5;
display:inline-block;
font-family:verdana;
font-size:11px;
font-weight:bold;
margin-right:5px;
text-decoration:none;
}
.nikoonline_root #jcarousel_pager a.activeSlide {
color:#FFFFFF;
}
.nikoonline_clear {
clear:both;
height:1px;
width:100%;
}
.post{
background:transparent url(images/hr-bg.gif) no-repeat scroll center bottom;
font-size:12px;
padding-bottom:10px;
}
.post h1{
font-size:30px;
margin:2px 0 5px;
text-shadow:0.05em 0.05em 5px #ccc;
color:#8b9633;
}
.post h1 a{
text-decoration:none;
color:#8b9633;
text-shadow:0.05em 0.05em 5px #ccc;
}
.post p{
color:#4B321C;
/*clear:both;*/
}
.page-template-street-team-page-php .post p, .page-template-media-page-php .post p{
clear:both;
}
.sociable-hovers {
opacity:1 !important;
filter:alpha(opacity=100) !important;
}
.share{
padding:20px 0 5px !important;
clear:both;
}
.navigation{
padding:8px 0 30px;
}
.navigation .alignleft{
}
.navigation .alignright{
}
.botcontent{
clear:both;
overflow:auto;
padding:15px 10px 0 0;
}
.blogs{
width:443px;
float:left;
padding:4px 15px 0 10px;
}
.blogtop{
background: transparent url(images/blog_top_bg.jpg) no-repeat scroll left top;
height:25px;
}
.bloglist{
background: transparent url(images/blog_bg.jpg) repeat-y scroll left top;
padding-left:9px;
}
.blogitem{
background: transparent url(images/blog_item_bg.jpg) no-repeat scroll left top;
height:51px;
padding:2px 0 2px 7px;
}
.blogitem h4{
margin:0 0 3px 0;
padding-top:5px;
}
.blogitem h4 a{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#636E06;
}
.blogitem img {
float:left;
padding:5px 10px 0 0;
border:none;
}
.blogbot{
background: transparent url(images/blog_bot_bg.jpg) no-repeat scroll left top;
}
.blog .post p, .single .post p{
clear:none;
}
.songs{
float:left;
}
.songs .signupbot{
background: transparent url(images/signup_bot_bg.jpg) no-repeat scroll left top;
width:439px;
height:45px;
}
.songs .player{
}
#footer{
/*background: transparent url(images/footer_bg.jpg) no-repeat scroll center top;*/
background: transparent url(images/footer_bg.png) no-repeat scroll center top;
height:57px;
color:#000000;
}
#footer small{
float:right;
padding-right:60px;
padding-top:30px;
}
/*-- Search --*/
#logons .search{
background: transparent url(images/search_bg.jpg) no-repeat scroll left top;
height:31px
}
#searchform{
}
#s{
background:transparent none repeat scroll 0 0;
border:medium none navajoWhite;
font-size:0.9em;
font-weight:bold;
font:small-caption;
height:14px;
left:5px;
position:relative;
text-align:center;
top:7px;
width:98px;
float:left;
}
#go{
background:transparent url(images/search_bt.jpg) no-repeat scroll 0 0;
height:31px;
width:27px;
border:medium none;
cursor:pointer;
float:right;
}
/*-- Signup --*/
#signupns{
width:138px;
height:90px;
float:left;
padding-left:8px;
}
#signupns .signup{
background: transparent url(images/signup_bg.jpg) no-repeat scroll left top;
height:49px;
}
#signupns .sharebts{
height:28px;
padding-top:17px;
}
#signupns .sharebts ul{
padding-left:0;
margin:0;
}
#signupns .sharebts ul li{
display:inline;
}
.signup input#email{
background:transparent none repeat scroll 0 0;
border:medium none;
font-size:0.9em;
font-weight:bold;
font:small-caption;
height:14px;
left:5px;
position:relative;
text-align:center;
top:10px;
width:98px;
float:left;
}
/*.signup input#submit{
float:right;
height:31px;
left:-6px;
position:relative;
top:0;
width:24px;
}*/
.signup input#submit {
float:right;
left:-6px;
position:relative;
top:-20px;
width:24px;
}
.ie8 .signup input#submit {
top:-34px;
}
/*.signup input#checkbox{
clear:both;
margin-top:18px;
}*/
.signup input#checkbox {
position:relative;
right:100px;
top:30px;
}
.ie8 .signup input#checkbox {
top:14px;
}
.signupbot form{
float:right;
height:49px;
margin:-5px 1px 0 0;
width:138px;
}
.signupbot input#bemail{
background:transparent none repeat scroll 0 0;
border:medium none;
font-size:0.9em;
font-weight:bold;
font:small-caption;
height:14px;
left:5px;
position:relative;
text-align:center;
top:10px;
width:98px;
float:left;
}
/*.signupbot input#bsubmit{
float:right;
height:31px;
left:-6px;
position:relative;
top:0;
width:24px;
}*/
.signupbot input#bsubmit {
float:right;
left:271px;
position:relative;
top:-4px;
}
/*.signupbot input#bcheckbox{
clear:both;
margin-top:18px;
}*/
.signupbot input#bcheckbox {
left:138px;
position:relative;
top:30px;
}
.translate_block {
background:transparent url(images/google-translate.jpg) no-repeat scroll right top;
float:right;
height:43px;
width:115px;
margin-top:-34px;
}
.blog .translate_block, .single .translate_block {
background:url("images/google-translate.jpg") no-repeat scroll right top transparent;
float:right;
height:43px;
position:relative;
right:-3px;
top:-67px;
width:115px;
margin-top:0;
}
.translate_translate {
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
float:right;
position:relative;
top:15px;
width:115px;
height:20px;
font-size:2.2em;
}
hr.translate_hr, hr.google_translate_hr{display:none;}
.sociable .sociable_tagline{
margin-bottom:5px;
}
.signup form img{
clear:both;
float:left;
height:16px;
left:2px;
position:relative;
top:16px;
width:17px;
}
.signupbot form img{
float:right;
left:20px;
position:relative;
top:32px;
}
/* --Comment --*/
#comments{
padding:20px 0 0;
}
#commentlist ol, #commentlist li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#commentlist ol{
padding-left:0;
margin-left:0;
}
#commentlist li{
margin:10px 0;
padding:10px 0px;
overflow:auto;
}
#commentlist li.bypostauthor .content div{
/*color:#FFFFFF;*/
}
#commentlist li a{
}
#commentlist li.bypostauthor a{
/*color:#FFFFFF;*/
}
.comment .author, .comment .date, .comment .act{
display:inline;
font-size:smaller;
}
.bypostauthor .author .name, .bypostauthor .date, .bypostauthor .act{
/*color:#FFFFFF;*/
}
#commentlist .bypostauthor .name a{
color:#260A00;
}
.comment .author{
float:left;
width:5%;
text-align:center;
padding-right:40px;
}
.comment .info{
float:left;
width:79%;
-moz-border-radius:8px;
padding:10px;
}
#thecomments .even .info{
/*background:#ECE6C4;*/
background:#E6D7C0;
}
#thecomments .even .author{
background:transparent url(images/even-arrow-v.png) no-repeat scroll right 10px;
height:60px;
}
#thecomments .odd .info{
/*background:#EDEFF0;*/
background:#E6D7C0;
}
#thecomments .odd .author{
background:transparent url(images/odd-arrow-v.png) no-repeat scroll right 10px;
height:60px;
}
/*#thecomments .bypostauthor .info{
background:#9E673E;
float:right;
}*/
#thecomments .bypostauthor.even .info{
background:#ECE6C4;
float:right;
}
#thecomments .bypostauthor.odd .info{
background:#EDEFF0;
float:right;
}
/*#thecomments .bypostauthor .author{
background:transparent url(images/byauthor-arrow.png) no-repeat scroll left center;
color:#260A00;
float:right;
width:5%;
padding: 0 0 0 35px;
}*/
#thecomments .bypostauthor.even .author{
background:transparent url(images/byauthor-arrow-even.png) no-repeat scroll left center;
color:#260A00;
float:right;
width:5%;
padding: 0 0 0 35px;
}
#thecomments .bypostauthor.odd .author{
background:transparent url(images/byauthor-arrow-odd.png) no-repeat scroll left center;
color:#260A00;
float:right;
width:5%;
padding: 0 0 0 35px;
}
#commentlist li.bypostauthor{
color:#FFFFFF;
margin:0 0 10px -3px;
padding:10px 0px;
}
.comment .author .name a, .comment .author .name span{
font-weight:bold;
color:#260A00;
}
.comment .author .pic{
display:none;
margin-bottom:5px;
}
#thecomments .bypostauthor .author .pic{
display:block;
}
#commentlist .comment .content{
line-height: 20px;
}
#commentlist .comment .content .awaiting{
color:#B5452D;
font-weight:bold;
}
#thetrackbacks{
display:none;
}
#commentform{
clear:both;
overflow:auto;
}
#respond .row{
padding-bottom:10px;
}
#submitbox{
width:74.5%;
}
#submitbox .feed{
}
#submitbox .floatright{
float:right;
}
#submitbox .floatright #submit{
cursor:pointer;
color:#260A00;
}
#commentnavi {
background:#EDEFF0;
-moz-border-radius:8px;
font-size:12px;
padding:10px 15px;
}
#commentnavi span.pages {
background:transparent url(images/icons.gif) no-repeat scroll 0 -272px;
float:left;
height:16px;
line-height:16px;
padding:0 7px 0 22px;
}
#commentnavi #commentpager {
line-height:16px;
}
#commentnavi a.page-numbers {
border:1px solid #EDEFF0;
margin:0;
padding:5px 7px;
text-decoration:none;
}
#commentnavi a.page-numbers:hover {
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #CCCCCC;
text-decoration:none;
}
#commentnavi span.current {
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-weight:bold;
margin:0 -2px;
padding:5px 7px;
}
#content_div-80 p{
margin:0;
padding:0;
}
/* Wordpress General --*/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.wp-smiley {
max-height: 1em;
margin:0 !important;
}
.gallery dl {
margin: 0;
}
.gallery-caption {
margin:-1.5em 0 0 0;
}
blockquote.left {
float: left;
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%;
}
blockquote.right {
float: right;
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%;
}
/* -- Thickbox -- */
#TB_title {
background-color:#4B321C !important;
}
#TB_ajaxWindowTitle {
color:#FFFFFF;
}
#TB_ajaxContent {
background:#FEF6D2;
height:auto !important;
}
#TB_ajaxContent h2 a:link, #TB_ajaxContent h2 a:visited{
text-decoration:none;
color: #8B9633;
text-shadow:0.05em 0.05em 5px #ccc;
}
#TB_window a:hover{
color:#B5452D !important;
}
#TB_window {
z-index:100000 !important;
top:75% !important;
}
/* -- IE -- */
.ie7 .signup input#checkbox, .ie7 .signupbot input#checkbox2{
margin-top:-1px;
}
.ie8 .signup input#checkbox, .ie8 .signupbot input#checkbox2{
margin-top:15px;
}
.ie7 .translate_block {
margin-top:-49px;
}
.ie7 .translate_translate {
font-size:4em;
top:15px;
height:25px;
margin-bottom:7px;
}
.ie8 .translate_translate {
font-size:0.1em;
color:#fff;
top:25px;
}
/************************************************
* Navbar *
************************************************/
#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav a, #nav a:visited {
color: #F2D8B5;
display: block;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
padding: 8px 15px 7px 15px;
height:20px;
}
#nav a:hover {
background: #transparent;
color: #F2D8B5;
margin: 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
#nav li {
float: left;
margin: 0px;
padding: 0px;
z-index: 15;
position: relative;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 160px;
z-index: 10;
position: relative;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background:transparent url(images/libg.png) repeat-x scroll 0 0;
border-top:1px solid #9E673E;
border-bottom:1px solid #280C01;
width: 100px;
float: none;
text-transform: none;
margin: 0px;
padding: 7px 10px 5px 10px;
text-decoration:none;
}
#nav li.store li a, #nav li.store li a:link, #nav li.store li a:visited {
background:transparent url(images/libg.png) repeat-x scroll 0 0;
border-top:1px solid #9E673E;
border-bottom:1px solid #280C01;
width: 140px;
float: none;
text-transform: none;
margin: 0px;
padding: 7px 5px 5px 10px;
text-decoration:none;
}
#nav li li a:hover, #nav li li a:active {
background: #4C301A;
padding: 7px 10px 5px 10px;
}
#nav li.store li a:hover, #nav li.store li a:active {
background: #4C301A;
padding: 7px 5px 5px 10px;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
top:60px;
}
#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
padding: 10px 0px 0px 0px;
}
/************************************************
* Music Page *
************************************************/
.parent-pageid-39 .translate_block, .parent-pageid-30 .translate_block, .parent-pageid-71 .translate_block, .parent-pageid-81 .translate_block, .parent-pageid-87 .translate_block{
clear:both;
margin: -54px -5px 0 0;
}
.page-id-76 .translate_block{
clear:none;
margin-top: -34px;
}
.parent-pageid-30 table, .parent-pageid-30 center, .parent-pageid-71 table, .parent-pageid-71 center{
clear:both;
}
#content_div-34, #content_div-31, #content_div-33, #content_div-67, #content_div-32{
clear:both;
position:relative;
top:-75px;
}
#content_div-91, #content_div-79{
clear:both;
position:relative;
top:-58px;
}
.parent-pageid-30 .translate_translate, .parent-pageid-71 .translate_translate {
position:relative;
z-index:1;
}