/* CSS Document */
body {margin:0; background-color:#111; padding:0px; font:11px 'Comfortaa', Verdana, Arial;
background-image:url(http://karmanwong.com/bk_images/rotate.php)}

/* wrapper*/
#mainwrapper {
width:1024px;
margin:0 auto;
padding:0 0;
height:100%;
}

/*homepage*/

#intro {background:url(../nav/home/homeintro.jpg) no-repeat;
width:770px;
height:350px;
margin: 0px 20px 0px 180px;
position: relative;
top:25px;
}

#blog {width: 550px; height:200px; margin: 40px 20px 10px 180px; font-size: 1em; background-color:#333333;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.70;
overflow-x:hidden;
overflow-y:auto; 
padding-bottom:10px;

}

#cloud { margin-left:180px; }
#flashcontent {font:'Comfortaa', Geneva, Arial, Helvetica, sans-serif;} 

#rightsidehome { width: 200px; height:200px; margin: -220px 20px 10px 750px; font-size: 1em; 
overflow-x:hidden;
overflow-y:auto; 
padding-bottom:10px;

}




/*title*/

#title {width: 770px; margin: 0px 20px 0px 180px; font-size: 1em; 
 
 }
#title h1 {
font-family:'Comfortaa', Georgia, "Times New Roman", Times, serif; color:#FFF;
font-weight:normal; 
padding-top: 15px; 
padding-left:10px; 
padding-right:10px;
font-size: 2.25em;
text-align:left;
font-variant:small-caps;
letter-spacing: 1px;
margin-bottom:10px;
}


/*contact*/

#rightside {position:absolute; width: 220px; margin: 45px 75px 0px 804px; font-size: 1em;
text-shadow: 1px 1px #000;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.70; 
padding-bottom:10px;}
#rightside h3 { color: #fff; padding-left:10px; padding-top: 5px;}
#rightside p {
padding: 0px 10px 0px 10px;}

.box{
font:'Comfortaa', Geneva, Arial, Helvetica, sans-serif .75em;
color:#fff;
font-weight:bold;
line-height:14px;
}

.box a {color:#99CC00;
font-weight:bold;}

.box a:hover {color:#CCCCCC;
font-weight:bold;
text-decoration:underline;}

.box a:visited {color:#CCCCCC;
font-weight:bold;
text-decoration:none;}

/*about page leftbox*/

#leftside { float: left; width: 770px; height:200px; margin: 0 20px 10px 180px; font-size: 1em; background-color:#333333;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.70;
overflow-x:hidden;
overflow-y:auto; 
padding-bottom:10px;

}
#leftside h3 {font:'Comfortaa', Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#FFFFFF;
font-weight:bold;
margin:25px 15px 15px 15px;
border-bottom:#CCCCCC dotted 1px;
padding-bottom:2px;}
#leftside p {
margin:15px 15px 10px 15px;
font:'Comfortaa', Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
color:#FFFFFF;
line-height:1.5em;}

#leftside a {
color:#99CC00;
font-weight:bold;}


#leftside a:hover {color:#CCCCCC;
font-weight:bold;
text-decoration:underline;}

#leftside a:visited {color:#CCCCCC;
font-weight:bold;
text-decoration:none;}


/*slideshow*/

#slideshow {list-style:none; color:#fff; }
#slideshow span {display:none}
#wrapper {position: relative;width:766px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0; }
#fullsize {position:relative; width:760px; height:460px; padding:2px; border:1px solid #ccc;}
#information {position:absolute; bottom:0; width:760px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font:14px 'Comfortaa', Verdana, Arial;}
#information p {padding:0 8px 8px}
#image {width:760px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:466px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../nav/slideshownav/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../nav/slideshownav/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background: url(../nav/slideshownav/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:81px; background:url(../nav/slideshownav/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../nav/slideshownav/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:716px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/*header*/
#header {
background:url(../nav/karmanwong.png) no-repeat;
height:130px;
margin-left: 30px;
}



/*background on main content*/
#contentwrap {width:1024px;
background-image:url(../nav/gray-transparent.png);
height:100%;
padding-top:0px;}

#content {position:relative;
width:780px;
height: 555px;
margin-top: 0px;
margin-left: 180px;
margin-bottom:25px;
z-index: 200;
overflow:hidden;
}

#biksecontent {position:relative;
width:780px;

margin-top: 0px;
margin-left: 180px;
margin-bottom:25px;
z-index: 200;
overflow:hidden;
}
#footer {
font:9px 'Comfortaa', Arial, Helvetica, sans-serif;
background-color:#333333;
text-align:center;
color:#FFFFFF;
margin:0 auto;
z-index:7;
margin-top:0px;
bottom:0px;
padding:10px 0px 10px 0px;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.70;
}


/*rss blog*/
/* begin styles for RSS Feed */



.rss-items {
list-style:circle;
color:#FFFFFF;
margin:0;
margin-left:15px;
padding: 10px 10px;
margin-top:10px;}
h1 {
font-size: 1.75em; font:'Comfortaa',Geneva, Arial, Helvetica, sans-serif; font-weight: bold;
margin-bottom: 5px;
margin-top:10px;
padding: 0px 10px;
font-variant:small-caps;
letter-spacing: 1px;
color:#FFFFFF;}

h2 {
font-size: 110%; font:'Comfortaa', Geneva, Arial, Helvetica, sans-serif; font-weight: normal;
color:#ccc;
padding: 0px 10px;
margin-top:0px;
}

.rss-item  {
font-size: 100%; font:Geneva, Arial, Helvetica, sans-serif; font-weight: bold;
margin-bottom: 1em;

margin-bottom:1em;
margin-right:1em;}
.rss-item a:link, .rss-item a:visited, .rss-item a:active {	color: #99CC00; font-size: 110%; text-decoration: none}
.rss-item a:hover { text-decoration: underline }