/* CSS For Techno Gumbo V2 */
/* REFERENCES: http://www.contractwebdevelopment.com/css-vartically-and-horizontally-center
               http://pmob.co.uk/pob/hoz-vert-center.htm
*/
/* Feel free to use this for your own */

/* General Elements */
body {
  background-color: #FFFFFF; /*Really Light Orange*/
  min-height: 800px;
  min-width: 800px;
  /*position: relative;
  z-index: 0;*/
  }

a {
    font-family: Arial;
    font-size: 12px;
    color: black;
    }

h1 {
    font-family: Arial;
    font-size: 18px;
	color: #CC0000;
    /* color: #FF0000;  Sharp Red */
    margin-bottom: -10px;
   }

h1 a {
    font-family: Arial;
    font-size: 18px;
	color: #CC0000;
   /* color: #FF0000; Sharp Red */
    margin-bottom: -20px;    
    text-decoration:none;
   }
   
h2 {
   font-family: Arial;
   font-size: 10px;
   color: #009999; /* Aqua Color */
   margin-bottom: -1px;
   }

h3 {
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   color: #009999; /* Aqua Color */
   margin-left: 5px;
   margin-top: -1px;
   margin-bottom: -1px;
   }
   
h4 {
   font-family: Arial;
   font-size: 12px;
   font-style: italic;
   color: #009999; /* Aqua Color */
   margin-left: 5px;
   margin-top: -1px;
   margin-bottom: -1px;
   }
img {
     border: 0px;
    }

/* Font Elements */
p {
    color: black;
    font-family: Arial;
    }

div.DisplayFont {
    color: black;
    font-family: Arial;
    font-size: 12px;
    }

/* Menu Elements */

div.MenuItem {
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   color: #FFFFFF; /*Really Light Orange*/
   }

/* Containment Elements */   

div.OuterContainer {
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;

  }

div.CenterContainer {
  /*text-align: center;*/
  position: relative;
  vertical-align: middle;
  display: table-cell;
  height: auto;
  }

div.InsideContainer {
   width: 80%;
   background: #FFFFFF; /*Really Light Orange*/
   height: auto;
   /*text-align: center;*/
   margin-left: auto;
   margin-right: auto;

   }

/* Sections of the Site */
div.Header {
   color: white;
   font-family: Arial;
   font-weight: bold;
   text-align: center;
   height: 150px;
   }
div.LeftColumb {
   width: 20%;
   min-width: 160px;
   /*float: left;*/
   display:inline-block;
   vertical-align:top;
   color: black; 
   font-family: Arial;
   font-size: 12px;
   margin-right:1%;
   }
   div.LeftColumb  .menuItem {
	width:100%;
	height:26px;
	padding-top:6px;
	display:block;
	text-decoration:none;
	text-align:center;
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size:20px;
	vertical-align:middle;
    border-radius:12px;
    border: 2px solid #FF9900;
	margin-bottom:2px;
	background: #006666; /* Old browsers */
	background: -moz-linear-gradient(top, #006666 0%, #329191 48%, #006666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #006666 0%,#329191 48%,#006666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #006666 0%,#329191 48%,#006666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006666', endColorstr='#006666',GradientType=0 ); /* IE6-9 */
   }
   div.LeftColumb  .menuItem:hover {
		background: #427175; /* Old browsers */
		background: -moz-linear-gradient(top, #427175 0%, #678c8c 50%, #427175 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #427175 0%,#678c8c 50%,#427175 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #427175 0%,#678c8c 50%,#427175 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427175', endColorstr='#427175',GradientType=0 );
   }
   .datepicker_trigger {
		width:100%;
		padding-top:6px;
		display:block;
		text-decoration:none;
		text-align:center;
		color: white;
		font-family: Arial;
		font-weight: bold;
		font-size:20px;
		vertical-align:middle;
		border-radius:12px;
		border: 2px solid #FF9900;
		margin-bottom:2px;
		background: #006666; /* Old browsers */
		background: -moz-linear-gradient(top, #006666 0%, #329191 48%, #006666 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #006666 0%,#329191 48%,#006666 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #006666 0%,#329191 48%,#006666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006666', endColorstr='#006666',GradientType=0 ); /* IE6-9 */
   }
   .datepicker_trigger:hover {
		background: #427175; /* Old browsers */
		background: -moz-linear-gradient(top, #427175 0%, #678c8c 50%, #427175 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #427175 0%,#678c8c 50%,#427175 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #427175 0%,#678c8c 50%,#427175 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427175', endColorstr='#427175',GradientType=0 );
   }
   
   div.LeftColumb .menuItem img {
	width:100%;
   }
.adLeftCol {
	width:160px;
	height:600px;
}
div.CenterColumb {
   width: 66%;
   /*float: left;*/
   display:inline-block;
   vertical-align:top;
   /*background: #FFFFFF;*/ /*Really Light Orange*/
   font-family: Arial;
   font-size: 12px;
   }
	div.CenterColumb .adLeaderboard {
		width:728px;
		height:90px;
	}
    div.CenterColumb .MessagePost {
	     width: 96%;
         margin-left: 2%;
         margin-right: 2%;
         margin-bottom: 20px;
         float: left;
         background: #FFFFFF; /*Really Light Orange*/
         font-family: Arial;
         }
		 
     /* For Images inside the MessagePost */
	    div.CenterColumb .MessagePost .leftimage {
		  float: left;
		  padding: 5px;
		}
		
	    div.CenterColumb .MessagePost .rightimage {
		  float: right;
		  padding: 5px;
		}
		
     /* For The Addthis Social Media Button */
	    div.CenterColumb .MessagePost .addthis {
		}
     /* For User Comments 
	    -- Each user post is contained inside a comment container
	 */
    div.CenterColumb .CommentContainer {
	     width: 96%;
		 max-width:900px;
	     margin-left: 2%;
         margin-right: 2%;
         margin-bottom: 5px;
         float: left;
		 background: #FFCCCC; /*Really Light Red*/
         border-top: 2px dashed #CC0000;
         border-left: 1px solid #CC0000;
	     border-right: 1px solid #CC0000;
	     border-bottom: 2px dashed #CC0000;
         }
	 /* Added 7/6/2008 in order to help with users message formatting
	    there was a wrap bug that would make text without line breaks
	    spew all over.  Also added to make posts more readable
	  */
    div.CenterColumb .CommentContainer p{		 
		 /* for the text of the users post*/
		 
		 line-height: 130%;
		 /* prevents non-break text from going all over the place 
		    pre preserves user line breaks
			max-width allows for the nice alighnment on the right
			IE white-space goes second or it wont take!!!
			* means only IE will read the css
		 */
		 word-wrap:break-word;
		 white-space: -moz-pre-wrap;
	   * white-space: pre;
	     overflow: hidden;
		 max-width:80%;
		 float: left;
		 margin-left: 1%;
         }
		 
    div.CenterColumb .CommentContainer .InlinePostInfo{
         /* float: right; */
         font-family: Arial;
         font-size: 15px;
         font-weight: bold;
		 color: #FFFFFF; /*Really Light Orange*/
         }
		 
    div.CenterColumb .CommentContainer .CommentTime{
         float: right;
         font-family: Arial;
         font-size: 10px;
         font-weight: bold;
		 color: #006666; /* Dark Aqua Green */
         }		
		 
    div.CenterColumb .CommentContainer .UserPostInfo {
	     padding-right: 2%;
	     width: 80px;
         float: left;
		 white-space: -moz-pre-wrap;
		 white-space: -pre-wrap;
		 white-space: -o-pre-wrap;
		 white-space: pre-wrap;
		 word-wrap: break-word;
		 background: #CC0000; /*Burnt Red*/
         }
		 
	/* This is for the box that allows users to post new messages */	 
    div.CenterColumb .PostMessageContainer {
	     width: 96%;
		 margin-left: 2%;
         margin-right: 2%;
         float: left;
         background: #FFCCCC; /*Really Light Red */
		 border: 1px solid #CC0000;
         }
    div.CenterColumb textarea {
	     width: 93%;
         float: left;
		 margin-left: 2%;
         }
		 
    div.CenterColumb input {
		 margin-left: 2%;
         }
		 
	div.CenterColumb .CommentMessageTab {
		  float: left;
		  margin-top: 20px;
		  margin-left: 2%;
		  border-top: 2px solid #CC0000;
	      border-left: 2px solid #CC0000;
	      border-right: 2px solid #CC0000;
		  height:20px;
		  width:125px;
         }
		 
	div.CenterColumb .CommentMessageTab p{
	   margin-top: 0px;
	   margin-bottom: 0px;
	   padding-left: 10px;
	   padding-right: 10px;
	   font-family: arial;
	   font-weight: 800;
	   font-size: 15px;
	   color: #CC0000;
         }
	div.CenterColumb .PostCommentTab {
		  float: right;
		  margin-right: 1.6%;
		  border-bottom: 2px solid #CC0000;
	      border-left: 2px solid #CC0000;
	      border-right: 2px solid #CC0000;
		  margin-top: -5px;
		  width:125px;
         }
		 
	div.CenterColumb .PostCommentTab a{
	   padding: 10px;
	   font-family: arial;
	   font-weight: 800;
	   font-size: 15px;
	   color: #CC0000;  /* Brick Red */
       text-decoration:none;
         }
		 	 
div.RightColumb {
   width: 10%;
   /*float: right;*/
   display:inline-block;
   vertical-align:top;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   background: #FFFFFF;
   margin-top: 120px;
   }

div.ColumbContainer {
   text-align: left;
   border-top: 3px solid #FF9900; /* Sharp orange */
   border-bottom: 2px solid #FF9900;
   }
   
   div.ColumbContainer a {
       font-family: Arial;
       font-size: 10px;
       color: #009999; /* Aqua Color */
       }

div.Footer {
   width: 100%;
   height: auto;
   background: #006666; /*Dark Aqua Blue*/
   font-family: Arial;
   font-size: 10px;
   text-align: center;
   float: left;
   }
	 
/* Special Elements */
    /* Highlight Property for the dynacloud tag cloud */
    .highlight {
     background-color: #FFCCCC;
     }

    .DynaTagCloud {
     font-style: italic;
     }
	 
	 div.CodeExample {
	 font-family: courier, sans-serif;
	 padding: 5px;
	 background: #CCFFFF;
	 border: 1px solid #006666;
	 }
	 
/* Scriptless blog navigation links Nov 2008 */
div.NoscriptNav {
    margin-left: 2%;
	/* margin-bottom: 20px; */
	width: 96%;
}
   div.NoscriptNav a {
       font-family: Arial;
       font-size: 15px;
	   font-weight: bold;
       color: #009999; /* Aqua Color */
       }
	   
   div.NoscriptNav .Previous {
         /* margin-bottom: 20px; */
          /* float: left; */
		 /* width: 150px;
		 height: 50px;
		 padding: 5px; */
       }
	   
   div.NoscriptNav .Next {
         /* margin-bottom: 20px; */
		  margin-top: -17px;
          float: right;
		 /*width: 125px;
		 height: 50px;
		 padding: 5px; */
       }
/* Profile addition 12/2011 */
	div.profile {
	     width: 96%;
	     margin-left: 2%;
         margin-right: 2%;
         margin-bottom: 5px;
         float: left;
		 background: #FFFFFF; /*White*/
         border-top: 1px solid #009999;
         border-left: 1px solid #009999;
	     border-right: 1px solid #009999;
	     border-bottom: 1px solid #009999;
	}
	
	div.profile a {
       font-family: Arial;
       font-size: 11px;
       color: #009999; /* Aqua Color */	
	}
	
	div.profile .profileImage {
		padding-left: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		 padding-right: 2%;
	     width: 75px;
         float: left;
		 white-space: -moz-pre-wrap;
		 white-space: -pre-wrap;
		 white-space: -o-pre-wrap;
		 white-space: pre-wrap;
		 word-wrap: break-word;
		 background: #FFFFFF; /*White*/
	}
	div.profile .profileText {
	     padding-right: 2%;
	     padding-left: 2%;
         #float: left;
		 white-space: -moz-pre-wrap;
		 white-space: -pre-wrap;
		 white-space: -o-pre-wrap;
		 white-space: pre-wrap;
		 word-wrap: break-word;
		 #background: #CC0000; /*Burnt Red*/
	}