/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #630000;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
	color: #78030a;
}

body {	
	background: #000000;
	font: 13px Arial, Helvetica, sans-serif;
	color: #383838;
}

#content{
	margin: 0 auto;
	background: #1e7c01;
	width: 989px;
	text-align: left;
	background: url(images/mainbg.gif) repeat-y center;
}

#main{
width: 989px;
margin: 0 auto;
clear:both;
}

#header {
	height: 397px;
	width: 289px;
	background: #1e7c01 url(images/header.jpg) no-repeat top;		
}

#topLogo
	{
	float:left;
	}

#logo 
	{
	height: 50px;
	text-align: left;
	padding-left: 15px;
	padding-top:15px;
	background: #000000;
	}


#logo a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-decoration: none;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
}


#menu
{
width: 701px;
height: 53px;
background: url(images/menu.gif) no-repeat;
border-bottom: 10px solid #000000;
}

#menu ul {
	list-style: none;	
	padding-left:0px;
}

#menu li {	
	display: inline; 
}

#menu a{
	display: block;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	text-decoration: none;	
	height: 35px;
	padding-top: 18px;	
	width: 129px;

}

#menu a:hover{
    height: 35px;
	background: url(images/menu_hover.jpg) repeat-x;
}

#left{
	width: 278px;
}

#lefttop{
	background:url(images/lefttop.gif) no-repeat top;
	height: 13px;
}

#left H3{
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 236px;
	height: 30px;
	font-size: 18px;
	font-weight: normal;
	padding-left:15px;
	padding-top: 10px;
	color: #ffffff;
	background: url(images/title.png) repeat-x;
	margin: 0 auto;
}

.leftbg{
	background:url(images/leftbg.jpg) no-repeat center top;
	padding-top:25px;
}	

.leftcenter{
	background:url(images/leftcenter.gif) no-repeat right;
	height: 19px;	
}

#left ul {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

#left ul li{
	background:url(images/liststyle.png) no-repeat top left;
	padding-left: 25px;
	padding-bottom: 10px;
}

#login
	{
	background:url(images/login.png) no-repeat top left;
	}
	
#register
	{
	background:url(images/register.png) no-repeat top left;
	}	

#left a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #000000;
}
#left a:visited {
	color: #196050;
}

#right{
	float: right;
	width: 700px;
}

#righttop{
	background:url(images/righttop.gif) no-repeat top right;
	height: 13px;
}

#right H4{
	width: 660px;
	height: 30px;
	font-size: 18px;
	font-weight: normal;
	padding-left: 14px;
	padding-top: 12px;
	color: #ffffff;
	background: url(images/right_top.png) no-repeat;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

.rightbot{
	background:url(images/rightcenter.jpg) no-repeat center top;
	padding-top:25px;
}

.rightcenter{
	background:url(images/rightcenter.gif) no-repeat right;
	height: 19px;	
}

.rightbg{
	background:url(images/rightbg.jpg) no-repeat center top;
	padding-top:25px;
}	

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#right ol, #right ul
{
margin-left: 30px;
}


#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #196050;
}

.read{
	text-align:right;
	padding-right: 150px;
}

#mainbot{
	background:url(images/mainbot.gif) no-repeat;
	height: 20px;
	clear:both;
}

#footer {
	height: 40px;
	width: 990px;
	clear: both;
	padding-top: 20px;
	background: #000000 url(images/footer.gif) no-repeat top;
	padding-bottom: 5px;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* use a semi-transparent image for the overlay */
#popupOverlay {
	background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:490px;
	overflow-y:auto;
}

#email
	{
	padding-left: 20px; padding-right: 10px; float:left;
	}
	
#searchEngineText
	{
	color:black;
	}
	
.searchform
	{
	float:left;
	margin-top:10px;
	margin-left:20px
	}	
	
#shareThis
	{
	float:left;
	margin-left:5px;
	}	
	
#previous
	{
	float:left;
	margin-left:120px;
	}	
	
#random
	{
	float:left;
	margin-left:100px;
	}
	
#next
	{
	margin-left:100px;
	float:left;
	}		
	
#image
	{
	clear:both;
	margin-top:10px;
	margin-right:50px;
	}	
	
.noborder
	{
	border:0px;
	}	
	
#submittedBy,
#tags
	{
	font-size:xx-small;
	}	
	
#description
	{
	margin-top:15px;
	margin-bottom:20px;
	width:600px;
	}	
	
#textAds
	{
	margin-top:20px;
	margin-bottom:30px;
	}	
	
#stumbleuponimage	
	{
	margin-top:5px;
	float:left;
	}
	
#stumbleupontext
	{
	margin-left:40px;
	margin-bottom:10px;
	width:600px;
	}	
	
#mainImageShareThis
	{
	margin-top:65px;
	margin-right:50px;
	}	
	
#rating
	{
	margin-left:160px;
	width:280px;
	}	
	
#ratingText
	{
	font-weight:bold;
	margin-bottom:10px;
	}	
	
#viewCount
	{
	font-weight:bold;
	margin-bottom:25px;
	}	
	
.bold
	{
	font-weight:bold;
	}	
	
.small
	{
	font-size:smaller;
	}	
	
#funnyPictures td
	{
	padding-left:3px;
	}	
	
tr.funnyPicture	
	{
	margin-bottom:20px;
	}
	
#popup
	{
	background:transparent;
	}
	
/* the overlayed element */
div.popupOverlay {
	
	/* growing background image */
	background-image:url(images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.popupOverlay div.close {
	background-image:url(images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.popupOverlay.black {
	background:url(images/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.popupOverlay.petrol {
	background:url(images/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}
	
#registerUserIcon
	{
	float:right;
	width:150px;
	margin-right:30px;
	}
	
#registerUserForm
	{
	display:table;
	margin-top:15px;
	}
	
.formInput
	{
	display:table-row;
	}
	
.formInputTitle
	{
	display:table-cell;
	padding-bottom:10px;
	}
	
.formInputValue
	{
	padding-left:10px;
	display:table-cell;
	}
	
#regLargeAdvert
	{
	margin-top:40px;
	}
	
#error	
	{
	background:red;
	color:white;
	width:450px;
	padding:8px;
	margin-bottom:10px;
	font-weight:bold;
	}
	
#sendEmailIcon
	{
	float:left;
	width:150px;
	}

#sendEmail
	{
	margin-top:50px;
	}
	
#submitContentLogo
	{
	float:right;
	margin-right:10px;
	margin-left:20px;
	}
	
#contentType
	{
	margin-top:40px;
	}
	
#contentType select
	{
	width:150px;
	}
	
#contentUpload
	{
	margin-top:20px;
	}
	
#contentTitle
	{
	margin-top:20px;
	}
	
#contentTitle input
	{
	width:300px;
	}
	
#contentDescription
	{
	margin-top:20px;
	}
	
#contentDescription textarea
	{
	width:525px;
	height:100px;
	margin-top:5px;
	margin-bottom:20px;
	}
	
#welcomeText
	{
	margin-left:25px;
	margin-bottom:20px;
	}
	
#onlineUsers
	{
	font-weight:bold;
	}
	
#allSubmitters
	{
	margin-top:20px;
	}
	
#allSubmitters a
	{
	font-size:10px;
	margin-left:150px;
	font-style:italic;
	}
	
.topSubmitter
	{
	margin-bottom:2px;
	}
	
.topSubmitter a
	{
	font-weight:bold;
	font-style:italic;
	}
	
.listTitle
	{
	padding:0px;
	margin:0px;
	font-size:10px;
	}
	
.pageLink
	{
	margin-left:3px;
	}
	
#jokeText
	{
	width:580px;
	heigh:100px;
	}
	
funnyVideos td
	{
	width:100px;
	}
	
#statcounter
	{
	background:black;
	color:white;
	}
	
#cse-search-results iframe
	{
	width:620px;
	}