/* ===== BOOKSTORE.CSS ===== */
/* Alan Colquhoun, MDIA 3201 */
/* Last Update: June 7, 2012 */
/* ========================= */

body {
  margin: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center; /* you need this to center your page in IE6 */
  color: #000; background: url(images/bg_tile.png);
  font-family: verdana, arial, geneva, sans-serif;
  font-size: 80%; /* default setting */
} 

hr
{  
    float: left;
	color: #f00; background-color: #f00;
	height: 3px; width: 645px;
    margin-bottom: 20px;	
}
/* general link formatting */

a.topnav:link {
  color: #9a9aff; background: #000;
  font-weight: bold;
  text-decoration: none;
}

a.topnav:visited {
  color: #ff39ff; background: #000;
  font-weight: bold;	
  text-decoration: none;
}

a.topnav:active {
  color: #00be00; background: #000;
  font-weight: bold;	
  text-decoration: none;
}

a.topnav:hover {
  color: #00be00; background: #000;
  font-weight: bold;
  text-decoration: underline;
}

a.contact:link {
  color: #000083; background: #BBB897;
  font-weight: bold;
  text-decoration: none;
}

a.contact:visited {
  color: #410041; background: #BBB897;
  font-weight: bold;	
  text-decoration: none;
}

a.contact:active {
  color: #460000; background: #BBB897;
  font-weight: bold;	
  text-decoration: none;
}

a.contact:hover {
  color: #002200; background: #BBB897;
  font-weight: bold;
  text-decoration: underline;
}

#wrapper {
  width: 960px;
  margin: 0 auto; /* this will center your page in all other browsers ie)firefox & IE7 */
  text-align: left;
  color: #000; background: #fff; 
}

#header {
  margin: 0;
  padding: 0;
  color: #000; background: transparent url("images/floyds.jpg") no-repeat;
  height: 155px; width: 960px;
  border-bottom: 4px solid #BBB897; 
}

#toplinks
{
  color: #fff; background: #000000;
  font-size: 18px;
  font-weight: bold;  
  text-align: center;
  border-top: 2px solid #e18a8a;
  border-bottom: 2px solid #e18a8a;
  padding: 3px;
}
  
/*main navigation - top menu */

#navcontainer {  
  float: left; /* need to add so background color will appear in all browsers - container is turned into a block element */
  margin:0;
  padding:0;
  width: 100%;
  background: #4d4750; color: #fff;
  border-bottom: 1px solid #B8B5BA;
}  

#navcontainer ul {
  margin: 0;
  padding-left: 0px; /* adjust to where you want the menu to start */
  list-style-type: none;                           
}

#navcontainer ul li { 
  display: inline; 
}

#navcontainer ul li a {
  float: left; /* turns the links into "block boxes" -- fixes the problem of vertical padding not being added to "inline" elements - make sure this gets cleared in the sidebar div */
  padding: 8px 32px;
  margin-right: 1px;
  color: #fff; background: #4d4753;
  text-decoration: none;
  border-right: 1px solid #B8B5BA;
  font-weight: bold;
}

#navcontainer ul li a:hover {
  color: #000; background: #ff5d5d;
  text-decoration: none;
}

#navcontainer li a#kurrent {
  color: #fff; background: #a20000;
  text-decoration: underline;
}

#navcontainer ul li a.first {
  width: 148px;
  border-left: 1px solid #B8B5BA; /* adds left border to first item in the menu */
} 

#sidebar { 
  clear: both; /* clear float in navigation above */
  width: 213px; height: 1270px; 
  float: left;
  color: #000; background: #ccc;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; 
}

#sidebar p {
  padding-top: 15px;
  padding-left: 25px;
  padding-right: 15px;
}

#menu5 {
	width: 180px;
	margin: 15px;
}
	
#menu5 li a {
	height: 24px;
	text-decoration: none;
}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #fff; background: #4d4753;
	display: block;
	padding: 8px 0 0px 10px;
	margin-bottom: 5px;
	text-decoration: none;
    font-weight: bold;
}
	
#menu5 li a:hover {
	color: #000; background:  #ff5d5d;
	padding: 8px 0 0px 10px;
}

#menu5 li a#current {
  color: #fff; background: #a20000;
  text-decoration: underline;
}

#menu5 ul {
	list-style: none;
	margin: 0;
	padding: 5px;
}

#welkom, #contakt
{
    padding-left: 25px;
	padding-right: 25px;
}
	
#content {
  width: 687px;
  margin: 0px 0px 25px 30px;
  float: left;
  padding-right: 15px;
}

#content h3 {
  margin-top: 25px;
  font-size: 140%;
} 

#content p {
  padding: 0 5px 5px 0;
}

#errorMessage { 
  color:red;
  font: bold 10pt sans-serif;
}

table {
   width: 650px;
   text-align: left;
}

td, th {
   color: #000; background: #ffc;
   border-style: solid;
   border-width: thin;
   border-color: #000;
   padding: 15px;
   font-size: 12px;
}

.bld
{
	font-weight: bold;
}

#user-entry
{
	width: 600px;
	padding: 20px 0px 13px 0px;
}	

fieldset
{
	border: 2px solid black;
}

legend
{
	color: #800;
}
	
#user-entry td
{
   padding:  10px;
}

#footer {
  clear: both;
  padding: 0;
  margin:0;
  height: 80px;
  color: #000; background: #BBB897;
}  

#footer p {
  margin: 0;
  padding-top: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 240%;
  text-align: center;
}