/*  
Theme Name: KOP v3.0
Theme URI: http://www.kingofpop.info/news
Description: WordPress Theme for 'King of Pop' - The UK Michael Jackson Fanclub, News pages.
Version: 3.0
Author: Philipp Thornton
Author URI: http://www.digitalsquare.co.uk/
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	background-color: #CACACA;
	background-image: url('images/bg_flowers.gif');
	background-attachment: fixed;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}


#clear {
clear: both;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}


/* ---Site Structure Elements --- */

#master {
width: 684px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 2px 0px;
border: 0px solid black;
}

#head {
width: 684px;
height: 181px;
background: url(http://www.kingofpop.info/images/head.gif) no-repeat;
}

#contentcontainer {
position: relative;
background: #fff;
width: 684px;
margin-top: -1px;
padding-top: -1px;
padding-bottom: 3px;
text-align: left;
border: 0px dashed blue;
}

#toolbar {
background: url(images/bg_toolbar.jpg) repeat-x #fff;
height: 20px;
padding-top: 5px;
padding-right: 20px;
text-align: right;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px;
border-color: #dadada;
border-style: solid;
}





/* --- Text Styles --- */

p {
color: #777;
font: normal 115% verdana, arial sans-serif;

}


.date {
background-color: #dadada;
padding: 0 3px 0 2px;
color: #333;
}

.postmetadata {
font-size: 1em;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	}

h1, h2, h3 {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 1.6em;
	color: #333;
	}

h2 {
	font-size: 1.3em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

.normal {
font-weight: normal;
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}


.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.center {
text-align: center;
}

.justify {
text-align: justify;
}


.title {
color: #000000;
font: bold 0.9em Verdana, Arial, sans-serif;
}

.titlesub {
color: #565656;
font: bold 0.8em verdana;
}

.titlesub2 {
color: #888;
font: bold 12px verdana;
}

.goldtitle {
color: #9C9430;
font: bold 14px arial;
}

.smallprint {
color: #555;
font: normal normal 10px arial;
vertical-align: middle;
}

.footer {
color: #555;
background: #ccc;
padding: 2px 4px 4px 4px;
font: normal normal 1em Arial, sans-serif;
}

.noborder {
border-style: none;
border-width: 0;
}


/* --- Hyperlink Styles --- */

a:link { color : #222; text-decoration : underline}
a:visited { color : #222; text-decoration : underline }
a:hover { color : #6C6250; text-decoration : none }
a:active { color : #6C6250; text-decoration : none }



/* --- END --- MASTER SITE CONTAINER & STATIC ELEMENTS */



#ad {
width: 676px;
height: 108px;
position: relative;
margin: 0px 4px 6px 4px;
background: url(images/ad_xxvl.jpg);
cursor: pointer;
}


#footer {
margin-left: 4px;
margin-right: 4px;
text-align: center;
}

#foot {
background: url(images/bg_foot.gif) no-repeat bottom left;
height: 15px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}






/* Form Styling */

fieldset {
position: relative;
width: 550px;
margin: 0.2em 0 0 0;
padding: 0;
border-style: none;
border-top: 1px solid #BFBAB0;
}

legend {
padding: 0;
color: #333;
font-weight: bold;
}

	legend span {
	position: absolute;
	left: 0.74em;
	top: 0;
	margin-top: 0.5em;
	font: normal bold 90% Arial, Verdana, sans-serif;
	color: #444;
	}


fieldset ol {
padding: 2em 1em 0 0em;
list-style: none;
}
fieldset li {
padding-bottom: 0.5em;
}
.submit {
float: none;
marging-top: 1em;
margin-left: 5em;
}

label {
float: left;
width: 8em;
margin-right: 1em;
font: normal normal 0.7em Arial, Verdana, sans-serif;
color: #444;
text-align: right;
}


input, select, textarea {
font-size: 0.7em;
margin-bottom: 2px;
}





/* Sidebar Styling */

#page {
position: relative;

height: auto;
border: 0px solid red;
margin: 0px 0px 20px 0px;
}

#newscontainer {
float: left;
width: 497px;
height: auto;
padding: 0 0 10px 10px;
border: 0px solid green;
}

#sidebarcontainer {
float: right;
width: 155px;
margin: 10px 8px 10px 0;
text-align: left;
border: 0px solid fuchsia;
}

#sidebar_mid {
background: url(images/sb_top.gif) #dfdfdf no-repeat top left;
width: 136px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 15px 2px 0 2px;
}
#sidebar_btm {
background: url(images/sb_btm.gif) no-repeat top left;
width: 140px;
height: 11px;
margin-top: 10;
margin-left: -2px;
margin-right: auto;
margin-bottom: 0px;
}

#sidebar_mid ul {
margin: 0px 5px 5px 5px;
padding: 0;
list-style: none;
}

.sidebar_text {
font-size: 0.9em;
color: #333;
text-align: center;
}


.navigation {
width: 495px;
margin-left: auto;
margin-right: auto;
border: 0px solid green;
}

.prevpost {
float: left;
width: 246px;
text-align: left;
margin-bottom: 10px;
border: 0px solid blue;
}

.nextpost {
float: right;
width: 246px;
text-align: right;
margin-bottom: 10px;
border: 0px solid fuchsia;
}

a img {
border: 0;
}

.9px {
font-size: 9px;
}

/* --------- MENU CSS ----------- */


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		height:26px;
		padding:0px 0px 0px 1px;
		margin:0px;
		background-color:#000000;
		background-image:url(http://www.kingofpop.info/menu_files/bg_menu.jpg);
		background-repeat:repeat;
		background-position:50% top;
		border-width:1px 0px;
		border-style:solid;
		border-color:#dadada;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:6px 14px 7px;
		margin:0px;
		background-color:transparent;
		background-repeat:repeat;
		background-position:left top;
		color:#cecece;
		font-family:Verdana;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		border-width:0px 1px 0px 0px;
		border-style:solid;
		border-color:#111111;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#8d826b;
		background-image:url(http://www.kingofpop.info/menu_files/bg_menu2.jpg);
		background-position:0% 0%;
		color:#ededed;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Parent items""""""""*/	
	#qm0 .qmparent	
	{	
		width:auto;
		padding:6px 14px 7px;
		background-color:#000000;
		background-image:url(http://www.kingofpop.info/menu_files/bg_menu.jpg);
		background-position:0% 0%;
		font-family:Verdana;
		font-size:11px;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#8d826b;
		background-image:url(http://www.kingofpop.info/menu_files/bg_menu3.jpg);
		background-position:0% 0%;
		color:#ffffff;
		font-family:Verdana;
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		width:112px;
		padding:0px;
		background-color:transparent;
		border-width:0px 1px 1px;
		border-style:none;
		border-color:#a7a7a7;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		width:98px;
		padding:4px 4px 5px 10px;
		background-color:transparent;
		background-image:none;
		color:#000000;
		font-family:Verdana;
		font-size:11px;
		font-style:normal;
		text-align:left;
		border-width:0px;
		border-style:none;
		border-color:transparent;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		background-color:#978d75;
		background-image:url(none);
		color:#ffffff;
		font-family:Verdana;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" (SUB) Parent items""""""""*/	
	#qm0 div .qmparent	
	{	
		width:auto;
		padding:5px 0px 6px;
		background-color:transparent;
		background-image:none;
		font-family:Arial;
		text-decoration:none;
		font-style:normal;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#978d75;
		background-image:none;
		color:#ffffff;
		font-family:Verdana;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#e7c62b;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#eeeeee;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#eeeeee;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}