/*
TITLE:	Banded Blues Design Stylesheet
AUTHOR:	Khaled Maiwand, HighCo Technology
CREATED:	Sept. 2007
border: 1px solid red; 
*/
* {margin: 0; padding: 0; border: 0; }

body {
	margin-bottom: 30px;
	background: #333333;
	}

	#container {
		width: 810px;
		margin: 10px auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		line-height: 1.6em;
		color: #efefef;
		background: #666666;
		}
		
	h1 {
		margin: 10px 0 8px 0;
		padding: 3px 10px;
		font-size: 130%;
		border: 1px solid #000;
		color: #efefef;
		background: #999999;
		}
/**************** header styles ****************/
	#header {
		color: #efefef;
		background: #666666;
		}
		#header p { 
			margin: 0; 
			padding: 35px 0 0 35px; 
			font-family: "Courier New", Monospace;
			font-weight: normal;
			font-size: 32px;
			color: #efefef;
			background: #666666;
			}
		#header p.subtitle { 
			margin: 10px 0 30px 50px; 
			padding: 0;
			font-size: 14px;
			}

/**************** menu styles ****************/
#navbar { text-align: center;}
	#navbar ul{
		list-style: none;
		margin-bottom: 15px;
		border-top: 1px solid #000;
		border-bottom: 3px solid #000;
		background: #555551;
		}
	#navbar li { display:inline; }
	#navbar  a{
		padding: 7px 20px; 
		margin: 0 50px;
		text-align: center;
		text-decoration: none; 
		border: 1px solid #000;
		border-bottom: none;
		color: #FFFFFF;
		background: #555551; 
		}
		#navbar  li a:hover { background:#333333; }

/**************** images styles ****************/		
	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #110000;
      background-color: #efefef; 
	  }

	img.left {
	  float: left;
	  margin: 20px 12px;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 20px;
	  }

/**************** content styles ****************/
	#content {
	  float: left;
	  width: 560px;
	  margin-top: 5px;
	  padding: 5px 10px;
	  }
	#content p { padding-top: 8px; font-size: 88%;}
	#content a { color: #eeeeee; }
		#content a:hover { color: #FFFFFF; }

	#content ul{ margin: 0 20px; font-size: 88%;}
	#content blockquote{ 
		margin: 7px; padding: 0px 5px; 
		border: 1px solid #999; 
		border-left: 5px solid #999; 
		}

/**************** sidebar styles ****************/
	#sidebar {
		float: right;
		width: 188px;
		margin-top: 5px;
		padding: 5px 10px 0 21px;
		font-size: 88%;
		border-left: 1px solid #dddddd;
		}
	  
/**************** footer styles ****************/
#footer {
	clear: both;
	border-top: 1px solid #000000;
	border-bottom: 10px solid #333333;
	background: #222224;
	}

	#footer p {
		padding: 5px;
		font-size: 88%;
		text-align: center;
		color: #efefef;
		}

	#footer a { color: #efefef; }
		#footer a:hover { color: #dddddd; }