@charset "UTF-8";
/* CSS Document */

/*
Colors
black = #0a0909
sidbar base = #fcf3e8
header text = #6d6a17
copyright = #f2cc9b
mediun green = #6d6a17 
dark orange = #b9741c
#86390f
*/


/* main Structure */
body  {font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000; background:url(images/stripes.jpg) repeat-y #0a0909}

img, a img 		{ border:none}
a:active { outline: none;}
a:focus{-moz-outline-style: none; outline: none;}

#container { position:relative; width: 850px;  margin: 0 auto; text-align: left; z-index:5; left:30px} 

#text { position:relative; z-index:6;} /* lifts content above the grafics */
a:link { color:#b9741c}
a:hover { color:#6d6a17}
a:visited { color:#86390f}


/* top nav */
ul#nav {padding-left:0; list-style-type:none; float:left; width:97%; margin-top:-1px;}
ul#nav li { display:inline;}
ul#nav a { display:block; float:right; padding:0px 9px; font-size:80%; text-decoration:none; color:#f2cc9b;}
ul#nav a:hover { color:#6d6a17; background-color:#fee0bb}


/* header */
#header {padding: 28px 10px 0 20px; background:url(images/header.png) no-repeat center; height:213px; margin-bottom:0px;} 
#header h1 { display:none;}
#header h2 {margin:0; padding: 5px 0px 0px 85px; color:#6d6a17; font-family:Arial, Helvetica, sans-serif; font-size:225%; margin-top:-25px}


/* add blocks */
#ads{ position:relative; top:100px; z-index:7; left:25px;}
#sidebarAds { padding: 5px 10px 0px 10px;}

/* add this */
#addthis {}


/* Sidebars */
#sidebar1 {float: right; width: 213px; background:#fcf3e8 url(images/sidebarTop.png) no-repeat; padding:0px 0px 0px 0px;margin-right:10px;}
#sidebar1 h3, #sidebar1 h2{ margin:0px 0px -10px -12px; padding:7px 7px 6px 7px; 
		font-size:90%; background:url(images/sidebarTitleBox.png) no-repeat}
#sidebar1 h5 { margin: 0; padding: 0 15px 0 10px;}		
#sidebar1 p { padding:5px 15px; font-size:75%}
#sidebar1 img {border: none}
.ebook { margin:0 0 5px 30px}


/*
#sidebar1 p.sidebarFooter{ position:relative; padding:0 0 10px 10px; background:url(images/sidebarBaseSwirl.png) no-repeat 0 100%; 
		margin-bottom:-10px; height:376px; margin-bottom:-376px; top:-376px; z-index:4; width:213px}
*/
#sidebar1 li { font-size:80%}
#sidebar1 p.form { padding:0px 15px 0px 15px; margin:0}

#sidebarFooter{ position:relative; background:url(images/sideBarBaseSwirl.png) no-repeat; width:213px; height:376px; z-index:3; top:-376px; margin-bottom:-376px;}



/* Main Content */
#mainContent { position:relative; left:12px; margin: -18px 250px 0 0; padding: 0px 10px 20px 10px; background:url(images/contentTop.png) no-repeat #fcf3e8; z-index:3} 

#mainContent p.mainContentFooter{ position:relative; z-index:3; padding:0px 0px 10px 10px; margin-bottom:-396px; margin-left:-10px; background:url(images/contentBottomSwirl.png) no-repeat 0 100%; height:376px; top:-376px; width:600px}

#mainContent h1.titleBox{ padding:10px 0px 0px 20px; background:url(images/titleBox.png) no-repeat; 
		font-size:150%; height:58px; margin-bottom:-25px; margin-left:-25px}
#mainContent h2.titleBox{ padding:7px 0px 0px 20px; background:url(images/titleBox2.png) no-repeat; 
		font-size:120%; height:58px; margin-bottom:-35px; margin-left:-25px}
#mainContent h3.titleBox{ padding:7px 0px 0px 20px; background:url(images/titleBox3.png) no-repeat; 
		font-size:100%; height:58px; margin-bottom:-40px; margin-left:-25px}

#mainContent p { font-size:75%; padding:5px 30px 0px 30px}

#mainContent #contentSwirl{ position:relative; background:url(images/contentSwirl.png) no-repeat; width:600px; height:376px; margin-bottom:-376px; top:-345px; z-index:4 }



/* footer */
#footer { position:relative; z-index:20; padding: 20px 0px 0px 20px;} 


#footer p {margin:-23px 228px 0 0; padding: 5px 0; color:#f2cc9b; font-size:70%;}

#addthis { padding-right:10px}

/* background images */
#swirl{ position:fixed; bottom:0px; left:-40px; background:url(images/orangeSwirl.png) no-repeat; width:332px; height:775px;}
#actionscript{ position:fixed; top:0px; left:60px; background:url(images/actionScript.png) no-repeat; width:29px; height:298px;}


/* Extra */
.fltrt 			{ float: right;margin-left: 8px;}
.fltlft 		{ float: left; margin-right: 8px;}
.clearfloat 	{ clear:both; height:0; font-size: 1px;line-height: 0px;}
#code 			{ border:solid thin #000; width:90%; margin-left:28px; background:#fbdcb5; color:#006; padding:5px; }
#code p 		{ padding:0px 0px 0px 0px; margin:0  }
#code p.indent 	{ padding:0px 0px 0px 25px; }
#flash 			{ border:solid thin #000; width:90%; margin-left:28px; background:#fbdcb5; color:#006; padding:5px; }
#flash p 		{ padding:0px 0px 0px 0px; margin:0  }
#flash p.indent { padding:0px 0px 0px 25px; }
img 			{ border:solid thin #000}
.noBorder 		{ border:none; text-decoration:none}
.warning 		{ color:#900}


#networking { margin:0; padding:20px 0 0 20px; }
#networking p{ margin:0; padding:0 0 0 0; }
#networking img { border:none}


.adsense460		{margin-top:10px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#footer { padding-top:3px; }
}