body { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
p { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
div { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }

td { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
th { color: black; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
li { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
ul { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
ol { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
dl { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
pre { color: black; font-size: 11px; font-family: Monospace }

form { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
input { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }

h1 { color: black;  font-size:  20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
h2 { color: black;  font-size:  18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
h3 { color: black;  font-size:  14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
h4 { color: black;  font-size:  12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }

a:link {color: #C91F16; text-decoration: underline }
a:visited {color: #C91F16; text-decoration: underline }
a:active {color: #FF0000; text-decoration: underline }
a:hover {color: #FF0000; text-decoration: underline }

.smalltext { color: black; font-size: 9px; font-family: Helvetica, Verdana, Arial, Geneva, Swiss, Sans-Serif }
.bodyequiv { color: black; font-size: 11px; font-weight: normal; font-style: normal; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }

.highlight { color: #C91F16; font-weight: bold; font-style: normal }
.exclusive { color: #C91F16; font-size: 18px; font-weight: bold; font-style: normal }
.bookshophighlight { color: white; font-size: 18px; font-weight: bold; font-style: normal; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }
.bookshopbody { color: white; font-size: 11px; font-weight: bold; font-style: normal; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Sans-Serif }




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

body {
	background-image:url('../images/MenuBackground.jpg');
	background-repeat: repeat-y;
}

blockquote {
	margin: 0 5%;
}

#menu {
	float: left;
	text-align: center;
	width: 100px;
}

#content {
	margin-left: 100px;
	padding: 10px;
}

#content img {
	max-width: 85%;
	height: auto;
}

.notice {
	border: 1px solid #990000;
	padding: 5px 10px;
	border-radius: 3px;
	margin: 15px 0;
	background-color: #EEEEEE;
	font-size: 12px;
}

.notice p {
	margin: 0;
	padding: 5px 0;
}


#sidebar {
	float: right;
	width: 20%;
}

#twitter {
	border: 1px solid #7F7F7F;
	padding: 10px;
	border-radius: 3px;
	background-color: white;
	margin-top: 10px;
}

#twitter img {
	width: 80%;
	max-width: 150px;
	height: auto;
}

#twitter ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#twitter li {
	margin-top: 10px;
}

#twitter .date {
	white-space: nowrap;
	font-size: 85%;
}

#twitter p {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	font-weight: bold;
}

#sidebar .date a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}

#homecontent {
	margin-right: 20%;
}



/* Small screens */
@media only screen and (max-width: 768px) {

body {
	background: none;
}

#menu {
	float: none;
	width: auto;
	margin-top: 10px;
}

#menuheader {
	display: none;
}

#content {
	margin-left: 0;
}


#homecontent {
	margin-right: 0;
}

#sidebar {
	float: none;
	width: auto;
}




}
