/*-----------------------------------------------------------------------------
Memoirs Online Stylesheet

version:   3.0
author:    Jenn Honnery
filename:  mem_styles.css
email:     jenn@greenturtle.com.au
website:   http://www.greenturtle.com.au
-----------------------------------------------------------------------------*/

/* general
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}


html {
font-size:12px;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/*png support for older browsers */
img, div { behavior: url(iepngfix.htc) }

/*skip to content */
.skip {display:none}

 a:link, a:visited
{
text-decoration:none;
}

 a:hover, a:active
{
color:#000000;
}

/*stop flicker of images on load */
.js #flash {display: none;}


/* Background
-----------------------------------------------------------------------------*/

body
{
background-color:#bfbfbf;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
text-align:center;
font-size:12px;
}


 



/* wrapper to centre design
-----------------------------------------------------------------------------*/

#wrapper
{
width:850px;
margin: 0 auto;
text-align:left;
z-index:10;
}

/* header
-----------------------------------------------------------------------------*/
#head_container
{
width:850px;
font-family:Georgia, "Times New Roman", Times, serif;
z-index:50;
position:absolute;
top:35px;
left:50%;
margin-top:0px;
margin-left:-425px;
}

#media_icons
{
float:right;
width:850px;
text-align:right;
}
#media_icons img
{
margin:5px;
float:right;
}

#head_container img 
{
float:left;
margin-top:-10px;
}

#head_text
{
float:right;
}

#head_text h1
{
font-size:71px;
font-weight:normal;
text-align:right;
}

#head_text h2
{
text-align:right;
font-size:42px;
font-style:italic;
font-weight:normal;

}

#head_text h3
{
text-align:right;
font-size:14px;
font-weight:normal;
color:#f16935;
font-style:italic;
margin-top:-10px;
}

.container_rotate{
			position:absolute;
			width:850px;
			height:300px;
			top:179px;
			left:50%;
			margin-top:0px;
			margin-left:-425px;
			z-index:10;
			background-color:#999999;
		}



#slideshow{
			position:absolute;
			width:850px;
			height:300px;
			top:165px;
			left:50%;
			margin-top:0px;
			margin-left:-425px;
			z-index:10;
			text-align:center;
		}

#slideshow img {
background-color: white;
padding: 4px;
border: 1px solid #666;
cursor:pointer;
}



/* menu
-----------------------------------------------------------------------------*/

#main_menu
{
background-color:#f16935;
width:852px;
height:20px;
text-align:left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
z-index:20;
position:absolute;
top:465px;
left:50%;
margin-top:0px;
margin-left:-425px;
padding-top:3px;
padding-bottom:3px;
}

#main_menu a
{
color:#FFFFFF;
text-decoration:none;
margin-left:10px;
margin-right:10px;
font-weight:bold;
}

#main_menu a:link, a:visited
{
text-decoration:none;
}

#main_menu a:hover, a:active
{
color:#000000;
}


/* main content
-----------------------------------------------------------------------------*/

#content_container
{
background-color:#FFFFFF;
width:842px;
z-index:10;
position:absolute;
top:490px;
left:50%;
margin-top:0px;
margin-left:-425px;
padding:5px;
margin-bottom:20px;
}

#content_left
{
float:left;
width:550px;
padding:10px;
margin-bottom:50px;
}
#content_left img
{
display:block;
float:left;
padding:5px;
margin: 15px;
background-color: white;
padding: 4px;
border: 1px solid #666;
max-width:500px; 
*width: expression( document.body.clientWidth > 776 ? "777px" : "auto" ); /* sets max-width for IE */
}

#video-logo
{
display:block;
float:left;
background-color: white;
max-width:500px; 
}



#paging
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#content_left h1
{
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
float:left;
font-weight:normal;
}

#content_left hr
{
display:block;
float:left;
width:530px;
margin-top:10px;
margin-bottom:10px;
}

#content_left h2
{
width:500px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
float:left;
font-weight:normal;
color:#f16935;
text-align:left;
}

#content_left li
{
float:left;
width:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
list-style-image: url(../images/star.png);
margin-left:30px;
}


#content_left p
{
float:left;
width:550px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:5px;
margin-bottom:5px;
line-height:1.7em;
}

#content_left form
{
float:left;
width:470px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:5px;
margin-bottom:5px;
}

#content_left h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:500px;
text-align:right;
float:left;
}

#content_left a
{
color:#f16935;
text-decoration:none;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}


#content_left a:link, a:visited
{
text-decoration:none;
}

#content_left a:hover, a:active
{
color:#CC0000;
}



#content_right
{
float:right;
width:240px;
padding-top:8px;
padding:3px;
text-align:center;
}

#content_right h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
padding-bottom:5px;
}

#content_right h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
padding-bottom:5px;
}

#content_right img
{
display:inline;
float:left;
}


/* search form
-----------------------------------------------------------------------------*/

#search_form
{
width:240px;
float:left;
background-image:url(../images/searchbg.jpg);
background-color:#ffffff;
background-repeat:no-repeat;
margin-bottom:30px;

}

#search_form h6
{
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
}
#search_form label
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-right:5px;
}
.keywords {  

border: 1px solid #a9a9a9;  
padding: 2px;  
font-size: 14px;  
width:95%;
}

.select {  

border: 1px solid #a9a9a9;  
padding: 2px;  
font-size: 1em;  
text-align:right;
}

.search {
float:right;
}

/* comments - main page
-----------------------------------------------------------------------------*/ 

#comments
{
width:230px;
height:500px;
float:left;
border: black solid 1px;
background-color:#ffffff;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
overflow-x: hidden;
overflow-y: scroll;

}

#comments h2
{
font-size:14px;
font-weight:bold;
padding-bottom:5px;
color:#f16935;
}

#comments a
{
color:#000;
text-decoration:none;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}


#comments a:link, a:visited
{
text-decoration:none;
}

#comments a:hover, a:active
{
color:#f16935;
}


/* foot
-----------------------------------------------------------------------------*/


#foot
{
position:absolute;
bottom:0px;
left:0px;
width:100%;
color:#f16935;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
margin-top:20px;
padding-top:3px;
padding-bottom:3px;
background-color:#FFF;
}

#foot a
{
color:#FFFFFF;
text-decoration:none;
margin-left:10px;
margin-right:10px;
font-weight:bold;
}

#foot a:link, a:visited
{
text-decoration:none;
}

#foot a:hover, a:active
{
color:#000000;
}
/*  sub pages menu
-----------------------------------------------------------------------------*/

#sub_menu
{
background-color:#f16935;
width:852px;
height:26px;
text-align:left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
z-index:9;
position:absolute;
top:185px;
left:50%;
margin-top:0px;
margin-left:-425px;
padding-top:3px;
padding-bottom:6px;
}

#sub_menu a
{
color:#FFFFFF;
text-decoration:none;
margin-left:10px;
margin-right:10px;
font-weight:bold;
}

#sub_menu a:link, a:visited
{
text-decoration:none;
}

#sub_menu a:hover, a:active
{
color:#000000;
}

/*  sub pages content container
-----------------------------------------------------------------------------*/


#sub_content_container
{
background-color:#FFFFFF;
width:842px;
z-index:10;
position:absolute;
top:210px;
left:50%;
margin-top:0px;
margin-left:-425px;
padding:5px;
margin-bottom:20px;
}

/*  popup container
-----------------------------------------------------------------------------*/

#popup_main {
		position:absolute;
		top:5%;
		left:50%;
		margin-left:-475px;
		width:950px;
		height:700px;
		display:none;
		z-index:990;
		background-image:url(../images/popup.png);
		background-repeat:no-repeat;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:x-small;
		color:#333333;
		padding:10px;
	}

#popup_main  h2
{
padding-left:10px;
color:#f16935;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

#popup_main  img
{
background-color:#ffffff;
padding:4px;
}

#popup_main  b{color:#F16935; font-size:small; padding:3px;}

#popup_main a:link {color: #F16935; text-decoration:none;} 
#popup_main a:visited {color: #F16935; text-decoration:none;}
#popup_main a:hover {color: #F16935; text-decoration:none;}
#popup_main a:active {color: #F16935; text-decoration:none;}
#popup_main a:focus{color: #F16935; text-decoration:none;}

#close
{
position:absolute;
top:9%;
left:50%;
margin-left:-475px;
width:950px;
height:40px;
z-index:991;
border:0;
display:none;
}

#transparent
{
position:absolute;
top:75px;
left:905px;
width:79px;
height:30px;
z-index:992;
border:0;
}

#text_left
{
position:absolute;
top:30px;
left:30px;
width:400px;
height:620px;
z-index:991;
border:0;
}

#text_right
{
position:absolute;
top:60px;
left:600px;
width:320px;
height:600px;
z-index:991;
border:0;
padding-right:20px;
vertical-align:top;
overflow-x:hidden;
overflow-y:auto;
text-align:center;
}

#text_right li
{
display:block;
margin:10px;
padding:5px;
background-color:#ffffff;
width:300px;
text-align:left;
-moz-box-shadow: 2px 2px 2px #ccc;
		-webkit-box-shadow: 2px 2px 2px #ccc;
		box-shadow: 2px 2px 2px #ccc;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=140, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=140, Color='#cccccc');
}


#commentbox
{
	position:absolute;
	top:30px;
	left:450px;
	width:310px;
	height: 680px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:small;
	vertical-align:top;
	overflow-x:hidden;
	overflow-y:auto;
	border: 1px solid #000;
	background-color:#ffffff;
	padding:5px;
	z-index:992;
}

#overlay
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(../images/fade.png);
background-repeat:repeat;
z-index:989;
display:none;
}