/* main.css
 * author: koos kleven
 * website: koos42.com
 */

html{
	background: #000000;
}

 body {
 	border-top: #3399FF solid 3px;
 	padding-top: 3px;
 	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
 	size: 12pt;
 	font-weight: lighter;
 	color: white;
 }

 a {
	color: #000000;
 	text-decoration: none;
 }

 a:hover, a:link, a:active, a:visited {
 	outline: none;
 }

 a:hover {
 	color: #3399FF;
 }

 img {
 	border: none;
 }

 #container {
 	background: white;
 }

 #headerwrapper {
 	background: black;
 }

 #headerbar {
 	background: #000000;
	height: 55px;
	margin: auto;
	width: 900px;
 }

 h1#sitename {
 	font-size: 32pt;
 	font-weight: bold;
 	text-align: left;
	width: 380px;
	height: 43px;
	float: left;
 }

 h1#sitename a {
	color: #FFFFFF;
 }

 #mainnavbar {
 	display: inline;
	font-size: 17pt;
	font-weight: bold;
 }

 #mainnavbar ul {
	position: relative;
 	list-style: none;
	width: 520px;
	padding-top: 6px !important;
	padding-top: 8px;
	float: right;
 }

 /*  for within the main nav bar  */
 #mainnavbar li {
	margin-left: 30px;
 	position: relative;
 	height: 40px;
 	float: right;
 }

 #mainnavbar li.active {
	background: url(blueslashes.gif) bottom repeat-x;
 }

 #mainnavbar li a {
 	color: #FFF;
 	text-decoration: none;
 }

 #content {
  	background: #FFFFFF url(blackslashes.gif) no-repeat top left;
  	height: 40px;
 	color: #000000;
 }

#nofloatdiv {
	clear: both;
	width: 800px;
	margin: auto;
}

 #columns {
	float: left;
	padding: 15px 0 15px;
	width: 100%;
 }

 #columnscleardiv {
 	clear: both;
 	background: green;
 }
 /*  single column layout below: */

 #middle100 {
 	padding: 0;
 	width: 100%;
	float: left;
 }

 /*  two column layout below: */

 #left50 {
 	width: 49%;
 	float: left;
 }

 #right50 {
 	width: 49%;
 	float: right;
 }

 /***************************************************************/

 /*  for modules within the columns:  */
 .module {
 	clear: both;
 	text-align: left;
 	font-weight: normal;
 	font-size: 10pt;
 	background: #F3F3F3;
 	margin: 15px 0;
 	width: 100%;
 }

 .moduletitlebar {
 	font-size: 14pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	border-top: #3399FF 3px solid;
 	background: #000000;
 	padding: 0 5px;
 }

 .moduletitle {
	display: inline;
	left: 0;
	font-size: inherit;
	font-weight: normal;
 }

 .moduleedit {
 	position: relative;
 	float: right;
 	display: inline;
 	text-align: right;
 	margin: 0 !important;
 	margin-top: -27px;
 	right: 4px;
 }

 .moduleedit a {
 	font-weight: normal;
 	text-decoration: none;
 	color: #FFFFFF;
 }

 .moduleedit a:hover {
 }

 .module p {
 	margin: 5px;
 	padding: 5px;
 }

 .module ul {
 	list-style: disc;
 	display: block;
 }

 .module li {
	list-style-type: disc;
	list-style-position: inside;
 	padding-left: 20px;
 }

 .moduleclear {
 	clear: both;
 }


 /***************************************************************/

 #footer {
 	background: #000000 url(whiteslashes.gif) top right no-repeat;
 	clear: both;
 	color: #FFFFFF;
 	padding-top: 20px;
 	position: relative;
 }

 #footer a {
 	color: #FFFFFF;
 	position: relative;
 }

 #footer a:hover {
 	color: #3399FF;
 }

 #sock {
 	position: relative;
 	width: 800px;
 	margin: auto;
 }

 #friendslinks, #socialnetworking {
 	float: left;
 	position: relative;
 	padding: 20px;
 	height: 100px;
 }

 #friendslinks ul li {
	margin-left: 6px;
	padding-left: 6px;
 }

 #friendslinks h2 {
 	font-size: 10pt;
 }

 #socialnetworking {
   	border-left: dashed 1px #FFFFFF;
 }

 #socialnetworking ul {
 	margin-top: -7px;
 }

 #socialnetworking .socialsite {
 	font-size: 20pt;
 }

 #accountmgmt {
 	position: absolute;
	top: 16px;
 	right: 3px;
 	font-size: 8pt;
 	color: #222222;
 }

 #accountmgmt a {
 	color: #222222;
 }



 /***************************************************************/

 /*  The following style is for specific modules  */

 /*  for the category module  */
 .categoryaddpiece {
 	clear: both;
 	padding: 10px 0;
 }

 .catdesc {
 	padding: 5px 0;
 }


 /*  for the briefpieces  */
 .briefpiece {
 	width: 234px;
 	height: 160px;
 	margin: 0;
 	padding: 10px 0 0;
 	float: left;
 	text-align: center;
 }

 .briefpieceimgdiv {
 	position: relative;
 	margin: auto;
 	width: 190px;
 	height: 120px;
 	border-top: #3399FF solid 3px;
 	overflow: hidden;
 	padding: 0;
 }

 .briefpiece h3 {
 	padding: 0;
 	margin: 0;
 }

 /*  for the piece module  */
 .piecedesc {
 	padding: 5px 0;
 }

 .pieceimg {
 	width: 740px;
 	margin: auto;
 	border-top: solid 3px #3399FF;
 	overflow: hidden;
 }

 .piecemorelink {
 	padding: 5px 0;
 }

 .piecebacklink {
 	padding: 10px 0 5px;
 }

 /* for the twitter module */

 ul.tweets li {
 	list-style: none;
 	text-indent: 0px !important;
 	text-indent: -15px;
 	border-bottom: #000000 solid 1px;
 	margin: 5px;
 	padding: 5px;
 }

 ul.tweets li.tweetlastli {
 	border: none;
 }

 .tweetinfo {
 	font-size: 8pt;
 	color: #808080;
 }