/*  
Theme Name: joydunlop.com theme
Theme URI: http://www.joydunlop.com/
Description: The default theme created by <a href="http://yingtsao.com/">Ying</a> and <a href="http://www.dobiedesign.com/">Graham Dobie</a>. Modified in 2010 by Simon Tsang
Version: 2
Author: Ying and Graham Dobie
Author URI:

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body{
	background-color: #000000;
	background-image: url(images/backgrounds/background.jpg);
	background-repeat: no-repeat;
	background-position: center -120px;
	background-attachment: fixed;
	height:100%;
	width:100%;
}
a:link, a:visited {
	text-decoration: underline;
	color: #CCCCCC;
}
a:hover{
	text-decoration: none;
	color: #999999;
}
#page{
	width: 766px;
	margin: auto;
}
#header{
	overflow:visible;
	height: 38px;
	width: 726px;
	padding: 0 0 0 20px;
	margin-top: 36px;
	border: 0;
	background: transparent url(images/backgrounds/navbar.png) no-repeat scroll left top;
}
#logo{
	float:left;
	display:inline;
	height: 96px;
	width: 209px;
	text-indent:-9999em;
	background-image: url(script_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:-26px;
}
#navigation{
	float:right;
	display:inline;
	position:relative;
	left:20px;
	height:38px;
	padding: 0 20px 0 0;
	margin:0;
	background: transparent url(images/backgrounds/navbar.png) no-repeat scroll right bottom;
	}
	#navigation li{
		float:left;
		display:inline;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		height:38px;
		line-height:38px;
		font-style: italic;
		font-weight: bold;
		display: block;
		margin-right: 9px;
		}
		#navigation li a,
		#navigation li a:link,
		#navigation li a:visited {
			display:block;
			color: #CCCCCC;
			text-decoration: none;
			padding: 0;
			margin: 0px;
		}
		#navigation li a:hover{
			color: #999999;
		}

a.links     {
        color:#FFFFFF;
        text-decoration:none;
        cursor:text;
               }

#container{
	height: 400px;
	width: 460px;
	margin-left: 250px;
	padding: 10px 20px;
	background: transparent url(images/backgrounds/gray.png) repeat scroll left top;
	overflow: auto;
}

.post{
}
.post h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #00CCFF;
	font-style: italic;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	margin-top: 17px;
}
.entry{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: justify;
	vertical-align: top;
}
p.postmetadata{
	margin: 10px 0 0 0;
}
.navigation{
	padding: 10px 10px 0 0;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	line-height: 18px;
}
#footer{
	width: 460px;
	margin-left: 250px;
	padding: 10px 20px;
	text-align: right;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #FFFFFF;
	background: transparent url(images/backgrounds/gray.png) repeat scroll left top;
}
#audioplayer{
  margin-top: 10px;;
}
#badges{
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin-top: 20px;
}
#badges li{
  float: left;
  display: inline;
  margin-right: 9px;
}
#badges li a{
  display: block;
  width: 36px;
  height: 36px;
  text-indent: -9999em;
  overflow: hidden;
}
#myspace-badge a{
  background: url(icon-myspace.png) transparent no-repeat scroll left top;
}
#facebook-badge a{
  background: url(icon-facebook.png) transparent no-repeat scroll left top;
}
#twitter-badge a{
  background: url(icon-twitter.png) transparent no-repeat scroll left top;
}
#bebo-badge a{
  background: url(icon-bebo.png) transparent no-repeat scroll left top;
}
#newsletter-badge{
  margin-left: 9px;
}
#newsletter-badge form fieldset{
  border: 0;
  margin: 0;
  padding: 0;
  display: inline;
}
#newsletter-badge form legend{
  color: #fff;
  padding-bottom: 5px;
}
#newsletter-badge form input,
#newsletter-badge form label{
  display: inline;
}
#newsletter-badge form input#djuluh-djuluh{
  border: 0;
  padding: 0;
}
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	margin-top: 15px;
}
ul,p {
	margin-top: 10px;
}