/* COLORS
     black: #000
light grey: #efefef
       red: #b00
   dk blue: #002D54
   lt blue: #3fa4fc
*/


*, html {
	margin: 0;
	padding: 0;
}

body {
	font-size: small;
	line-height: 1.4em;
	color: #efefef;
	font-family: "lucida grande", verdana, helvetica, arial, sans-serif;
	background: #b7b7b7 url('images/bg_greydiant_2000w.jpg') no-repeat top left;	
	margin: 0;
	padding: 0;
}

a {
	padding: 1px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:link, 
a:visited {
	color: #b00;
	color: #3fa4fc;
	background-color: transparent;
	}

a:hover, 
a:active {
	color: #fff;
	background: #b00;
	}
		
	





img.alignright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px solid #dedede;
	display: inline;
}

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #dedede;
	display: inline;
}





div#wrapper {
	width: 900px;
	margin: 0 auto 0 auto;
	background-color: #000;
	padding: 0;
	border-left: 4px solid #616161;
	border-right: 4px solid #616161;
}

div#header {
	background:#000 url('images/benjacks_logo_header.jpg') no-repeat top left;
	height: 163px;
	
}
#header h1 {
	text-indent: -9999px;
}


div#nav {
	background: #002D54;
	margin: 0;
	font-size: 1.2em;
	text-align: center;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}
	
#nav ul {
	margin: 10px;
	padding: 0;
}
	
#nav ul li {
	display: inline;
	list-style: none;
	line-height: 1.2em;
	padding: 0;
	margin-right: 15px;
	font-weight: bold;
	}


#nav a {
	padding: 1px;
	text-decoration: none;
}
#nav a:link, #nav a:visited  {
	color: #fff;
	background: transparent;
	}
	
#nav a:hover, #nav a:active  {
	color: #c00;
	background: #fff;
	}

#nav a.specials {
	padding: 4px;
}
#nav a.specials:link,
#nav a.specials:visited {
	color: #fff;
	background-color: #c00;	
}

#nav a.specials:hover,
#nav a.specials:active {
	color: #c00;
	background: #fff;
}

	




div#slideshow {
	width: 300px;
	float: left;
	margin: 20px;
	padding: 0;
	display: inline;
}

#slideshow div#slideshowcaption {
	margin: 10px 0;
	padding: 6px;
	border: 2px solid #c7c7c7;
}

#slideshow div#slideshowcaption p {
	color: #c7c7c7;
	font-size: .9em;
}

#slideshow div#flashcontent {
	border: 0;
	padding: 0;
	margin: 0;
}


div#widetitle {
	margin: 20px;
}

div#sidebar {
	width: 300px;
	float: left;
	margin: 20px;
	padding: 0;
	display: inline;
}

#sidebar h2 {
	margin: 1em 0 .5em 0;
}

#sidebar h3 {
}

#sidebar p {
	margin-bottom: .5em;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin-bottom: .5em;
	margin: 0;
	padding: 0;
}

#sidebar img,
#slideshow img {
	border: 2px solid #c7c7c7;
	margin: 20px 0 0 0;
}













div#main {
	width: 530px;
	margin: 20px 20px 20px 0;
	float: right;
	font-size: 1.1em;
	display: inline;
}

#main p {
	margin-bottom: .5em;
}

#main h1, 
#main h2, 
#main h3, 
#main h4, 
#main h5, 
#main h6 {
	font-weight: bold;
	color: #3fa4fc;
}

#main h1 {
	font-size: 2em;
	margin: 10px 0 8px 0;
}

#main h2 {
	font-size: 1.4em;
	margin: 10px 0 5px 0;
	color: #dedede;
}

#main h1 + #main h2 {
	margin-top: 0px;
}

#main p + h1 {
	margin-top: 30px;
}

#main p + h2 {
	margin-top: 15px;
}

#main div.details {
	margin: 20px 0;
	padding: 10px;
	background-color: #363636;
	border: 2px solid #c7c7c7;
}

#main .details dl dt {
	font-weight: bold;
	font-size: 1.2em;
}
#main .details dl dd.spacer {
	margin-bottom: 20px;
}

#main .details h1,
#main .details h2,
#main .details h3 {
	color: #efefef;
	margin-top: 0 !important;
	margin-bottom: 10px;
}

#main ol {
	margin: 0 0 0 1.5em;
	padding: 0;
}
#main ol li {
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: .9em;
}

#main .details ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}


#main p.solopic {
	margin: 20px 0;
	border: 2px solid #c7c7c7;
}


#main .special {

}

#main .special h2 {
	margin-top: 20px;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #c00;
}

#main .special img {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #c7c7c7;
}

#main .special p.divider {
	clear: both; 
	height: 1px;
}

#main .dotdPull {
	margin: 0 0 20px 0;
	border: 2px solid #efefef;
	background-color: #a00;
	color: #efefef;
}

#main .dotdPull h1 {
	margin: 10px 10px 0 10px;
	color: #efefef;
}

#main .dotdPull h2 {
	margin: 10px 10px 0 10px;
}

#main .dotdPull p {
	margin: 10px;
}




div#news {
	margin: 20px;
}

#news div.item {
	float: left;
	width: 265px;
	margin: 0 15px 10px 0;
	font-size: 1em;
	display: inline;
}

#news div.item img {
	margin: 10px 0 0 0;
	border: 1px solid #c7c7c7;
	display: block;
}

div#news div.item h3 {
	font-size: 1.2em;
	font-weight: bold;
}

div#news div.item p {
	color: #c6c6c6;
	line-height: 1.3em;
}




img#imgband {
	margin: 0;
	padding: 0;
	border-top: 2px solid #c7c7c7;
/*	border-bottom: 2px solid #c7c7c7;*/
	
}



p.logos {
}

p.logos a,
p.logos a:link,
p.logos a:visited,
p.logos a:hover,
p.logos a:active {
	padding: 0;
	margin: 0;
	background-color: transparent;
}

p.logos img {
	margin-right: 50px;
}

div#footer {
	border-top: 2px solid #efefef;
	background-color: #002D54;
	padding: 10px;
}

#footer p {
	margin: 10px;
}

#footer p.copyright {
	text-align: right;
	font-size: .9em;
}

#footer div#kudzu {
	margin: 20px 0 0 0;
	text-align: right;
	font-size: .8em;
}


/*  DEAL OF THE DAY and SPECIALS --------------------------------------------- */

div#dotd {
	width: 300px;
	float: left;
	margin: 20px;
	padding: 0;
	display: inline;
	border: 1px solid #a00;
	background-color: #efefef;
	color: #333;
}

#dotd h1 {
	font-size: 2em;
	color: #a00;
	margin: 0px;
	text-indent: -9999px;
	background: transparent url('/images/DotD_300x70.jpg') no-repeat top left;
	height: 70px;
}

#dotd img {
	border: 1px solid #c7c7c7;
	display: block;
	margin: 10px;
}

#dotd h2 {
	color: #a00;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	line-height: 1.2em;
}

#dotd p {
	margin: 0 10px 10px 10px;
}






/*
==============================================================================
 ADMIN - contains everything for the /webadmin/ section
==============================================================================
*/


/* COLORS
     black: #000
light grey: #efefef
       red: #b00
   dk blue: #002D54
*/



div#admin {
	margin: 20px;
	font-size: 1.2em;
}


#admin a:link, 
#admin a:visited {
	color: #b00;
	background: transparent;
	}

#admin a:hover, 
#admin a:active {
	color: #fff;
	background: #b00;
	}
		
	



#admin h1, #admin h2, #admin h3 {
	color: #002D54;
}

#admin h1 {
	padding: 10px;
	border: 1px solid #002d54;
	font-weight: bold;
	background-color: #efefef;
	margin-bottom: 30px; 
}


#admin h1 + #admin h2 {
	margin-top: 20px;
}

#admin p {
	margin: 1em 0;
}

#admin ul li {
	list-style: none;
	margin: 10px auto;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

#admin ul li ul li {
	font-weight: normal;
	font-size: .9em;
	margin-left: 2em;
	padding-left: 1em;
}


#admin form textarea {
	margin-bottom: 1em;
}

#admin form input {
	font-size: 1.2em;
	padding: .25em;
}

#admin form textarea,
#admin form input.wide {
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: .3em;
	width: 80%;
	max-width: 650px;
	font-family: verdana, arial, sans-serif;
}

#admin form input.submit {
	width: 100px;
	margin-top: 15px;
}

#admin ul#editlist,
#admin ul#editlist li {
	margin: 5px;
	padding: 10px;
}

div.adminsection {
	width: 40%;
	float: left;
	border: 1px solid #002D54;
	padding: 20px;
	margin: 0 20px 20px 0;
	background-color: #fff;
	display: inline;
}

#admin dl {
	margin: 10px 0;
}

#admin dl dt {
	font-weight: bold;
	margin-bottom: 0;
	color: #002D54;
}
#admin dl dd {
	margin: 0 0 2em 0;
	padding: 0;
	}

#admin table td, #admin table th {
	padding: 6px;
	text-align: left;
}

#admin table tr.even {
	background-color: #efefef;
}

#admin table tr.odd {
	background-color: #fff;
}

#admin table tr th {
	background-color: #dedede;
}


#admin p.delete {
	font-weight: bold !important;
	font-size: 2em !important;
	float: left;
	display: inline;
	margin: 20px;
	padding: 6px;
	border: 2px solid #002D54;
	background-color: #fff;
}


#admin ul.imglist {
	margin: 20px 0;
}

#admin ul.imglist li {
	float: left;
	display: inline;
	background-color: #efefef;
	margin: 0 20px 20px 0;
	padding: 10px;
	border: 1px solid #002D54;
	height: 270px;
}

#admin ul.imglist img {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}

#admin ul.imglist p {

}