/*
Theme Name: vikiworks default 6.0 theme
Theme URI: http://vikiworks.com
Description: vikiworks.com
Version: 5.5
Author: yichi

*/

/*/////////////////////////////////////////
///////////////// OVERAL ////////////////
/////////////////////////////////////////*/
*   { margin:0;padding:0; }
html,body { color:#333;text-align:center; }
body    { background:#fff;font:11px/18px "Lucida Grande", verdana, arial,helvetica; }
h1  { font:22px Georgia,arial; }
h2  { font:bold 18px arial,helvetica,verdana; }
a{ color:#950;text-decoration:none;border:0px; }
a{ color:#950;text-decoration:none;border:0px; }
a:hover{ color:#666; }

/*a{ color:#003366;text-decoration:none;outline:0; }
a:hover{ color:#99ccff; }
*/


ul, li { /*list-style: none;*/margin:0;padding:0; }
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}

/* navigation and categories */
/*#header { padding:10px;margin:0 auto;margin-top:0px;width:790px;height:80px;text-align:left;background:url(images/logo.png) no-repeat 0 0;  }*/
#header { padding:10px;margin:0 auto;margin-top:0px;width:830px;height:70px;text-align:left;background:url(images/logo.gif) no-repeat 0 0;  }
/*#header h1 a{ width:220px;height:99px;float:left;margin:12px 0 0 0;text-indent:-999em;}*/
#header h1 a{ width:220px;height:70px;float:left;margin:12px 0 0 0;text-indent:-999em;}
#wrapper_main { margin:0 auto;width:810px;text-align:left;}
#wrapper { margin:10px auto;width:810px; }
#content { width: 535px; float: left; text-align:left;border:2px solid #CCC;padding: 10px; }
#content2 { float: left; width: 255px; margin-left: 10px; margin-top: 9px; }
#content2 #reg_box { width: 100%; border:2px solid #CCC;padding: 10px; margin-bottom: 25px; background: #E4E2E2; }
#content2 #ads { width: 100%; border:2px solid #CCC;padding: 10px; }
#member  { float:right; background: url(images/login-new2.png) no-repeat 0 0;height:310px;width:435px;margin-bottom:-6px;text-align:center; padding-top: 10px}
#member Input { margin-top:5px; }
#member #vid_box { float: right; margin-right: 3px; margin-top: 12px }
#featured { height:232px;background: url(images/homepage_newt.jpg) no-repeat; border: 1px solid }
#featured h2 { font:bold 20px arial;padding:25px 10px 10px 25px;display:block;color:#6ab00a; }
#featured p { font:14px Arial;padding:0 25px 10px 25px;display:block;width:300px; }

#agenda  { width:240px;margin:20px 0 30px 0;float:left; }
#agenda h2  { display:block; margin:5px 0;border-bottom:1px solid #bbb;font:bold 12px arial; text-transform: uppercase;color:#6ab00a; }
#agenda ul,li { list-style:none;margin:0;padding:0; }
#agenda li { padding:0;margin:0; }
#agenda li a { color:#999;text-decoration:none; }
#agenda li a:hover { color:#666; }

#agenda a { color:#999;text-decoration:none; }
#agenda a:hover { color:#666; }


.sidebar  { width:240px;margin:20px 0 30px 0;float:left; }
.sidebar h2  { display:block; margin:15px 0 5px 0;border-bottom:1px solid #bbb;font:bold 12px arial; text-transform: uppercase;color:#6ab00a; }
.sidebar ul,li { list-style:none;margin:0;padding:0; }
.sidebar li { padding:0;margin:0; }
.sidebar li a { color:#999;text-decoration:none; }
.sidebar li a:hover { color:#666; }

.post  { width:520px;margin:10px 0;float:right;border-bottom:1px solid #ccc; }
.post h2  { display:block; margin:15px 0 5px 0;font:bold 16px arial; text-transform: uppercase;color:#6ab00a; }
.post h2 a { color:#750; }
.post small { font-size:90%; }
.post p { line-height: 1.4em;margin-bottom:1em; }
.post a { color:#999;text-decoration:none; }
.post a:hover { color:#666; }
.post ul{ margin:0 1em 0;list-style:none; }
.post li a{ color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left; }
.post li a:hover { color:#950; }
.post ul li{ background:url(images/li.png) no-repeat 0 50%;padding-left:15px; }
.post ol{ margin:0 1em 0 3em; }
.post ol li{ margin:0 0 7px 0; }
blockquote { color:#999; padding:25px; background: url(images/quote.gif) no-repeat left top; font-weight:bold;  }



/*#speakers  { width:520px;margin:20px 0 30px 30px;float:right; }*/
#speakers  { width:520px;/*margin: 0 auto;*/}
#speakers h2  { display:block; margin:5px 0;border-bottom:1px solid #bbb;font:bold 12px arial; text-transform: uppercase;color:#6ab00a; }
#speakers ul,li { list-style:none;margin:0;padding:0; }
#speakers li { padding:0;margin:0; }
#speakers li a { color:#999;text-decoration:none; }
#speakers li a:hover { color:#666; }
#speakers .quotes { float:right; /*background:transparent url(images/mic.png) no-repeat bottom left;*/padding-bottom:30px;height:100px;width:160px; display: block; }
#speakers .quotes p { font: 12px georgia;color:#6ab00a; }

#sponsors  { width:810px;margin:0;/*float:right;*/ }
#sponsors h2  { display:block; margin:5px 0;border-bottom:1px solid #bbb;font:bold 12px arial; text-transform: uppercase;color:#6ab00a; }
#sponsors ul,li { list-style:none;margin:0;padding:0; }
#sponsors li { padding:0;margin:0; }
#sponsors li a { color:#999;text-decoration:none; }
#sponsors li a:hover { color:#666; }


#nav-left { background: url('images/nav-left.png') no-repeat }
#nav-left:hover { background: url('images/nav-left-blue.png') no-repeat }
#nav-right { background: url('images/nav-right.png') no-repeat; background-position: -7px 0px }
#nav-right:hover { background: url('images/nav-right-blue.png') no-repeat; background-position: -7px 0px }
ul.nav{ list-style:none;margin-top:20px; }
.nav li{ float:left;display:block;width:90px;text-align: center; }
.nav li a{font:bold 12px arial;outline:none;color:#666;text-decoration:none;display:block;padding:5px 0 8px 3px;width:90px;text-transform:uppercase;}
.nav li a span  { font-size:10px;color:#bbb;text-transform:lowercase; }
.nav li a:hover { /*background:#C7E0F6;*/color:#7E858D!important;width:90px;}
.back { background: url('images/nav-back.png') no-repeat }
.back:hover { background: url('images/nav-back-blue.png') no-repeat }
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:90px;}
* html .nav li a:hover{background:#333;width:90px;}




/* footer - text string and links */
#footer {margin: 20px;color:#999; text-align: center}




/* float rules */

.speaker_image {
    border:0px solid #6D8622;
    float:left;
    margin-bottom:4px;
    margin-right:10px;
}

.speaker_name {
    font-weight:bold;
    padding-bottom:5px;
}


ul.sponsor_list{
    list-style: cicle;
    margin:0 0 0 18px;
}
.sponsor_list li{
    list-style: circle;
    margin:0 0 0 14px;

}

ul.sponsor_list_inside{
    list-style: circle;
    margin:0 0 8px 30px;
}
.sponsor_list_inside li{
    list-style: disc;
    margin:0 0 0 14px;
}

.body_text h2{
    color:#6ab00a;
}


.speaker_thumb img{
    border: 0;
    background:#CCC;
}
/*.speaker_thumb a { color:#20466D };*/


/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 10px;background: #CCC url(scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 10px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 10px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 10px;background: #333 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 10px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 10px;background: url(scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 10px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */

#mycustomscroll {
/* Typical fixed height and fixed width example */
/*width: 285px;*/
width: 810px;
height: 185px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5E6F6;
margin: 0.3em auto;
padding: 0px;
padding-bottom: 50px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 285px;
height: 185px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding: 15px;
}

#top_left { float: left; background: #003867; color: #FFFFFF; height: 75px; width: 200px; padding: 10px; }
#top_left h2 { position: relative; text-align: left; margin-top: 40px; vertical-align: bottom; }
#top_right { float: left; background: #C7CEEA; color: #FFFFFF; height: 75px; width: 299px; padding: 10px; }
#register_banner { background: url(images/register_box_banner.gif); height: 232px; width: 462px; }
#register_banner_calc { position: relative; width: 157px; left: 305px; top: 140px; }
#register_banner .calc_link { position: relative; left: 345px; top: 185px; }
#register_banner .calc_link img { border: 0px; }
.lbs_new { background: #A1D3A9; font-size: 18px; color: #363633; text-align: center; }
.in_the_news { margin-left: 5px }
.grey_bg { background-color: #E5E4E4 }
.blue_box { background: url(images2/blue_box_side_bar.gif) repeat-y }
.speakers_header {font-size: 10pt; margin-left: 5px}
.sponsor_partners {color: #8FC447; background: #FFFFFF; text-transform: uppercase; margin-left: 10px; font-size: 9pt; text-align: center; font-weight: bold}
#banner_main_text {padding-top: 20px; margin-left: 30px}
#banner_sub_text {float: left; font-weight: bold; font-size: 10pt; margin-top: 10px; line-height: 15px}
#banner_points {float: left; margin-top: 10px; font-weight: bold; font-size: 8pt; width: 200px; line-height: 13px;}
#banner_points ul li {list-style-type: disc; margin-left: 15px}
#banner_main_text_1 {font-size: 13pt; font-weight: bold; line-height: 5px}
#banner_main_text_2 {font-size: 10pt; font-weight: bold; line-height: 14px; margin-top: 10px}
#layout_header {}
#layout_header #logo {float: left}
#layout_header #logo img {border: none}
#layout_header #header_links {float: left; text-align: center; margin-top: 10px}
#layout_header #header_links #social_bookmark {text-align: right}
#layout_header #header_links #nav {margin-top: 10px}