/* CSS Document */

/* FILENAME:		screen.css */
/* AUTHOR:			Justine Beckett (1968 Film Group) */
/* CREATED:			February 2014 */
/* CLIENT:			peterbromley.net */
/* LAST MODIFIED: 	23 Dec 2015*/




/* DEFAULTS ------------------------ */

* {
		margin: 0;
		padding: 0;
}

body {
	background-color:#666;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	border-color:#CCC;
}
		

/* STRUCTURE ------------------------- */


#wrapper {
		margin: 0 auto;
		width: 750px;
		background-color: transparent;
		background:none;
		border: 1px solid #000000;

}		

/*#header, #mainContent, #footer, #signature, #topNav {
		width: 690px;
		margin: 0 auto;
		
}*/


#header {
		height: 102px;
		background-color:#000000;
		background-image:url(..assets/the_passenger.jpg);
}

#topNav {
		text-align:right;
		padding:10px 35px 0 25px;
		margin-bottom: 50px;
		background-color:#000000;
}

#mainContent {
		padding: 0 25px 0 25px;
		margin-bottom:50px;
}

.imageViewer {
	width:300px;
	height:227px;
	overflow:auto;
	float:right;
	margin:0 0 20px 25px;
	/*scrollbar-base-color:#666666;*/
	/*border:1px solid #999999;*/

}

.rotater {
	width:220px; 
	height:327px;
	float:right;
	margin:0 0 20px 25px;
	border:1px solid #999999;
}


#footer {
	clear:both;
	margin-bottom: 5px;
	padding: 0 25px 0 25px;
}

#bottomNav {
		clear:right;
		text-align:right;
}

#copyright {
		clear:both;
		text-align:left;
		font: bold 0.8em/100% Arial, Verdana;
}

#signature {
		clear:both;
		width:750px;
		margin: 0 auto;
		text-align:right;
		font: bold 0.8em/100% Arial, Verdana;
}

.seperator {
		clear: both;
}

.seperatorInvisible {
		clear: both;
		height: 1px;
}

.hidden {
	display:none;
}

table.accessKeys td {
	padding-right:20px;
}


table.accessKeys th {
	text-align:left;
}

table.enquiry {}

td.tag {
	width:30%;
	vertical-align:top;
	font-size:100%;
}

.bookContainer {
	width: 180px;
	height:270px;
	float:left;
	margin:0 20px 10px 0;
}

.scrollBox {
	overflow:auto;
	height:200px;
	/*scrollbar-base-color:#666666;*/
	padding-right:10px;
}

.column {
	float:left;
	width:200px;
	margin:20px 10px 10px 0;
}
	
/* LINKS AND NAVIGATION---------- */

/*a {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover {
	 color:#FFFFFF;
}*/


a.pageTop {float:right;}
		

#mainContent a {
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}

#mainContent a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

ul#projects li {margin-bottom:50px;}
ul#projects {margin-top:30px;}

#topNav ul {
		list-style-type: none;
}

#topNav li {
		font: bold 1.0em/100% Arial, Verdana;
		display:inline;
}

#topNav a {
		color:#FFFFFF;
		text-decoration: none;
		font-weight:bold;
		font-size:100%;
}

#topNav a:hover {
		text-decoration: none;
		color:#DDD;
}

#bottomNav ul {
		list-style-type: none;
}

#bottomNav li {
		font: bold 1em/100% Verdana, Arial;
		padding-bottom: 2px;
		display:inline;
}

#bottomNav a {
		color:#FFFFFF;
		text-decoration: none;
		font-weight:bold;
		font-size:%;
}

#bottomNav a:hover {
		text-decoration: none;
		color:#FFFFFF;
}

#copyright a {
		text-decoration:none;
}

#signature {
	text-align:right;
	font: bold 0.65em/100% Verdana;
}

#signature a {
		color:#FFFFFF;
		text-decoration: none;
}

#signature a:hover {
		text-decoration: underline;
}

input, textarea {
	background-color:#666666;
}

textarea {
/*	scrollbar-base-color:#666666;*/
}

/* FONTS --------------------------- */

html {
		font-size: 100%;
		}

body {
		font-size: 70.5%;
		}

h1 {
		/*font: bold 1.6em/100%  Verdana, Arial;*/
		font: bold 1.6em/100% Arial, sans-serif;
		margin-bottom: 10px;
}

h2 {
		/*font: bold 1.4em/100% Verdana, Arial;*/
		font: bold 1.4em/100% Arial, sans-serif;
		margin-bottom: 5px;
}

h3 {
		/*font: bold 1.4em/100% Verdana, Arial;*/
		font: bold 1.2em/100% Arial, sans-serif;
		margin-bottom: 5px;
}

.bookContainer h2 {
	float:left;
	font-size:95%;
	height:30px;
}

p {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}

ul {
		margin-bottom: 1em;
		list-style-type: square;
}

ol {
	margin-bottom: 20px;
	margin-left:10px;
	list-style-position:outside;
	list-style-type: square;
}

li {
		/*font: 1.1em/1.4em Verdana, Arial, sans-serif;*/
		margin-left: 1.3em;
}


.break {
		display: none;
}

hr {
	border: 1px #333333 dashed;
	margin-bottom: 20px;
	clear:both;
}

.alert {
	color:red;
}

/* IMAGES ----------------------------------- */

img { border: 1px solid #999; }

a img {
	border: 1px solid #999;
}
a:link img{
	border: 1px solid #999;
}
a:visited img{
	border: 1px solid #999;
}
a:hover img{
	border: 1px solid white;
}
a:active img{
	border: 1px solid #999;
}


/*#header img {float:right;}*/

#mainContent img {
	float:right;
	margin:0 0 25px 20px;
}

#mainContent img.fLeft {
	float:left;
	margin:0 20px 20px 0;
}

.imageViewer img {
		float:none;
}

#projectViewer img {
	float:right;
	margin:0 0 20px 25px;
}

.bookContainer img {
	/*float:left;*/
	margin:0;
	padding:0;
}



.rotater img {float:none; margin:0;padding:0;}