/*  
Theme Name: Boyz
Theme URI: N/A
Description: The custom theme for Boyz.
Version: 1.0
Author: Charles Davison
Author URI: 
*/



/* DEFAULTS /*
/*=========================*/
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	display: block;
}

abbr {
	border: none;
}

a {
	color: #ff3333;
}

input.radio {
	margin: 0;
	padding: 0;
	width: 13px;
	height: 13px;
	vertical-align: middle;
}


/* HACKS ETC. /*
/*=========================*/
.replace {
	position: relative;
	margin: 0;
	padding: 0;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}

.replace span{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1; /*for Opera 5 and 6*/
}

.replace a, .replace a span {
	cursor: pointer;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/* MAIN LAYOUT /*
/*=========================*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
	background: #ffffcd;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
}

	#page {
		font-size: 1.1em;
		background: #fff202 url(images/background.gif) repeat-y;
		width: 770px;
		margin: 0 auto;
		padding: 0 15px;
		text-align: left;
	}	
	
		#masthead {}
	
		#pageContainerMain {
			margin-top: 4px;
		}
		
			#promoBar1 {
				float: left;
				width: 133px;
				padding: 0 4px;
			}
			
			#pageContent {
				float: left;
				width: 468px;
				overflow: hidden;
				margin-right:20px;
			}
			
			#promoBar2 {
				float: left;
				width: 149px;
				padding: 0 4px 0 6px;
			}
			
	#pageBottom {
		background: url(images/background-bottom.gif) no-repeat;
		width: 770px; height: 29px;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	#designedBy {
		width: 770px;
		margin: 0 auto;
		text-align: right;
		padding-bottom: 20px;
	}
	
		#designedBy a { text-decoration: none; }
		#designedBy a:hover {text-decoration: underline; }


/* MASTHEAD /*
/*=========================*/
#masthead {
	position: relative;
	background: #fff url(images/masthead-bg.jpg) no-repeat;
	height: 109px;
}
	
	/* h1 - replaced by #head below. Left in case unknown pages require it. */
	#masthead h1 {
		position: absolute;
		top: 20px;
		left: 8px;
	}
	
		#masthead h1, #masthead h1 span {
			background: url(images/headers/mememe-logo.gif) no-repeat;
			width: 242px; height: 71px;
		}
	
	
	#masthead #head {
		position: absolute;
		top: 20px;
		left: 8px;
	}
	
		#masthead #head, #masthead #head span {
			background: url(images/headers/mememe-logo.gif) no-repeat;
			width: 242px; height: 71px;
		}
		
	#masthead h2 {
		display: none;
	}
	
	#warwickLink {
		position: absolute;
		top: 0;
		left: 637px;
	}
	
		#warwickLink, #warwickLink span {
			background: url(images/headers/warwick.gif) no-repeat;
			width: 126px; height: 83px;
		}
	
	#globalNav {
		position: absolute;
		top: 92px;
		left: 500px;
	}
		
		#globalNav li {
			float: left;
		}
		
		#gNav_about, #gNav_about span {
			background: url(images/headers/nav/about.gif) no-repeat #fff;
			width: 45px; height: 13px;
		}
		
		#gNav_contact, #gNav_contact span {
			background: url(images/headers/nav/contact.gif) no-repeat #fff;
			width: 60px; height: 14px;
		}
		
		#gNav_advertise, #gNav_advertise span {
			background: url(images/headers/nav/advertise.gif) no-repeat #fff;
			width: 65px; height: 13px;
		}
		
		#gNav_link, #gNav_link span {
			background: url(images/headers/nav/links.gif) no-repeat #fff;
			width: 70px; height: 12px;
		}
		

/* CATEGORY AND SEARCH BAR /*
/*=========================*/
#categorySearchContainer {
	background: #000;
	color: #fff;
	height: 29px;
	overflow: hidden;
}

	#categoryNav {}
	
		#categoryNav li {
			float: left;
		}
	
		#cNav_entertainment, #cNav_entertainment span {
			background: url(images/headers/nav/entertainment-stuff.gif) no-repeat;
			width: 158px; height: 29px;
		}
		
		#cNav_things, #cNav_things span {
			background: url(images/headers/nav/gorgeous-things.gif) no-repeat;
			width: 131px; height: 29px;
		}
		
		#cNav_london, #cNav_london span {
			background: url(images/headers/nav/glittering-london.gif) no-repeat;
			width: 132px; height: 29px;
		}
		
		#cNav_travel, #cNav_travel span {
			background: url(images/headers/nav/holiday-celebrate.gif) no-repeat;
			width: 154px; height: 29px;
		}
		
	#search {}
	
		#search h2 {
			float: left;
		}
	
			#search h2, #search h2 span {
				background: url(images/headers/search.gif) no-repeat;
				width: 65px; height: 29px;
			}
		
		#search_entry {
			float: left;
			width: 102px;
			height: 17px;
			margin: 5px 0;
		}
		
		#search_submit {
			float: left;
			width: 24px; height: 29px;
		}
	

/* PROMOBAR1 /*
/*=========================*/
#promoBar1 {}

	#promoBar1 img {
		margin: 0 auto;
	}
	
	#hdr_hotItems {
		margin-top: 4px;
	}
	
		#hdr_hotItems, #hdr_hotItems span {
			background: url(images/headers/hot-items.gif) no-repeat;
			width: 133px; height: 40px;
		}
		
		#hotItems {
			margin-bottom: 4px;
		}
		
			#hotItems li {
				padding: 6px 7px 5px 7px;
				background: #fcf8f8;
				display: block;
			}
			
				#hotItems li.odd {
					background: #f5e3e3;
				}
			
				#hotItems li a {
					text-transform: uppercase;
					text-decoration: none;
					font-weight: bold;
					color: #000;
				}
	
	#hdr_hotBusiness {
		margin: 4px 0 7px 0;
	}
	
		#hdr_hotBusiness, #hdr_hotBusiness span {
			background: url(images/headers/hot-business.gif) no-repeat;
			width: 134px; height: 29px;
		}
		
	#rss {
		margin-top: 12px;
	}
		
		#rss a {
			background: url(images/rss.gif) no-repeat 0 50%;
			padding: 2px 0 2px 22px;
			margin-left: 4px;
			text-transform: uppercase;
			display: block;
		}
		
	#links {
		margin-top: 12px;
		list-style-type: none;
		margin-left: 4px;
	}
	

/* PAGECONTENT /*
/*=========================*/
#pageContent {}

	#bannerAd {
		width: 468px; height: 60px;
		margin-bottom: 13px;
	}

	#pageHeader {
		position: relative;
		min-height: 50px; /*Update in IE6 CSS */
	}
	
	#pageHeader-home {
		position: relative;
		min-height: 30px; /*Update in IE6 CSS */
	}
	
		#pageHeader h2, #pageHeader-home h2 {
			float: left;
		}
			
			/* All page header images are replaced here. Based on the post/page names - see the CMS and/or database */
			/* Homepage */
			#pageHeader h2.latest, #pageHeader h2.latest span, #pageHeader-home h2.latest, #pageHeader-home h2.latest span {
				background: url(images/headers/categories/main/latest.gif) no-repeat;
				width: 87px; height: 18px;
			}
			
			/* Pages (i.e. about) */
			#pageHeader h2.about, #pageHeader h2.about span {
				background: url(images/headers/categories/main/about-boyz.gif) no-repeat;
				width: 152px; height: 18px;
			}
			/* Pages (i.e. about) */
			#pageHeader h2.competitions, #pageHeader h2.competitions span {
				background: url(images/headers/categories/main/competitions.gif) no-repeat;
				width: 203px; height: 25px;
			}
			
			
			#pageHeader h2.link-to-us, #pageHeader h2.link-to-us span {
				background: url(images/headers/categories/main/link-to-us.gif) no-repeat;
				width: 347px; height: 85px;
			}
			
			#pageHeader h2.terms-conditions, #pageHeader h2.terms-conditions span {
				background: url(images/headers/categories/main/terms-and-conditions.gif) no-repeat;
				width: 152px; height: 18px;
			}
			
			#pageHeader h2.privacy-policy, #pageHeader h2.privacy-policy span {
				background: url(images/headers/categories/main/privacy-policy.gif) no-repeat;
				width: 152px; height: 18px;
			}
			
			/* Archives */
			#pageHeader h2.archive, #pageHeader h2.archive span {
				background: url(images/headers/categories/main/archive.gif) no-repeat;
				width: 110px; height: 18px;
			}
			
			/* Search Results */
			#pageHeader h2.search-results, #pageHeader h2.search-results span {
				background: url(images/headers/categories/main/search-results.gif) no-repeat;
				width: 201px; height: 19px;
			}
			
			/* Category lists/archives */
			#pageHeader h2.entertainment-and-stuff, #pageHeader h2.entertainment-and-stuff span {
				background: url(images/headers/categories/main/entertainment-stuff.gif) no-repeat;
				width: 347px; height: 33px;
			}
			
			#pageHeader h2.glittering-london, #pageHeader h2.glittering-london span {
				background: url(images/headers/categories/main/glittering-london.gif) no-repeat;
				width: 338px; height: 45px;
			}
			
			#pageHeader h2.gorgeous-things, #pageHeader h2.gorgeous-things span {
				background: url(images/headers/categories/main/gorgeous-things.gif) no-repeat;
				width: 253px; height: 36px;
			}
			
			#pageHeader h2.holiday-celebrate, #pageHeader h2.holiday-celebrate span {
				background: url(images/headers/categories/main/holiday-celebrate.gif) no-repeat;
				width: 298px; height: 46px;
			}
			
		h3.archiveType {
			float: left;
			width: 300px;
			clear: left;
			font-size: 1em;
			text-transform: uppercase;
		}
		
		#archiveSelector {
			position: absolute;
			top: 53px;
			right: 0;
			width: 148px;
		}
		
			#archiveSelector h4 {
				font-size: 1em;
				text-transform: uppercase;
				font-weight: bold;
			}
			
			#as_select {
				width: 100%;
				font-size: 1em;
			}
			
			#as_submit {
			
			}

	.post {
		background: #fff;
		padding: 8px 7px;
		margin-bottom: 11px;
	}
	
		.postDate {
			font-weight: bold;
			margin-bottom: 9px;
		}
		
		.postCategory {
			margin-bottom: 3px;
		}
		
			.postCategory.entertainment-and-stuff, .postCategory.entertainment-and-stuff span {
				background: url(images/headers/categories/posts/entertainment-stuff.gif) no-repeat;
				width: 202px; height: 26px;
			}
			
			.postCategory.glittering-london, .postCategory.glittering-london span {
				background: url(images/headers/categories/posts/glittering-london.gif) no-repeat;
				width: 173px; height: 26px;
			}
			
			.postCategory.gorgeous-things, .postCategory.gorgeous-things span {
				background: url(images/headers/categories/posts/gorgeous-things.gif) no-repeat;
				width: 158px; height: 26px;
			}
			
			.postCategory.holiday-celebrate, .postCategory.holiday-celebrate span {
				background: url(images/headers/categories/posts/holiday-celebrate.gif) no-repeat;
				width: 165px; height: 26px;
			}
			
		.postTitle {
			font-size: 1.5em;
			margin-bottom: 3px;
			position: relative; /* Fix for IE6 text rendering bug */
		}
		
			.postTitle a {
				text-decoration: none;
			}
		
		.postEntry {
			margin-bottom: 11px;
		}
		
			.postEntry h1, .postEntry h2, .postEntry h3, .postEntry h4, .postEntry h5, .postEntry h6 {
				font-size: 1em;
				margin-bottom: 0;
			}
		
			.postEntry p {
				margin-bottom: 1em;
				clear:both;
			}
		
			.postEntry img {
				max-width: 454px;
				margin: 0 5px 5px 0;
			}
		
		/* Polls */
		.democracy {
			width: 395px;
			padding: 4px 8px 4px 4px;
			background: #ec1c24;
			color: #fff;
			margin-bottom: 4px;
		}
		
			.democracy h4 {
				margin-bottom: 2px;
			}
		
				.democracy h4, .democracy h4 span {
					background: url(images/headers/user-poll.gif) no-repeat;
					width: 68px; height: 15px;
				}
				
			.democracy form {
				margin: 6px 0 0 4px;
			}
			
				.democracy li {
					margin-bottom: 2px;
				}
				
				.democracy label {
					margin-left: 5px;
				}
				
				#pollSubmit {
					margin-top: 8px;
				}
				
				code { /* Code tag is sometimes added around the democracy snippet when added through rich text editor */
					font-family: Arial, Helvetica, sans-serif;
				}
		
		/* Comments */	
		.postComments {
			width: 407px;
			margin-top: 4px;
		}
		
			.postComments .hContainer {
				background: #000;
				padding: 4px;
			}
		
				.postComments h4, .postComments h4 span {
					background: url(images/headers/user-comments.gif) no-repeat;
					width: 106px; height: 10px;
				}
				
			.comment {
				background: url(images/comment-separator.gif) repeat-x bottom left;
				padding-bottom: 6px;
			}
			
				.comment .name {
					margin-top: 6px;
					font-weight: bold;
					text-decoration: underline;
				}
				
				.comment .date {
					font-weight: bold;
				}
				
				.comment p {
					color: #f00;
				}
				
		#submitComment {
			width: 397px;
			padding: 9px 5px 4px 5px;
			margin-top: 14px;
			background: #ccc;
		}
		
			#submitComment h4 {
				margin-bottom: 8px;
			}
		
			#submitComment h4, #submitComment h4 span {
				background: url(images/headers/submit-a-comment.gif) no-repeat;
				width: 150px; height: 13px;
			}
			
			#submitComment form {
				width: 363px;
			}
			
			#submitComment label {
				display: block;
				font-weight: bold;
				color: #525252;
				text-transform: lowercase;
				margin: 0 0 2px 2px;
			}
			
				#submitComment .name {
					float: left;
					width: 175px;
				}
				
				#submitComment .email {
					float: right;
					width: 175px;
				}
				
				#submitComment .name {
					margin-right: 10px;
				}
			
					#commentName, #commentEmail {
						width: 166px;
						font-size: 1em;
						padding: 2px;
					}
					
				#submitComment .message {
					clear: both;
					padding-top: 8px;
				}
				
					#commentMessage {
						width: 355px;
						padding: 2px;
						height: 59px;
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
					}
					
				#commentSubmit {
					margin-top: 7px;
				}
			
		.postMeta {
			clear: both;
		}
		
			.postMeta li {
					float: left;
					display: block;
				}
			
				.postMeta li a {
					font-weight: bold;
					text-decoration: none;
				}
				
				.postMeta .readMore {
					background: url(images/postmeta-arrow.gif) no-repeat 0 50%;
					padding: 0 11px;
				}
				
				.postMeta .comment {
					background: url(images/postmeta-separator.gif) no-repeat 0 50%;
					padding-left: 11px;
					padding-bottom: 0;
				}
				
		#blogsList {
			margin-top: 1em;
			margin-bottom: 1em;
		}
		
			#blogsList li {
				float: left;
				display: block;
				margin-right: 10px;
			}
			
				#blogsList li a {
					color: #000;
				}
				
		#copyrightMessage {
			margin-top: 12px;
		}
		
			#copyrightMessage li {
				float: left;
				display: block;
				margin-right: 10px;
			}
			
				#copyrightMessage li a {
					color: #000;
				}
				
	#postNav {
		border-top: 10px solid white;
		border-right: 7px solid white;
		border-bottom: 10px solid white;
		border-left: 7px solid white;
		background: #ff3333;
		color: #fff;
		padding: 8px 5px;
	}
			
		#postNav a {
			color: #fff;
			text-decoration: none;
		}
		
		/* pagebar plugin */
		.pagebar {
			float: left;
		}
		
		#pn_backNext {
			float: right;
		}

			#pn_backNext li {
				float: left;
				display: block;
			}
			
				#pn_backNext .previous a {
					background: url(images/postnav-previous-arrow.gif) no-repeat 0 50%;
					padding-left: 9px;
				}
				
				#pn_backNext .previous {
					padding-right: 11px;
				}
				
				#pn_backNext .next {
					/*background: url(images/postnav-separator.gif) no-repeat 0 50%;*/
					padding-left: 12px;
				}
				
				#pn_backNext .next a {
					background: url(images/postnav-next-arrow.gif) no-repeat 100% 50%;
					padding-right: 9px;
				}
				
				
/* PHPLIST /*
/*=========================*/
.phplist {
	background: #fff;
	padding: 8px 7px;
	min-height: 300px;
}

	.phplist p {
		margin-bottom: 8px;
	}
	
	.phplist h1 {
		font-size: 1em;
	}
	
	.phplist ul {
		display: none;
	}
	
	.phplist input, .phplist textarea {
		margin: 10px 0;
	}


/* PROMOBAR2 /*
/*=========================*/
#promoBar2 {}

/*
	#promoBar2 img {
		/*width: 148px;*/
/*
		margin-bottom: 7px;
		border: 1px solid #000;
	}
*/

/* NEWSLETTER /*
/*=========================*/
#newsletter {
	margin-top:0px;
	background-color:#000000;
	margin-bottom:10px;
	padding: 6px 6px;
	color: #ffffff;
}

#newsletter-email {
	font-size:0.9em;
}
	
	
/* SEND TO A FRIEND /*
/*=========================*/
#sendtofriend {
	margin-top:3em;
	margin-bottom:2em;
}

#sendtofriend P {
	margin:0px;
	line-height:1.5em;
}

	.sendtofriend .post .thankyou {
		line-height: 1.5em;
		margin: 0px;
		padding: 4px 0px;
	}

    .sendtofriend .post .panel {
	 display:none;
	}

/* RECENT POSTS /*
/*=========================*/
#recentPosts {
	padding:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;
}

#postItems {
    list-style-type:none;
	font-size:1.1em;
	margin-bottom:15px;
}	

#postItems LI {
 background-image:url(/images/promos/arrow-mememe.gif);
 background-position:left top;
 background-repeat:no-repeat;
 padding-left: 20px;
 margin-bottom:0px;
 line-height:1.2em;
}


/* MAIL SIGNUP /*
/*=========================*/
#mailSignUp {
			width: 397px;
			padding: 9px 5px 4px 5px;
			margin-top: 14px;
			background: #ccc;
		}
		
			#mailSignUp h4 {
				margin-bottom: 8px;
			}
		
			#mailSignUp h4, #mailSignUp h4 span {
				background: url(images/headers/mail-sign-up.gif) no-repeat;
				width: 109px; height: 16px;
			}
			
			#mailSignUp form {
				width: 363px;
			}
			
				#mailSignUp select {
					height: 1.35em;
				}
			
				#mailSignUp label {
					display: block;
					font-weight: bold;
					color: #525252;
					text-transform: lowercase;
					margin: 0 0 2px 2px;
				}
				
					#mailSignUp .leftEl {
						float: left;
						width: 175px;
					}
					
					#mailSignUp .rightEl {
						float: right;
						width: 175px;
					}
					
					#mailSignUp .leftEl {
						margin-right: 10px;
					}
				
						#mailSignUp .leftEl input, #mailSignUp .rightEl input {
							width: 166px;
							font-size: 1em;
							padding: 2px;
							margin-bottom: 5px;
						}
					
					#mailSignUp .shortEl {
						float: left;
						width: 75px;
					}
					
						#mailSignUp .shortEl input {
							width: 64px;
						}
						
					#mailSignUp .dob div {
						float: left;
						width: 42px;
						padding-bottom: 5px;
					}
					
						#dobDay, #dobMonth {
							width: 40px;
						}
						
						#mailSignUp .dob .year {
							width: 25px;
						}
						
							#dobYear {
								width: 52px;
							}
						
					#mailSignUp .mailFormat {
						clear: both;
						padding: 8px 0;
					}
						
						#mailSignUp .mailFormat input {
							clear: left;
							float: left;
							margin-right: 5px;
						}
						
						#mailSignUp .mailFormat label {
							width: 100px;
							margin-top: 4px;
						}
						
					#mailSignUp .optIn label {
						font-weight: normal;
					}
						
					#mailSubmit {
						margin-top: 7px;
					}