.fltleft {
	float: left;
}
.fltright {
	float: right;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
}
#container {
	width: 1300px;
	margin: 0px auto;
}
/*header*/
#header {
}
#header h1 {
	text-align: center;
	margin: 20px;
	padding: 10px;
	font-size: 1.5em;
}
/*middle*/
	/*sidebar */
	#leftsidebar {
		float: left;
		width: 20%;

	}
	#navigation {
	}
	#navigation li {

		padding: 10px;
		-moz-border-radius: 4px; /* FF1+ */
  		-webkit-border-radius: 4px; /* Saf3-4, iOS 1+, Android 1.5+ */
         border-radius: 4px;
		 
		  background-color: #ccc;
 		  background-image: -moz-linear-gradient(top, #cccccc, #818181); /* FF3.6 */
  		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cccccc),color-stop(1, #818181)); /* Saf4+, Chrome */
  		  background-image: -webkit-linear-gradient(#cccccc, #818181); /* Chrome 10+, Saf6 */
 		  background-image: linear-gradient(top, #cccccc, #818181);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#818181'); /* IE6–IE9 */
			-moz-box-shadow: -3px 3px 6px #666; /* FF3.5+ */
   	    -webkit-box-shadow: -3px 3px 6px #666; /* Saf3.0+, Chrome */
          box-shadow: -3px 3px 6px #666;		
	}
	 #navigation li:hover {
		 
		  background-color: #cccccc;
 		  background-image: -moz-linear-gradient(top, #cccccc, #424242); /* FF3.6 */
  		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cccccc),color-stop(1, #424242)); 
		  background-image: -webkit-linear-gradient(#cccccc, #424242); 
 		  background-image: linear-gradient(top, #cccccc, #424242);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#424242'); /* IE6–IE9 */ 
	 }
	#navigation li a {
		text-decoration: none;
		color: #333;
		font-size: 1.1em;
		display: block;
		width: 100%;
		height: 100%;
	}
	/*maincontent */
	#maincontent {
		float: right;
		width: 73%;
		padding: 2%;
		margin-left: 0px;
		
		-moz-border-radius: 8px; /* FF1+ */
  		-webkit-border-radius: 8px; /* Saf3-4, iOS 1+, Android 1.5+ */
        border-radius: 8px;
		
	   background-color: #ccc;
 	   background-image: -moz-linear-gradient(top, #cccccc, #6c6c6c); /* FF3.6 */
  	   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cccccc),color-stop(1, #6c6c6c));       background-image: -webkit-linear-gradient(#cccccc, #6c6c6c); 
 	   background-image: linear-gradient(top, #cccccc, #6c6c6c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#6c6c6c');
		
       -moz-box-shadow: -5px 5px 10px #666; /* FF3.5+ */
       -webkit-box-shadow: -5px 5px 10px #666; /* Saf3.0+, Chrome */
       box-shadow: -5px 5px 10px #666;
	}
	#blogpostbody {
		display: block;
	}
	#blogpostfooter p {
		display: inline-block;
		font-size: 1.4em;
		margin-right: 30px;
		width: 230px;
		-moz-border-radius: 14px; /* FF1+ */
  		-webkit-border-radius: 14px; /* Saf3-4, iOS 1+, Android 1.5+ */
        border-radius: 14px;
		background-color: #F5F5F5;
		text-align: center;
		text-decoration: none;
		background-image: url(../images/toparrow.png);
		background-repeat: no-repeat;
		background-position: 215px 5px;
	}
/*footer*/

/*form */
input {
	display: block;
}
label {
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}
input[type=text] {
	width: 300px;
}
input[type=password] {
	width: 200px;
}
input[type=submit] {
	width: 75px;
	margin: 10px;
}
textarea {
	width: 950px;
}
fieldset {
	border: 1px solid black;
	padding: 20px;
	margin: 10px;
}

/*messages*/
.success {
	border: 1px solid blue;
	display: block;
	width: 500px;
	color: blue;
	text-align: center;
	padding: 5px;
	margin: 20px auto;
	font-family: "Courier New", Courier, monospace;
}
.error {
	border: 1px solid red;
	display: block;
	width: 500px;
	color: red;
	text-align: center;
	margin: 20px auto;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
}
/*general link styling */
a:link {
	color: #00F;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}
a:hover {
	color: #09C;
	text-decoration: underline;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}
a:visited {
	color: #009;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}
/*general table styling */
table {
	border: 1px solid black;
	margin: 0px auto;
}
th {
	padding: 10px;
	text-decoration: underline;
}
td {
	padding: 10px;
}