/*
 *************************************
 Life In London 
 Css by Adam Jones
	
 CSS File - MAIN CSS
  
 Created: 3/10/08
 Updated: 4/3/09
 *************************************
*/
 
HTML {
	height:100%;
	width:100%;
}
BODY {
	
	font-family: Helvetica, sans-serif;
	background-color: #FFFFFF;
	color:#000000;
	
	margin:0px;
	padding:0px;
	border:0px;
	
	height: 100%;
}
pre {
	/* VITAL TO RESOLVE WHEN USING FCKEDITOR DUE TO PREWRAP TAGS IT CAN INSERT */
}

form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}
P {
	/* text-align:justify; */
	margin:auto;
	
}

hr {
	margin:auto;
}

A {
	color:#CC0066;	/*Specify a colour only here if its to be the same on all other link states */
	text-decoration: none;
	outline:0;
}
A:visited {
	text-decoration: none;
}
A:hover {
	text-decoration : underline;
}
img {
	border:0px;
}


#outerdiv {
	width:100%;
	height:100%;
	
	background-color:#ffffff;
	
}
#outerdiv_mediagallery {
	width:100%;
	height:100%;
	
	background-color:#fff200;
}
#logoarea {
	background-color:#FFFFFF;
	
	height:155px;
	vertical-align:middle;
}
#medialogoarea {
	background-color:#FFFFFF;
	
	height:88px;
	vertical-align:middle;
	
	background-image:url(../imgs/bg_bar_media.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#fdea00;
}
#toplogo {
	
	padding-top:25px;
	padding-left:20px;
}
#menubar1{
	height:37px;
	width:100%;
	background-image:url(../imgs/bg_bar1.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#2f0008;
}
#menubar2{
	margin-top:3px;
	margin-bottom:3px;
	
	height:37px;
	width:100%;
	background-image:url(../imgs/bg_bar2.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#001906;
}
#menubar2media{
	height:37px;
	width:100%;
	background-image:url(../imgs/bg_bar2.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#001906;
}
#menubar_mediafiller {
	height:3px;
	
	background-image:url(../imgs/bg_bar_media.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#fdea00;
}
#menucopy {
	padding:8px;
	padding-left:20px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}



.menubar2link {
	padding-right:20px;
	color:#FFFFFF;
	
	text-transform:uppercase;
}
.menubar2link a{
	color:#FFFFFF;
	text-decoration:none;
}
.menubar2link a:hover{
	color:#f5e300;
	text-decoration:none;
}


#mainbuttons {
	height:37px;
	padding-top:12px;
	padding-left:20px;
	
}
.buttonslevel1 {
	padding-right:30px;
}
#mediamenu {
	
	margin-bottom:3px;
	
	height:145px;
	width:100%;
	background-image:url(../imgs/bg_bar_media.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#fdea00;
}
.mediamenubutton {
	padding-top:15px;
	padding-left:20px;
}
#copybox {
	height:auto;
	min-height:280px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:20px;
	
	background-color:#e0dbd0;
}
#mediacopybox {
	height:auto;
	min-height:280px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:20px;
	
	background-color:#fff200;
}
#mediagallerylogo {
	padding-left:20px;
	padding-top:24px;
	
}
#copytitle {
	font-size:18px;
	font-weight:normal;
	
	padding-bottom:2px;
}
#copyarea {
	width:55%;
}
#embedarea {
	font-size:12px;

}
#mediabar{
	margin-top:3px;
	margin-bottom:3px;
	
	height:55px;
	width:100%;
	background-image:url(../imgs/bg_bar_media.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#fdea00;
}
.mediabutton {
	padding-top:12px;
	padding-left:20px;
}
#clipart1 {
	z-index:99;
	position:absolute;
	
	right:1px;
	top:70px;
	
	padding-right:180px;
}
#clipart2 {
	z-index:89;
	position:absolute;
	
	right:1px;
	top:90px;
	
	padding-right:90px;
}


/* GALLERY ELEMENTS START */
.imgthumb_wrapper {
	height:160px;
	
	padding-right:20px;
}
imgthumb_mostviewed_wrapper {
	padding-right:2px;
}

.thumbwrap {
	display:block;
	
	width:100px;
	height:75px;
	
	background-color:#FFFFFF;
	padding:2px;
}
a.thumbwrap:hover {
	background-color:#000;
}


/* SEARCH BAR */
#searchbar{
	margin-bottom:3px;
	
	height:45px;
	width:100%;
	background-image:url(../imgs/bg_bar_media.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	background-color:#fdea00;
	vertical-align:middle;
}
#searchwrapper {
	position:absolute;
	display:block;
	
	padding-top:12px;
	padding-left:20px;
	
}

#searchlabel {
	position:absolute;
}
#searchform {

}
#searchbox {
	
	border:1px #000000;
	font-size:14px;
	
	position:relative;
}
#gobutton {
	
	border:1px #000000;
	font-size:14px;
	
	position:relative;
	
}
/* SEARCH BAR ENDS */




#gallerythumbnails td{
	padding-top:16px;
}
.mostrecentlyviewed_TD{
	padding-left:5px;
}

gallerythumbnails_mostviewed td{
	padding-top:4px;
}


.imgthumb_small1 {
	
	padding:1px;
	font-size:13px;
	font-weight:bold;
}
.imgthumb_small2 {
	padding:1px;
	padding-left:2px;
	font-size:11px;
}
.imgthumb_small3 {
	padding:1px;
	padding-left:1px;
	font-size:11px;
}


/* Content for video play page */
#embed_media_upper {
	width:770px;
}
#embed_mediaplayer {
	width:500px;
}
#embed_mostviewed {
	width:260px;
	float:right;
	
	padding-left:5px;
}
#embed_mostviewed_title {
	background-color:#e1007a;
	color:#FFFFFF;
	font-size:16px;	
	font-weight:bold;
	
	width:220px;
	height:20px;
	
	padding:6px;
	margin-bottom:10px;
	
}
#embed_media_lower {
	width:672px;
	font-size:12px;
}


/* Image Viewer Elements */
#embed_media_upper_photos {
	width:920px;
}


#logobar {
	padding:4px;
}


/* copyright */
#copyright {
	font-size:9px;
	padding-left:8px;
	
}

#copyrightmedia {
	font-size:9px;
	padding-left:18px;
	
}