/*-----------------------------------------------------------------------------
MEMOIRS ONLINE

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

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


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

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0.5em 0;
}

/* 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) }


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

body
{
background-image:url(../images/back.jpg);
background-repeat:repeat;
text-align:center;
}



/* menu at top
-----------------------------------------------------------------------------*/
#top_bar
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:50px;
background-color:#000000;
z-index:1;
}

#bottom_bar
{
float:left;
width:100%;
text-align:center;
padding:10px;
background-color:#000000;
z-index:1;
}


#menu
{
float:right;
background-color:#000000;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#ffffff;
padding:10px;
padding-top:17px;
}

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

#logo
{
float:left;
width:173px;
height:154px;
}


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

#wrapper
{
width:1024px;
margin: 0 auto;
text-align:left;
z-index:2;
position:relative;
}

#spacer
{
width:1024px;
height:30px;
float:left;
}


/* drop shadows
-----------------------------------------------------------------------------*/



#home_text {
		width:710px;
		height:350px;
		float:left;
		padding:10px;
		margin:5px;
		background-color:#FFFFFF;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#home_text h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:x-large;
color:#F16935;
}

#home_text p
{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#333333;

}

#home_text img
{
float:right;
margin:4px;
}


#search {
		width:230px;
		height:350px;
		float:right;
		padding:10px;
		color:#f16935;
		margin:5px;
		background-color:#000000;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#search h2
{
color:#f16935;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

#search label
{
display:block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
padding:5px;
}

#search input
{
width:190px;
margin-left:5px;
}

#search select
{
width:190px;
margin-left:5px;
}

#search i
{
font-size:small;
}

#home_pics {
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:x-small;
		font-weight:bold;
		width:260px;
		height:800px;
		float:left;
		padding:10px;
		margin:5px;
		background-color:#FFFFFF;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#home_pics h2
{
color:#f16935;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

#home_pics img
{
width:100px;
display:block;
margin:auto;
background-color:#ffffff;
padding:4px;
border: 1px solid #a9a9a9;
}	


#home_comments {
overflow-x: hidden;
overflow-y: scroll;
		width:260px;
		height:800px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		color:#ffffff;
		padding:10px;
		margin-left:15px;
		margin-right:15px;
		margin-top:5px;
		margin-bottom:5px;
		background-color:#55585e;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#home_comments h2
{
color:#f16935;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

#home_comments b{color:#F16935; font-size:small;}
#home_comments i{color:#F16935;}
#home_comments a:link {color: #FFFFFF; text-decoration:none;} 
#home_comments a:visited {color: #FFFFFF; text-decoration:none;}
#home_comments a:hover {color: #F16935; text-decoration:none;}
#home_comments a:active {color: #FFFFFF; text-decoration:none;}
#home_comments a:focus{color: #FFFFFF; text-decoration:none;}



#home_comments img
{
display:inline;
margin:1px;
}	


	
#home_act {
		width:370px;
		height:800px;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		color:#333333;
		padding:10px;
		margin:5px;
		background-color:#FFFFFF;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}

#home_act h2
{
color:#f16935;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

#home_act img
{
width:300px;
display:block;
margin:auto;
background-color:#ffffff;
padding:4px;
border: 1px solid #a9a9a9;
}

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


#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;
}


/* search results
-----------------------------------------------------------------------------*/

#search_text {
		width:720px;
		float:left;
		padding:10px;
		margin:5px;
		background-color:#FFFFFF;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#search_text h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:x-large;
color:#F16935;
}

#search_text h2
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
color:#F16935;
}

#search_text p
{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#333333;
}

#search_text i
{
font-size:x-small;
padding-left:10px;
}

#search_text img
{
height:150px;
display:block;
float:left;
margin:10px;
background-color:#ffffff;
padding:4px;
border: 1px solid #a9a9a9;
}



.popup
{
text-align:center;
}

.navigation
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#F16935;
font-size:small;
}

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

#paging
{
position:absolute;
top:230px;
left:450px;
width:270px;
height:20px;
z-index:800;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:small;
}

.error
{
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:bold;
color:#f16935;
}

#searchtotal
{
position:absolute;
top:277px;
left:480px;
width:200px;
height:20px;
z-index:800;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:small;
}

#loading
{
position:fixed;
top:50%;
left:50%;
text-align:center;
z-index:981;
	    width: 48px; /* width of the loader gif */
	    height: 50px; /*hight of the loader gif +2px to fix IE8 issue */
	}
	
	
#upload_text {
		width:720px;
		float:left;
		padding:10px;
		margin:5px;
		background-color:#FFFFFF;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#upload_text h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:x-large;
color:#F16935;
}

#upload_text h2
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
color:#F16935;
}

#upload_text p
{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#333333;
}

#upload_text i
{
font-size:x-small;
padding-left:10px;
}

#upload_text img
{
float:right;
margin:4px;
}


#upload {
		width:230px;
		float:right;
		padding:10px;
		color:#f16935;
		margin:5px;
		background-color:#000000;
		-moz-box-shadow: 5px 5px 5px #333;
		-webkit-box-shadow: 5px 5px 5px #333;
		box-shadow: 5px 5px 5px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#333333');
	}
	
#upload h2
{
color:#f16935;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

#upload label
{
display:block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
padding:5px;
}

#upload input
{
width:190px;
margin-left:5px;
}

#upload select
{
width:190px;
margin-left:5px;
}

#upload i
{
font-size:small;
}