/*
tag is tag <div>
.class is class="class" can be stacked .huge.balls
#id is <div id="id" must be unique per page.
*/

/*====================================================
FONT
====================================================*/


@font-face
{
	font-family: 'bobsgame';
	src:	url('../fonts/bobsgame.eot?#iefix') format('embedded-opentype'),
			url('../fonts/bobsgame.eot') format('embedded-opentype'),
			url('../fonts/bobsgame.woff') format('woff'),
			url('../fonts/bobsgame.ttf')  format('truetype');
}
	
/*====================================================
HTML ELEMENTS
====================================================*/
html, body 
{
	width:100%;
	height:100%;
	margin:auto;
	padding:0;
}

body
{
	font-family: bobsgame, Tahoma, Geneva, sans-serif;
	font-size: 8px;
	text-align: center;
	margin:auto;

	color: #000;
	background-color:#fff;
	/*text-shadow:#aaa 0px 0px 1px;*/
}


/*====================================================
TEXT STYLES
====================================================*/

.bg
{
	color:#0f0;
	text-shadow:#0f0 0px 0px 8px,#0f0 0px 0px 8px;
}

.bbg
{
	color:#0f0;
	text-shadow:#0f0 0px 0px 1px,#000 0px 0px 3px,#000 0px 0px 2px;

}

.yuu
{
	color:#8500ff;
	text-shadow:#8500ff 0px 0px 8px,#8500ff 0px 0px 8px,#8500ff 0px 0px 4px;
}

.byuu
{
	color:#8500ff;
	text-shadow:#000 0px 0px 4px,#8500ff 0px 0px 1px,#8500ff 0px 0px 2px;


}

.star 
{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#bbb; text-shadow:0px 0px 1px #ddd;
}

.font_11 
{
	font-size: 11px;
	text-align: center;
}

.font_green_36 
{

	font-size: 36px;
	color: #0F0;
}



.font_purple_36 
{

	font-size: 36px;
	color: #309;
}

.font_gray_6 
{
	color: #333;
	font-size: 7px;
	font-family: "BobsGame Mono", "Lucida Console", Monaco, monospace;
}

.font_gray_9 
{
	color: #555;
	font-size: 9px;

}

.font_gray_10 
{
	color: #777;
	font-size: 11px;

}

.font_16 
{
	font-size: 16px;
}

.font_9 
{

	font-size: 9px;
}

.font_purple_16 
{
	font-size: 16px;
	color: #309;
}

.font_72 
{
	font-size: 72px;
}

.font_red_36 
{
	color: #F00;
	font-size: 36px;
}

.font_green_16 
{
	color: #0F0;
	font-size: 16px;
}
.font_green_11 
{	
	color: #0F0;
	font-size: 11px;
}
.font_purple_11 
{	
	color: #309;
	font-size: 11px;
}
.font_white_11 
{	
	color: #FFF;
	font-size: 11px;
}
.font_white_36 
{
	font-size: 36px;
	font-weight: bold;
}

.size_9_lightgray 
{
	color: #CCC;
	font-size: 9px;
}


/*====================================================
LINKS
====================================================*/

a:link 
{

	color: #0f0;
	color: #8500ff;
	/*color: #8500ff;
	text-shadow:#309 0px 0px 1px;*/
}

a:visited 
{
	color: #0f0;
	color: #8500ff;
/*color: #6030B0;*/
}

a:hover 
{
color: #fff;
text-decoration: underline;
text-shadow:#0f0 0px 0px 5px,#0f0 0px 0px 5px,#0f0 0px 0px 5px;
}


/*====================================================
MAIN BODY CONTENT
====================================================*/


#body_table
{
	width:100%;
	border:0;
	margin:auto;
	padding:0;
}

#right_sidebar
{
	padding: 10px;
	width:200px;
	border-left:1px dotted #333;
}

#left_sidebar
{
	padding:10px;
	border-right:1px dotted #333;
	width:380px;
}
#left_sidebar_index
{
	float:right; 
	padding:35px;
}

#middle_column
{
	padding: 10px;
}



#mainbody
{
	font-size: 8px;
	text-align: center;
	overflow:auto;

	/*text-shadow:#aaa 1px 1px 1px;*/

}




/*====================================================
HEADER AND FOOTER
====================================================*/

.n
{
	color:#0f0;
	text-shadow:#0b0 1px 1px 1px;
}

.D
{
	color:#8500ff;
	text-shadow:#40b 1px 1px 1px;
}

#h
{
	text-align: center;
	border-left:none;
	border-right:none;
	margin:0;
	border:0;
	padding:0;
	

	
}

#f
{
	text-shadow:none;
	text-align: center;
	clear:both;
	padding: 5px;
	

	
	
}

#ndcopyright , #copyright
{
	text-shadow:none;
	text-align:center;
	font-size:8px;
	color:#aaa;
	
	/*text-shadow:#333 1px 1px 1px,#333 1px 1px 1px;*/
}

#selected_theme_text
{
	text-align:center;
	font-size:8px;
	color:#777;
	margin-left:-10px;
}



#nDuserpanel
{
	font-size:8px;
	/*font-family:Tahoma, Geneva, sans-serif;*/

}

#nDlogin
{
	margin:0;
	padding:0;
	text-align:right;
	color:#0f0;
}

#nDlogin_username
{
font-weight:bold;
color:#000;
text-shadow:#00ff00 0px 0px 5px;
}


.headerbuttons {
	text-align:center;
}

.headersmallbuttons {
	text-align:center;
}

.headertinybuttons {
	text-align:center;
}

.headerbutton {
	width:232px;
	height:73px;
	display:inline-block;
	background:top left no-repeat transparent none;
}

.headersmallbutton {
	width:116px;
	height:36px;
	display:inline-block;
	background:top left no-repeat transparent none;
}

.headertinybutton {
	width:100px;
	height:47px;
	display:inline-block;
	background:top left no-repeat transparent none;
}


.headerbutton:hover {
	background-position:0 -73px;
}


#body-home #smallbutton-home, 
#body-faq #smallbutton-faq, 
#body-cam #smallbutton-faq, 
#body-forum #smallbutton-forum, 
.headersmallbutton:hover {
	background-position:0 -36px;
}


#smallbutton-home {background-image:url('/images/buttons/small/home.png');}
#smallbutton-faq {background-image:url('/images/buttons/small/faq.png');}
#smallbutton-forum {background-image:url('/images/buttons/small/forum.png');}


#button-viral {background-image:url('/images/buttons/viral.png');}
#button-download {background-image:url('/images/buttons/download.png');}


#button-nd {background-image:url('/images/buttons/nD.png');}









.payWithAmazonButton
{
	width:310px;
	height:66px;
	display:inline-block;
	background:top left no-repeat transparent url('/images/payWithAmazon.png');/* fix IE, doesnt know background-image */
	
	
	padding: 0px;
	border-radius: 0px;
	border: 0px solid transparent;
	border-color:transparent;
	color: transparent;
	text-shadow: none;
	text-decoration: none;
	
	outline: none;/*fix chrome outline for no img src*/
	font-size:0px;/*fix chrome wont hide text*/
	filter: none;/* fix IE ugly gray gradient rectangle*/
	
	width:0px;/*fix chrome outline for no img src*/
	height:0px;
	padding-right:310px;
	padding-bottom:66px;
	
}


.payWithPaypalButton
{
	width:306px;
	height:66px;
	display:inline-block;
	/*background:top left no-repeat transparent url('/images/payWithPaypal.png'); fix IE, doesnt know background-image */
	
	padding: 0px;
	border-radius: 0px;
	border: 0px dotted transparent;
	border-color:transparent;
	color: transparent;
	text-shadow: none;
	text-decoration: none;
	
	outline: none;/*fix chrome outline for no img src*/
	font-size:0px;/*fix chrome wont hide text*/
	filter: none;/* fix IE ugly gray gradient rectangle*/
	
	width:0px;/*fix chrome outline for no img src*/
	height:0px;
	padding-right:306px;
	padding-bottom:66px;
	
}


.payWithGoogleButton
{
	width:314px;
	height:66px;
	display:inline-block;
	/*background:top left no-repeat transparent url('/images/payWithGoogle.png'); fix IE, doesnt know background-image */

	
	padding: 0px;
	border-radius: 0px;
	border: 0px dotted transparent;
	border-color:transparent;
	color: transparent;
	text-shadow: none;
	text-decoration: none;
	
	outline: none;/*fix chrome outline for no img src*/
	font-size:0px;/*fix chrome wont hide text*/
	filter: none;/* fix IE ugly gray gradient rectangle*/
	
	width:0px;/*fix chrome outline for no img src*/
	height:0px;
	padding-right:314px;
	padding-bottom:66px;
	
}


.payWithAmazonButton:hover{background-position:0 -66px;}
.payWithPaypalButton:hover{background-position:0 -66px;}
.payWithGoogleButton:hover{background-position:0 -66px;}




/*====================================================
buttons, text boxes, etc
====================================================*/
/*input*/
.bobinput
{
	padding:2px;

	font-family: bobsgame, Tahoma, Geneva, sans-serif;
	font-size:16px;

	border-radius:8px; 
	border:1px solid; 
	border-color: #009900 #00CC00 #CC00FF #9900FF; 

	color:#000;
	text-shadow:#555 1px 1px 1px;

	background:#fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #999,  #fff); /* for firefox 3.6+ */ 
}

select
{
	padding:2px;
	background:#222;

	border-radius:8px; 
	border:1px solid; 
	border-color: #009900 #00CC00 #CC00FF #9900FF; 

	color:#ddd;
	text-shadow:#222 1px 1px 1px;

	background:#222;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#777777'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#777)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #000,  #777); /* for firefox 3.6+ */ 
}

textarea
{

	color:#000;
	text-shadow:#555 1px 1px 1px;
	
	background:#fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #999,  #fff); /* for firefox 3.6+ */ 
}

.buttonGray
{
	padding:8px;
	
	border-radius:8px; 
	border:1px solid; 
	border-color: #444444 #777777 #777777 #aaaaaa; 
	
	color:#000;
	text-shadow:#777 1px 1px 1px;

	background:#222;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #000); /* for firefox 3.6+ */ 

}



.faq_box
{
	background:#eee;
	color:#000;
	text-align:left;
	text-shadow:#777 1px 0px 1px;
	padding:8px;

}

.faq_questions_title
{
	text-decoration: underline;
	font-size:16px;

}

.faq_question
{
	font-weight: bold;

}

.faq_answer
{


}

.faq_q
{
	font-weight: bold;
	
}

.faq_a
{
	font-weight: bold;

}


.cbb
{
	text-align:left;
	border-radius:8px; 
	border:1px solid; 
	border-color: #00ff00 #00ff00 #000000 #000000;  

	padding:4px;
	padding-top:8px;
	padding-bottom:8px;
	
	width:100%;
	font-size:16px;
	

}
.uncheckedCBB
{
	text-align:center;
	border-radius:8px; 
	border:1px solid; 
	border-color: #000000 #000000 #000000 #000000; 

	padding:4px;
	padding-top:10px;
	padding-bottom:10px;
	
	width:100%;
	font-size:16px;
	
	background:#fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFF,  #CCC); /* for firefox 3.6+ */ 

}

.checkedCBB
{
	text-align:center;
	border-radius:8px; 
	border:1px solid; 
	border-color: #000000 #000000 #000000 #000000; 

	padding:4px;
	padding-top:10px;
	padding-bottom:10px;
	
	width:100%;
	font-size:16px;
	
	background:#0F0;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#00FF00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#0F0)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFF,  #0F0); /* for firefox 3.6+ */ 
	
	
}


.pictureButton
{
	text-align:center;
	
	border-radius:32px; 
	border:2px solid; 
	border-color: #000000 #000000 #000000 #000000;  

	
	padding-top:8px;
	padding-bottom:8px;
	
	font-size:16px;
	margin:auto;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BBBBBB'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#BBB)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFF,  #BBB); /* for firefox 3.6+ */ 
	
	text-shadow:#fff 1px 1px 1px, #000 1px 1px 2px;
}


.roundedWhitePanel
{

	padding:2px;
	

	border-radius:16px; 
	border:1px solid; 
	border-color: #009900 #00CC00 #CC00FF #9900FF; 

	color:#000;
	text-shadow:#999 1px 1px 1px;

	background:#fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */ 
}


.story
{
	width:100%;

	background:#eee;
	text-align:left;
	padding:16px;

	border-radius:8px;
	border:3px solid;
	border-color: #009900 #00CC00 #CC00FF #9900FF;
}

pre
{


	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */

	font-family: bobsgame, Tahoma, Geneva, sans-serif;
	font-size:8px;
	/*font-weight:600;*/

	/*text-shadow:#777 1px 0px 1px;*/

}

.image-row {
  *zoom: 1;
  margin-bottom: 20px;
}

.image-row:after {
  content: "";
  display: table;
  clear: both;
}

.lb-caption, .lb-number
{

}

.lb-next {
    /*background: url("/images/next.png") no-repeat scroll right 48% transparent;*/
}
.lb-prev {
    /*background: url("/images/prev.png") no-repeat scroll left 48% transparent;*/
}

.title{

	font-weight: bold;
	text-decoration: none;
	font-size: 64px;
	font-family:bobsgame;

	/*
	color: #fff;
	text-shadow: #ff6 0px 0px 20px,#ff6 0px 0px 30px,#fff 0px 0px 5px;
*/
	color: #fff;
	text-shadow: #000 0px 0px 20px,#000 0px 0px 30px,#000 0px 0px 5px;

}