@CHARSET "UTF-8";
/* MR GAY UK STYLE SHEET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
img, li, ul, div {
	behavior: url(/js/htc/iepngfix.htc);
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
h1 {
	font-size:1.5em;	
	margin-bottom:20px;
}
h2 {
	font-size:1.4em;	
	margin-bottom:20px;
}
h3 {
	font-size:1.3em;	
	margin-bottom:1em;
}
h4 {
	font-size:1.2em;	
	margin-bottom:0.5em;
}

h5 {
	font-size:1.1em;	
	margin-bottom:0.5em;
	font-weight:bold;
}
p {
	margin-bottom:1.5em;	
	line-height:1.5em;
	color:#777;	
}

a:link, a:visited  {
	color:#c1272d;
	font-style:italic;
}

a:active, a:hover  {
	color:#c1272d;
}

body {
	background-image:url(/img/bg.jpg);
	background-color:#111;
	font-family:Arial, verdana;
	font-size:85%;
	text-align:center;
}

.container {
	background-color:#000;
	width:940px;
	margin:0 auto 0 auto;
	background-repeat:no-repeat;
	text-align:left;
}
.sidebar {
	width:220px;
	min-height:800px;
	float:left;
	margin-top:20px;
}
.sidebar .linebreak {
	background:transparent url(/img/silver-line-small.png) no-repeat top center; 
	height:3px;
	margin:1em 0 1em 0;
	display:block;

}
.sidebar p {
	padding:0 1em 0 1.7em;
	color:#ddd;
	font-style:italic;
	margin:0;
	font-size:1.1em;
}
.mainContent {
	float:right;
	width:700px;
	min-height:500px;
}
.footer {
padding:1em;
text-align:right;
font-size:0.8em;
color:#888;
}
.contentBox {
	
	margin-bottom:30px;
}
.contentBox .innerContent {
	background:#fff url(/img/contentBoxBgTop.png) repeat-x top center;
	margin:-11px 30px 0 10px;
	padding:1em;
	position:relative;
	z-index:1;
	font-size:1.1em;
}
.innerContent p.featured {
	font-size:1.2em;
	font-style:italic;

}

.innerContent, .innerContent p {
	color:#777;
}
.contentBox h2 {
	background:transparent url(/img/red-ribbon-long.png) no-repeat bottom center;
	width:710px;
	height:45px;
	color:#fff;
	font-style:italic;
	margin:0 -5px 0 0;
	position:relative;
	
}
.contentBox h2 span {
	display:block;
	padding:0.35em 0 0 1em;
}
.menuBox {
	
	background:#fff url(/img/menuBg.gif) repeat-y top center;
	margin-left:20px;
	margin-right:20px;
	padding:5px 0 5px 0;
	width:180px;
}


.sidebar .menuBox li {
	background:transparent  url(/img/menuOptionBottom.gif) no-repeat bottom center;
}

.menuBox li a {
	font-size:1.2em;
	font-style:italic;
	color:#555;
	text-decoration:none;
	display:block;
	height:35px;
	text-transform:capitalize !important;
}
.menuBox li a span {	
	display:block;
	padding:3px 10px 3px 15px;
	text-transform:capitalize !important;
}
.menuBox li.on {
	height:35px;
	border-bottom:0px;
	position:relative;

}

.menuBox li.on a {
	background:transparent url(/img/red-ribbon-short.png) repeat-x bottom center;
	width:220px;
	color:#fff;
top:0;
margin-left:-27px;
margin-right:-10px;
	position:relative;
	z-index:20;

}

.menuBox li.on a span {
	padding-left:40px;
}

.sidebar h4 {
	background:transparent url(/img/red-ribbon-short.png) repeat-x bottom center;
	width:220px;
	color:#fff;
top:0;
	height:35px;
	margin-left:-7px;Mr Gay UK is an annual beauty contest for gay men, with regional heats held across the UK.
	margin-bottom:0px;
	position:relative;
	z-index:20;
}

.sidebar h4 span {
	display:block;
	padding:3px 0 0 30px;
}
.sidebar .years {
	margin:0 0 10px 10px;
	display:block;
}


/* pagination */
.paginate {	
	color:#aaa;
	padding:0.1em;
	font-size:12px !important;
}
.paginate div.pageItem { 
	padding:4px;
	display:inline;

	margin:0px !important;
	background-color:#000;
}
.paginate div.pageItem a {

}
.paginate div.pageItem a, .paginate div.pageItem strong { 

	padding:2px 5px 2px 5px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	margin:0px;
}
.paginate div.pageItem strong {
	color:#fff;
}
.paginate div.pageItem a:hover {
}


.contentBox .cbHeader .cbPagination {
	float:right;
	font-size:0.95em;
}

.contentBox .cbHeader h3 {
	float:left;
	margin-bottom:0;
	color:#999;
	font-size:1.2em;
}
.contentBox .cbHeader {
	height:35px;

	padding-bottom:5px;
	margin-bottom:10px;
	background:transparent url(/img/itemBottomLine.jpg) no-repeat bottom center;
}
.contentBox .cbContent {
	clear:both;
}
.itemDetails .itemHeading h4 {
	float:left;
	
}
.itemDetails  .itemHeading .itemDate {
	float:right;
	color:#999;
}
.itemDetails p {
	color:#ccc;
clear:both; 
}
.articleListContainer, .galleryListContainer {
	margin-left:10px;
	width:660px;
}
.listItem {
	padding-bottom:5px;
	margin-bottom:10px;
	background:transparent url(/img/itemBottomLine.jpg) no-repeat bottom center;
	clear:both;
}
.listItem .thumbnail, .listItem .noThumbnail {
	float:left;
	width:120px;
}
.listItem .noThumbnail .img {
background: #000 url(/img/noThumb.jpg) no-repeat top center;
}

.listItem .img {
	width:100px;
	height:100px;
	display:block;
	border:1px solid #ccc;
}

.listItem div.itemDetails {
	float:left;
	width:530px;
	display:inline;
}
.listItem div.itemFooter {
	clear:both;
}
.winner {
	width:150px; 
	height:220px; 
	float:left;
	margin:20px;
}

.winner a {

text-decoration:none !important;

}
.winner .plaque {
background:transparent url(/img/gold-plaque.jpg) no-repeat top center; height:30px; margin-top:5px;
font-style:italic;
}
.winner .plaque span {
display:block; padding:5px; text-align:center; letter-spacing:-1px;font-size:1.1em; color:#444;  
font-style:normal; 
}
.winner .plaque strong {
color:#c1272d; font-weight:bold; font-size:1.1em;
}
.winnerContainer {
	padding-left:60px;
}

.photoContainer {
	float:left; width:80px; height:80px;
	margin:15px;
}
.photoContainer img {	border:0px; display:block;	border:1px solid #ccc;	width:80px; height:80px; }
.photoContainer .fullPhoto {	display:none;}

/* Generic form styles */
form { margin:0.0em 0em 1em 0em; }
.formContainer .description { padding-bottom:1em; }
form div.contentTitle { margin:0px 20px 0px 100px; padding:2em 0em 1em 0em; font-weight:bold; color:#666; }
form div.row { padding:5px 0px 5px 0px; clear:both; }
form div.submit { clear:both; padding:0.2em; text-align:center; }
form div.row label { width:30%; font-size:0.95em; padding:0em 15px 0em 0em; display:block; text-align:right; float:left; color:#666!important; font-weight:bold; clear:both; }
form div.error div.errors { padding-left:200px; }
form div.error div.errors li { color:red !important; }
form div.checkBoxArray {  display:block; float:left; line-height:150%; font-size:0.9em; padding:0em 0em 1em 0em; }
form div.textWithSuggestions { display:block; float:left; line-height:160%; font-size:0.8em; padding:0em 0em 0.5em 0em; }
form input.text { width: 20em; }
form textarea { width: 25em; height:8em; }
form strong.required { color:red; padding:0em 0em 0em 0.2em; }
form div.wide textarea { height:15em; }
form div.wide textarea, form div.wide div.charCount { width:450px; margin:0em auto 0em 70px; }
form div.wide input.text { width:450px; margin:0em auto 0em 70px; }
form div.charCount { font-size:0.7em; color:#999; }
form div.middle label { width:50%; }
form div.wide label { width:400px; margin:0em 15% 0em 15%; display:block; float:none; text-align:left; padding:0.5em 0em 0.3em 0em; }
form div.extraWide label { display:block; float:none; text-align:left; padding:0.5em 0em 0.3em 0em; }
form div.checkBoxOnLeft label { float:right; width:580px; text-align:left; }
form div.wide div.errors { margin:0em; padding:0.2em 0em 0em 0em; font-size:0.9em; width:600px; margin:0em 5% 0em 5%; }
form div.radioGroup { float:left; padding:0em 0em 1em 0em; }
form div.radioGroup div.radioOption { font-size:0.9em; padding:0.2em 0em 0.2em 0em; }
form div.wideContainer { padding:0em 0.5em 1em 0.5em; }
form input.name_title { width:60px; }
form input.name_firstName { width:75px; }
form input.name_lastName { width:117px; }
div.wide { width:520px!important; }

.winnerProfile div.photo { width:295px; height:420px; float:left; margin-left:10px }
.winnerProfile div.photo img { border:1px solid #fff; width:295px; height:420px; }
.winnerProfile div.thumbs { width:148px; height:430px; float:left; margin-left:10px; }
.winnerProfile div.thumbs a.img { float:left; border:1px solid #fff; margin:0 7px 6px 0; }
.winnerProfile div.profile { background-image:url(/img/profilebg.png); width:190px; height:420px; float:left; margin-left:1px; }

.winnerProfile div.profile h3 { color:#c1272d; font-weight:bold; text-align:center; padding:1em 0 0.5em 0; font-size:1.2em; }
.winnerProfile div.profile table { margin:0 0 1em 1em; font-size:1.2em; }
.winnerProfile div.profile table td.label { color:#c1272d;  padding:3px 15px 3px 0; }
.winnerProfile div.profile p { padding:1em; }
.winnerProfile div.profile div.hr { background:transparent url(/img/profileLineBreak.png) no-repeat top center; height:5px; }

.searchBox {	background: transparent url(/img/searchbox.png) no-repeat top center; width:220px; height:90px; margin-left:-7px; }

.searchBox h3 {	color:#fff; padding:15px 0 5px 30px; margin:0; font-size:16px; }

.searchBox .searchText { margin-left:30px; vertical-align:top;  width:120px; padding:3px 3px 3px 5px; border:1px solid #880000; }
.linkResult .extra {
	font-size:0.9em;
	font-style:italic;
}
.articleContainer { 
	padding:20px 50px 40px 50px;
	line-height:1.6em;
	font-size:13px;
}
.paginateContainer {
	padding:15px 40px 00px 0px;
	text-align:right;
}
