/*
Theme Name: Kai World
Description: The wonderful world of Kai.
Author: Kai Soremekun
Version: 1.0
 */
 
 /*  This theme is a modified version of the AMY&PINK City Dreams Theme*/
 
 
  /* ---------- BASIC ---------- */
 
 * {
list-style : none;
padding : 0;
margin : 0;
}
 
 img { /*SLT*/
 border:none;
 behavior:url(iepngfix.htc)
 }
 
 a img { /*SLT*/
 border:none;
 }
 
 html, body {
 margin:0; 
 padding:0; 
 width:100%; 
 height:100%; 
 /*overflow:hidden;*/
 }
 
 body {/*SLT w/ CD styling*/
 background:#fff url(http://chickspirit.com/wp-content/themes/kaiworld/images/bg.jpg) no-repeat fixed;
 font-size:13px;
 font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
 color:#000;
 }
 
 #background{ /*for contact page*/
 position:absolute;
 z-index:1;
 width:100%;
 height:100%;
 }
 
 .aboutpage {
background:#fff url(http://chickspirit.com/wp-content/themes/kaiworld/images/bg2.jpg) no-repeat fixed
}

 .blogpage {
 background:#fff url(http://chickspirit.com/wp-content/themes/kaiworld/images/bg3.jpg) no-repeat fixed;
 }
 
 .projectspage {
 background:#fff url(http://chickspirit.com/wp-content/themes/kaiworld/images/bg.jpg) no-repeat fixed
 }
 
 .mediapage { 
 background:#000;
 color:#666;
 }
 
 .contactpage {
 background:#fff url(http://chickspirit.com/wp-content/themes/kaiworld/images/bg5.jpg) no-repeat fixed;
 }
 
 p a {/*SLT*/
 color:#ff0099;
 text-decoration:none;
 }
 
 p a:hover {/*SLT*/
	color: #ff0099;
	text-decoration: none;
	border-bottom: 1px dashed #cccccc;
}

.wrapper {/*SLT*/
width:100%;
padding-top:15px;
}

h1 {/*SLT*/
color:#ccc;
font-size:40px;
font-weight:normal;
text-align:left;
margin-bottom:10px;
padding:0 0 20px 12px;
margin:0;
}

h1 a {/*SLT with CD styling for h2  .sml h2 is also affected this is for KAI'S WORLD font-size 40px*/ 
color:#ccc;
font-size:40px;
font-weight:normal;
margin-bottom:10px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-bottom: 1px solid #eee;
text-transform : uppercase;
line-height : 20px;
position : relative;
padding : 20px 30px 10px 0;
margin : 0 0 10px 0;
}

h2 a {
color:#000000;
}

h2 a:hover {
color:#ff0099;
}

h2 span {
font-size:10px;
position:absolute;
color:#fff;
right : 440px;
top : 19px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border-bottom: 1px solid #eee;
text-transform : uppercase;
line-height : 20px;
position : relative;
padding : 20px 30px 10px 0;
margin : 0 0 10px 0;
}

h3 {/*SLT*/
/*font-size:1.4em;*/
}

h4 {/*SLT*/
font-size:1.2em;
font-weight:bold;
}

h5 {
font-size:11px;
font-style:italic;
padding-bottom:5px;
font-weight:normal;
}

h7 {
color:#ccc;
font-size:40px;
font-weight:normal;
text-align:left;
margin-bottom:10px;
padding:0 0 20px 0px;
margin:0;
}

h8 {
color:#fff;
font-size:20px;
font-weight:normal;
}

/* --------- FOR SOREMEKUN WITH IMAGE DOTS UNDERNEATH ---------- */

h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform : uppercase;
line-height : 15px;
position : relative;
margin : 0 0 10px 0;
}

h6 span {
background-image:url(images/dots.png);
background-repeat:no-repeat;
position:absolute;
top : -38px;
right:222px;
}

div.float {
 float:left;
 }
 
 div.float p {
 vertical-align:bottom;
   }

 
 div.container {
 border:none;
 background-color: #000;
 margin:0 0 0 8px;
  }

div.spacer {
 clear: both;
  }
  

/* ---------- MENU ---------- */

#menu {
position:fixed;
left:0;
z-index:3;
}

#menu a { /*ENTIRE MENU*/
padding : 0 10px;
display : block;
width : 100px;
background : none;
color : #333;
font-weight : bold;
text-decoration:none;
}

#menu a:hover { /*ENTIRE MENU*/
color:#fff;
}

#menu h1 a {
color : #ff0099;
font-family:Verdana, Georgia, serif;
font-size : 11px;
font-weight : normal;
text-align : right;
width : 150px;
height : 20px;
background : #fff;
padding : 30px 10px 0 0;
margin:20px 0 0 -7px;
}

#menu h1 a:hover {
color : #ff0099;
background : #000;
}

#menu div {
z-index : 81;
position:absolute;
width : 120%;
top : 20px;
left:166px;
height : 56%;
background : #fff;
opacity:0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
}

#menu ul {
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
top:27px;
z-index:82;
left:170px;
}

#menu ul ul {  /*PHOTOS-VIDEO-CONTACT*/
position : absolute;
left : 130px;
top : 0;
border-left : 1px solid #444;
height : 37px;
padding-left : 12px;
left : 96px;
}

#menu li { /*spacing between links*/
height : 12px;
float : left;
width : 110px;
clear : both;
}

#menu ul .current_page_item {
color:#ff0099;
}

#ul menu {
position:fixed;
}

/* ---------- CENTERPIECES ---------- */

#main {  /*I NEED TO FIX THIS SO THERE IS SPACE AT THE TOP FOR THE MENU. I DON'T WANT TO INCLUDE THE MENU WITHIN THE MAIN SECTION*/
width:700px;
margin:0 auto 0 auto;
text-align:left;
}

#content {
width:420px;
padding:0px 5px;
background:url(http://chickspirit.com/wp-content/themes/kaiworld/images/contentbg.png);
margin:60px 10px 20px 0px;
float:right;
font-size:11px;
line-height:1.5em;
text-align:left;
}

#content h2 { /* SLT using info from CD h3*  This is for FILMMAKER-ACTRESS...*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#000000;
border-bottom-width:1px;
line-height:20px;
padding:30px 30px 10px 0px;
margin:0 0 10px 0;
}


/* ---------- MAIN CONTENT ---------- */

.box {
float:right;
margin-top:70px;
left:200px;
padding-bottom:50px;
}
.box div, .projbox div, .contactbox div {
background:url(http://chickspirit.com/wp-content/themes/kaiworld/images/contentbg.png);
padding:0 0 0 15px;
}
.sml, .projsml {
width:420px;
left:120px;
margin-right:20px;
}
.sml div, .projsml div, .photosml div, .videosml div, .contactsml div {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.5em;
text-align:left;
}
.sml img, .projsml img, .photosml img {
margin:2px 5px 8px;
display : block;
border: 2px solid #fff;
}
.sml h1, .projsml h1, .photosml h1, .videosml h1 {
font-size : 40px;
}
#blog {
left : auto;
right : 200px;
}

#blog p {
margin-bottom: 15px;
}

#blog div, #projblog div {
padding-top : 0;
padding-bottom : 10px;
}

#blog .post {
  background: none;
  border-bottom: 1px dotted #999999;
  padding: 20px 0;
}

#blog h2 span {
right:430px;
}

.sml, .projsml, .photosml, .videosml {
top : 15%;
}

/* ---------- Excerpt Post on front page ---------- */

/*.sml div li {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
}*/

.sml div li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:20px 30px 10px 0;
margin:0 0 10px 0;
/*border-bottom:1px solid #eee;*/
position:relative;
line-height:1.5em;
text-align:left;
text-transform:uppercase;
text-decoration:none;
}

.sml div li a:hover {
color:#ff0099; }


/* ---------- PROJECT CONTENT ---------- */

.projbox {
float:left;
margin-top:70px;
left:200px;
padding-bottom:50px;
}

#projblog {
right : auto;
margin-left : 500px;
}


/* ---------- PHOTOS CONTENT ---------- */

.photobox {
float:left;
margin-top:100px;
left:200px;
padding-bottom:50px;
}

#photoblog {
right : auto;
margin-left : 163px;
}

#photoblog div {
padding-bottom:0px;
}

.photosml {
width:720px;
left:120px;
}

.photosml h2 {
border-bottom: 1px solid #333;
}

.photosml h2 span {
font-size:10px;
/*font-size:100%;
font-weight:normal;
display:block;
text-decoration:none;*/
position:absolute;
color:#fff;
/*left : auto;*/
right : 735px;
top : 19px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
opacity:1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
}

/* ---------- VIDEO CONTENT ---------- */

.videowrapper {/*FOR THE VIDEO PAGES TITLES*/
width:100%;
padding-top:15px;
}

.videobox {
float:left;
margin-top:100px;
left:200px;
padding-bottom:50px;
}

.videobox1 { /*FOR VIDEO PAGES WITH VIDEO EMBEDS*/
float:left;
margin-top:-10px;
left:200px;
padding-bottom:50px;
}

#videoblog {
right : auto;
margin-left : 133px;
}

#videoblog div {
padding-bottom:0px;
}

.videowrapper h1 {
color:#ccc;
font-size:40px;
font-weight:normal;
margin:85px 0 10px 125px;
}

.videosml {
width:270px;
left:120px;
}

.videosml img {
/*margin:2px 5px 8px;
display:block;*/
}

.videosml h2 {
border-bottom: 1px solid #333;
}

.videosml h2 span {
font-size:10px;
/*font-size:100%;
font-weight:normal;
display:block;
text-decoration:none;*/
position:absolute;
color:#fff;
/*left : auto;*/
right : 285px;
top : 19px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
opacity:1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
}

.videobutton a {
display:block; 
height:60px; 
width:100px; 
margin-right:10px;
overflow:hidden; 
}

.videobutton a:hover {
display:block;
text-indent:-100px;
}

.videobutton a:active {
display:block;
text-indent:-200px;
}

.kaidirector {
background-image:url(images/girldirector.png);
background-repeat:no-repeat;
float:right;
height:435px;
width:366px;
padding-right:2px;
margin-top:60px;
margin-right:100px;
z-index:3;
}

.videoplayer {
float:right;
padding-right:2px;
margin-top:-30px;
margin-right:30px;
z-index:3;
}

/* ---------- CONTACT PAGE ---------- */

.contactbox {
float:left;
margin-top:90px;
margin-left:115px;
padding-bottom:50px;
}

/*
#contactblog {
right : auto;
margin-left : 163px;
}

#contactblog div {
padding-bottom:0px;
}*/

.contactsml {
width:320px;
left:120px;
}

/*.contactsml h2 {
border-bottom: 1px solid #333;
}*/

.contactsml h2 span {
font-size:10px;
/*font-size:100%;
font-weight:normal;
display:block;
text-decoration:none;*/
position:absolute;
color:#fff;
/*left : auto;*/
right : 340px;
top : 19px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
opacity:1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
}


/* ---------- SIDEBAR ---------- */

.sidebar {
font-size: 10px;
text-align:left;
width: 200px;
float:right;
margin-right:35px;
margin-top: 138px;
background:url(http://chickspirit.com/wp-content/themes/kaiworld/images/sidebarbg.png);
}
.sidebar h2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
padding-top: 10px;
margin: 5px 5px 0px 5px;
text-transform: uppercase;
color: #666;
font-weight: bold;
border-bottom: #ff0099 solid 1px;
}
.sidebar ul {
margin: 0;
padding: 2px;
list-style-type: none;
}
.sidebar ul li {
backgroung: none;
padding: 0;
margin: 5px;
}
.sidebar a {
text-decoration: none;
color: #333;
}
.sidebar ul li li:hover {
background: url(http://chickspirit.com/wp-content/themes/kaiworld/images/sidebarbg.png);
}


/* ---------- COMMENTS ----------*/
li.comments {
text-align:right;
}

#commentform input {
border: 1px solid #ff0099;
}

#commentform textarea {
border: 1px solid #ff0099;
}

#commentform div.allowed {
color:#999999;
padding:0 0 10px;
margin-top:-5px;
line-height:1.0em;
}

ul.controls {
padding:0;
margin-top:-30px;
margin-bottom:10px;
}



/* ---------- FOOTER ---------- */

#footer {
	font-size: 7pt;
	position: relative;
	color: #000;
	top: 0;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
	clear:both;
	z-index:3;
}

#footer a {
	color: #666;
}

#footer a:visited {
	color: #666;
}

#footer a:hover {
	color: #ff0099;
	border: 0px;
}


/* ---------- MISCELLANEOUS ---------*/
 .kaisig {
background:url(images/kaisig.png);
background-repeat:no-repeat;
float:right;
height:61px;
width:96px;
margin-top:460px;
margin-right:-370px;
z-index:3;
}

.rss a {
    font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color:#666666;
	font-weight:bold;
	padding-left:5px;
}

.rss a:hover {
	color: #FF0099;
	text-decoration:none;
}

/* ---------- IMAGE ALIGNMENT FIX ---------- */

img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright
{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft
{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright
{
float: right;
}

.alignleft
{
float: left;
}