/******************************
*
* skhats-general.css
*
*	Styles for the general site
*/

/* Styles for the navigation bar */
#navigation {
	width:40%;
	text-align:center;
	padding:1px;
	margin:0 auto 15px auto;
	background-color:#000099;
	border-bottom:2px groove #AAA;
	border-left:2px solid #AAA;
	border-right:2px groove black;
	-webkit-border-bottom-right-radius: .8em;
	-webkit-border-bottom-left-radius: .8em;
	border-bottom-right-radius: .8em;
	border-bottom-left-radius: .8em;
	-moz-border-radius-bottomright: .8em;
	-moz-border-radius-bottomleft: .8em;
	font-size:1.2em;
	border-top:1px dotted #CCC;
}
#navigation a {
	display:block;
	background-color:transparent;
	color:white;
	padding:1px;
	margin:1px 5px 1px 5px;
}
#navigation a:hover {
	color:white;
	background-color:#0000EE;
}
#navigation #constants {
	font-size:.6em;
	position: absolute;
	left:8px;
	top:116px;
	margin:0;
	color:#000099;
	padding-left:0;
	list-style-type:none;	
}
#navigation #legals {
	font-size:.6em;
	position: absolute;
	right:20px;
	top:116px;
	margin:0;
	color:#000099;
	background-color:white;
	list-style-type:none;
}
#navigation #legals a, #navigation #constants a {
	color: #000099;
}
#navigation #legals a:hover, #navigation #constants a:hover {
	color:white;
}
/* Styles for extra box including events */
#extra {
/*	border:1px solid black;*/
	margin-right:6px;
	margin-left:6px;
}
#events {
	float:left;
	width:80%;
	padding:0;
}
#events h4 {
	background-color:#000099;
	color:white;
	margin:0;
	padding:0 1px 0 0;
	text-align:center;
}
#events ul {
	margin:0;
	padding:0;
	list-style-type: none;
	overflow-y:scroll;
	max-height:700px;
}
#events li {
	font-size:0.9em;
	padding:2px 2px 3px 4px;
/*	margin-bottom:2px;*/
}
#events li .date {
	font-weight:600;
	text-decoration:underline;
}
#events li.odd {
	background-color:#ddd;
}
#events li.even {
	background-color:#eee;
}
#extra img {
	max-width:97%;
	margin-left:3%;
}


/* Styles for the main content on the home page */
#detail {
	padding:0 2px 0 5px;
	font-size:0.9em;
	line-height:1.5em;
}
#detail img {
	max-width:45%;
	float:left;
	margin-right:10px;
}
/*#detail .alternate {
	list-style-type: none;
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
}
#detail .alternate li {
	border-bottom: 1px solid gray;
	margin-bottom:3px;
}
#detail .alternate li.odd {
	text-align:left;
	background-color: #ECC170;
	margin-right:20%;
}
#detail .alternate li.even {
	text-align: right;
	margin-left:40%;
	background-color: #F6DEB1;
}*/
#intro {
	clear:both;
}
#intro img {
	clear:both;
	overflow:visible;
	margin-bottom:25px;
}
#intro > p {
	padding-top:0;
	margin-top:0;
}


/* Styles for the internal footer (inside main) */
#footer {
	margin-bottom:2px;
	padding:7px;
}

/* Styles for the contact detail box (inside footer) */
#contact{
	width:15%;
	min-width:6em;
	max-width:100%;
	text-align:center;
	background-color:#CCC;
	vertical-align:middle;
	padding:2px 2px 2px 2px;
	margin-left:auto;
	margin-right:auto;
	width:40%;
}
#contact a {
	color:black;
	background-color:#DDD;
	display:block;
	width:60%;
	min-width:6em;
	margin:3px auto 2px auto;
	text-align:center;
	padding:2px 2px 3px 2px;
	border-bottom:1px solid #AAA;
}
#contact a:hover {
	color:white;
	background-color: #777;
}



/******************
*	privacy stuff
*/
.legal {
	padding-top:0;
	margin-top:0;
	border: 2px solid #000099;
	border-top:none;
	min-height:600px;
	position:relative;
}
.legal ul.links {
	float:right;
	border:1px solid #000099;
	background-color:#add8e6;
	clear:right;
	max-width:15%;
	padding:0;
	margin:0;
	font-size:0.8em;
			margin-left:6px;
		margin-bottom:6px;
}
.legal ul.links li {
	border-top:1px dotted #000099;
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0;
		line-height:1.5em;
		text-align:center;	
}
.legal ul.links a {
	padding:2px;
	margin:0;
	background-color:transparent;
	display:block
}
.legal ul.links a:hover {
	color:white;
	background-color: #000099;
}
.legal ul.links li:first-child {
	border:0;
}
.last_update+p {
}
.legal p, .legal h4 {
	padding-left:5px;
	padding-right:5px;
}
.legal h4 {
	margin-bottom:0;
}
.legal h4+p {
	margin-top:0;
}
.legal h3, #enquiry h2, #events h4, .shop_browser h3#title {
font-size:1.1em;
	padding:2px 0 2px 15px;
	margin:0;
	color:white;
	background-color:#000099;text-align:left;
}
.legal li {
	padding-bottom:3px;
	font-size:0.9em;
}
.legal .last_update {
	font-size:0.7em;
	margin-top:0;
	padding-left:15px;
}
.legal ul {
	width:90%;
	background-color:white;
	/*border:2px solid black;*/
	margin-left:auto;
	text-align:left;
	margin-right:auto;
	list-style-image: url(../images/hat_bullet2.jpg);
}
#term_approver {
	margin-top:10px;
	text-align:center;
}
#term_approver #term_check {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
}
#cancel_order {
	float:left;
	width:auto;
}
#confirm_order {
	float:right;
	width:auto;
}
#buttons {
	width:90%;
	/*text-align:center;*/
	margin-left:auto;
	margin-right:auto;
}
.legal ol{
	font-size:0.9em;
	width:90%;
	list-style-image:none;
	list-style-type:decimal;
}
ul.alternate{
	list-style-image: url(../images/hat_bullet.jpg);
	margin-left:50px;
	margin-top:25px;
	clear:both;
}
#enquiry {
	margin:0;
	padding:0;
	/*background-color:rgba(149, 191, 240, 0.3); *//*#97b2ff;*/
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#enquiry ul {
	list-style-type:none;
}
#enquiry li {
	list-style-image:none;
}
#enquiry legend {
	background-color:#000099;
	color:white;;
	font-weight:bold;
	font-size:0.9em;
}
#enquiry label {
	padding-right:10px;
	font-weight:bold;
	color:#000099;
	text-align:right;
	float:left;
	width:200px;
}
#enquiry .getdata, #enquiry .getenquiry {
	border: 1px solid #000099;
	margin:0 0 12px 0;
	background-color:white;
}
#enquiry .errors {
	font-size:.8em;
	color:#000099;
	background-color:#8eb1ee;
	margin:0;
}
#enquiry #question {
	width:70%;
	height:100px;
}
#enquiry #subenq {
	position:relative;
	right:-80%;
	top:-80px;
}
#enquiry #for_question {
	text-align:left;
}
#enquiry #question {
	display:block;
	clear:left;
	border:1px solid;
	border-color:gray black black gray
}	
#enquiry .collector {
	background-color:rgba(220,220,220,0.5);
}
#enquiry .collector:focus {
	background-color:rgba(250,250,210,0.9);
}
	
#intro {
    padding-top: 10px;
    margin-top: 10px;
}
ul.hat_list {
    list-style-type: image;
    list-style-image: url(../images/hat_bullet.jpg);
    margin-left: 50px;
    clear: both;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}