/* ---------------------------------------------------------------------------------------------- */
/* This css file specifies the site structure style settings for the wwu.neotribalism.net website */
/* ---------------------------------------------------------------------------------------------- */

/*---------------------------------------------------*/
/* Design Company      = DsS:VisionTECH              */
/* Design Director     = Rhys Faler                  */
/* Contact Information = rhys@datasphere-systems.com */
/*---------------------------------------------------*/

	 
/* ------- */
/* General */
/* ------- */

* {
   margin: 0;
	 padding: 0;
   }

body {
   width: 960px;
	 margin: 0 auto;
	 }
	 
html {
   background-color: #FFFFFF;
	 background-image: url('media/shadow.png');
	 background-position: center top;
	 background-repeat: repeat-y;
	 height: 100%;
	 margin-bottom: 1px;
   }
	 
img {
	 border-width: 0;
   }
	 
#background_cover {
	 background-image: url('media/cover.png');
	 background-repeat: no-repeat;
   }
	 
.clear_floats-000 {
   clear: both;
   }

.clear_floats-010 {
   clear: both;
   height: 10px;
   }

.clear_floats-030 {
   clear: both;
   height: 30px;
   }


/* ------ */
/* header */
/* ------ */

#header {
   height: 250px;
	 background-image: url('media/header.jpg');
   }
	 
#logo {
   position: relative;
   top: 10px;
	 left: 10px;
	 width: 267px;
	 height: 105px;
	 background-image: url('media/logo.png');
	 background-repeat: no-repeat;
   }
	 
#logo img {
	 border-width: 0;
   }
	 

/* ------- */
/* content */
/* ------- */

#box01 {
	 width: 274px;
   margin-bottom: 10px;
   }

#box01_top {
   height: 20px;
	 width: 100%;
	 background-image: url('media/box01_top.png');
	 background-position: center top;
	 background-repeat: no-repeat;
   }

#box01_bg {
   background-image: url('media/box01_bg.png');
	 background-position: center top;
	 background-repeat: repeat-y;
	 padding-right: 10px;
	 padding-bottom: 5px;
   }
	 
#box01 #box01_content {
   margin: 0px;
	 padding: 0px;
   width: 85%;
	 text-align: left;
	 margin: 0 auto;
	 padding: 0px;
   }
	 
#box01_bottom {
   height: 25px;
	 width: 100%;
	 background-image: url('media/box01_bottom.png');
	 background-position: center top;
	 background-repeat: no-repeat;
   }
	 
#box01 #box01_bg a:link,
#box01 #box01_bg a:visited,
#box01 #box01_bg a:active {
   font-weight: 700;
	 font-style: italic;
	 color: #333333;
   /* font-family: "Arial";
   color: #3D3D3D; */
   }
	 
#box01 #box01_bg a:focus,
#box01 #box01_bg a:hover
   {
	 text-decoration: underline;
	 color: #000000;
	 }
	 
#box01 #box01_bg h3 {
   margin: 0;
	 padding: 0;
	 color: #3D3D3D;
	 text-decoration: underline;
	 margin-bottom: 3px;
	 width: 100%;
	 text-align: center;
   }
	 
#box01 #box01_bg p {
   margin: 0;
	 padding: 0;
	 color: #3D3D3D;
	 width: 100%;
   }

#box01 #box01_bg p.spacer-020 {
   margin-top: 10px;
   }

#content {
   width: 76%;
	 float: right;
	 padding-top: 20px;
	 font-family: "Georgia";
	 color: #DDDDDD;
   }
	 
#content_sidebar {
   margin: 0;
	 padding: 0;
   width: 274px;
	 float: right;
   margin-right: 20px;
	 margin-left: 10px;
   }

#facebook {
	 width: 274px;
	 height: 312px;
	 padding: 0;
   }

#facebook_LikeBox_plugin {
   position: relative;
	 top: 20px;
	 left: 13px;
	 width: 240px;
	 height: 287px;
   z-index: 1;
	 background-color: #D8D8FF;
   }	

.facebook_border_top {
   position: relative;
	 top: -285px;
   z-index: 6;
	 }
	 
.facebook_border_left {
   position: relative;
	 top: -288px;
   z-index: 6;
	 }
	 
.facebook_border_right {
   position: relative;
	 top: -288px;
	 left: 231px;
   z-index: 6;
	 }
	 
.facebook_border_bottom {
   position: relative;
	 top: -291px;
   z-index: 6;
	 }


/* ------- */
/* sidebar */
/* ------- */

#affiliation hr {
   margin: 0 auto;
   margin-bottom: 5px;
	 margin-top: 5px;
	 width: 85%;
   }
	 
#current_date {
   margin-top: 15px;
	 margin-bottom: 15px;
	 font-weight: 700;
	 color: #FFFFFF;
   } 
	 
#menu {
   position: relative;
   top: 20px;
	 left: 20px;
	 width: 208px;
	 height: 400px;
	 padding-top: 15px;
	 background-image: url('media/menu.png');
	 background-position: center top;
	 background-repeat: no-repeat;
	 font-family: "Times New Roman";
	 text-align: center;
   }
	 
#menu ul {
   list-style-type: none;
   }
	 
#menu ul li {
   width: 85%;
   line-height: 25px;
	 margin: 0 auto;
	 margin-top: 1px;
	 margin-bottom: 1px;
   }

#menu a:link,
#menu a:visited,
#menu a:active {
   display: block;
	 width: 100%;
	 height: 100%;
	 background-color: #4486FF;
   color: #FFFFFF;
   }
	 
#menu a:focus,
#menu a:hover
   {
   display: block;
	 width: 100%;
	 height: 100%;
	 background-color: #FFFFFF;
	 color: #001591;
	 font-weight: 700;
	 }
	 
#sidebar {
   width: 24%;
	 float: left;
   }
	 

/* ------ */
/* footer */
/* ------ */
 	 
#footer {
   width: 90%;
	 margin: 0 auto;
   text-align: center;
	 font-size: 10px;
	 font-family: "Times New Roman";
	 color: #DDDDDD;
   }
	 
#footer hr {
   margin: 0 auto;
   margin-bottom: 20px;
	 margin-top: 20px;
	 width: 100%;
   }
	 
#footer p {
   clear: both;
	 font-size: 10px;
	 font-family: "Times New Roman";
   }
	 
#footer_nav {
   font-size: 12px;
   }
	 
#footer_nav a:link,
#footer_nav a:visited {
   color: #DDDDDD;
   }
	 
#footer_nav a:focus,
#footer_nav a:hover,
#footer_nav a:active {
   text-decoration: underline;
   }
	 
#footer_nav ul {
   list-style-type: none;
	 margin-bottom: 5px;
   }
	 
#footer_nav ul li {
   display: inline;
	 padding-left: 3px;
	 padding-right: 7px;
	 border-right-style: solid;
	 border-right-width: 1px;
   }
	 
#footer_nav ul li.no_border {
   border-right-style: none;
   }
	 
#footer_wrapper {
   margin-left: 27%;
   }

#webdesigner a:link,
#webdesigner a:visited {
   color: #DDDDDD;
   }
	 
#webdesigner a:focus,
#webdesigner a:hover,
#webdesigner a:active {
   text-decoration: underline;
   }
	 

/* ------------------- */
/*  z-index reference  */
/* ------------------- */
/* 0 =                 */
/* 1 =                 */
/* 2 =                 */
/* 3 =                 */
/* 4 =                 */
/* 5 =                 */
/* 6 =                 */
/* ------------------- */


/* ------------------------------- */
/* This is the end of the css file */
/* ------------------------------- */