/* CSS Document (c) in2orbit design 2010 */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: left;
}

body#tinymce {padding:10px;} 

/* Font styles */

#centre h1
{
	margin:0px;
	padding:0px 0 0.3em 0;
	font-weight: normal;
	color: #231f20;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}

#centre h2,#centre h3,#centre h4
{
	margin:0px;
	padding:0px 0 0.6em 0;
	font-weight: normal;
	color: #231f20;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}

	#centre #header_content h2,#centre #header_content h3,#centre #header_content h4
	{
		margin:0px;
		padding:0px 0 0.6em 0;
		font-weight: normal;
		color: #808080;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}

#centre h5,#centre h6
{
	margin:0px;
	padding:0px 0 0.6em 0;
	font-weight: normal;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
}

#centre p
{
	margin:0px;
	padding:0px 0 1em 0;
	font-weight: normal;
	line-height: 1.4em;
	color: #404040;
}

#centre ul,#centre ol
{
	margin:0px;
	padding:0px 0 1em 20px;
	font-weight: normal;
	line-height: 1.4em;
	color: #404040;
}

h1
{
	font-size: 40px;	
}

	#header_content h1 {font-size: 35px;}

h2
{
	font-size: 22px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 14px;
}

h5
{
	font-size: 11px;
}

h6
{
	font-size: 9px;
}

p, li
{
	font-size: 12px;
}
	
#centre .highlight {color:#662d91;}
	
#centre a {color:#662d91; text-decoration:none;}
#centre a:hover {color:#662d91; text-decoration:underline;}

/* Styles */

#centre #header_text p.main 
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:35px;
	padding:0px;
	margin:0px;
	color:#662d91;
	line-height: normal;
}
	
#centre #header_text p.sub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13.5px;
	padding:0px;
	margin:0px;
	color: #404040;
}

#centre #header #header_title h1 {color:#FFF;}

#centre #header_title p,
#centre #header_title h2,
#centre #header_title h3 {color:#FFF; padding-right:200px;}

#centre #header.weddings #header_title h3,
#centre #header.weddings #header_title p {color:#231f20;}

#centre .index_box h2 {padding:10px; height: 83px; color:#939598;}
#centre .index_box.parties h2 {color:#ed217c;}
#centre .index_box.weddings h2 {color:#662d91;}

#centre .index_box p a {padding:10px; background:url(http://www.djatmyparty.co.uk/themes/main_pages/images/arrow_grey.png) right; width: 288px; display:block; color:#404040; text-decoration:none;}
#centre .index_box p a:hover {padding:10px; background:url(http://www.djatmyparty.co.uk/themes/main_pages/images/arrow_blue.png) right; width: 288px; display:block; color:#404040; text-decoration:none;}

#centre #header_logon h4 {margin:0px; padding:0px 0 3px 0;}
#centre #header_logon p {margin:0px; padding:0px 4px 0 0; font-size:11px;}

/* Nav styles */

#centre #navigation ul {padding:0px;margin:0px;list-style-type:none;}
	#centre #navigation li {float:left;width:109px;position:relative;padding:0;margin:0px 0 0 2px; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
	#centre #navigation a, #centre #navigation a:visited {
		display:block;
		font-size:12px;
		text-decoration:none; 
		color:#fff; 
		width:93px; 
		height:18px; 
		background:#231f20; 
		padding:4px 7px 1px 8px;
		line-height: 1.2em;
		text-transform:uppercase;
		margin: 10px 0 0 0;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
			-moz-border-radius: 6px 6px 0 0;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-webkit-border-bottom-right-radius: 0;
			-webkit-border-bottom-left-radius: 0;}
	#centre #navigation a:hover, #centre #navigation a.nav-selected {color:#fff; background:#231f20; height:28px; margin: 0;}


#centre #subnav ul
{
	padding: 0 5px;
	margin:0px;
	list-style-type:none;
	line-height:normal;
}
	#centre #subnav ul li {color: #ec008c; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
	#centre #subnav ul li .author {color: #fff; font-size: 10px;}

	#centre #subnav ul li a, 
	#centre #subnav ul li a:hover, 
	#centre #subnav ul li a.nav-selected
	{
		color:#fff;
		text-decoration: none;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px 0 1px 25px;
		line-height:normal;
		display:block;
	}
	
	#centre #subnav .secondary_subnav ul li a, 
	#centre #subnav .secondary_subnav ul li a:hover, 
	#centre #subnav .secondary_subnav ul li a.nav-selected
	{
		color: #898c80;
	}
	
	#centre #subnav .secondary_subnav {padding-top: 2px;}
	
	#centre #subnav ul li a:hover, #centre #subnav ul li a.nav-selected
	{
		background: url(http://www.djatmyparty.co.uk/themes/main_pages/images/star_pink.png) no-repeat 10px 6px;
	}
	
/* Footer styles */

#centre #footer ul
{
	padding: 7px 0 0 0; 
	margin: 0;
	line-height: normal;
	border-top:1px solid #231f20;
}

#centre #footer ul li
{
	padding: 0 20px 0 0;
	margin: 0;
	list-style-type: none;
	font-size:9px; 
	display: inline;
	color: #404040;
}

#centre #footer ul li a {color: #404040;}
#centre #footer ul li a:hover {color: #662d91;}

/* Other styles */

.text_field {border: 1px solid #231f20; padding:2px; margin: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.form_field {border: 1px solid #231f20; padding:2px; margin: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:175px;}
.dropdown_field {border: 1px solid #231f20; padding:2px; margin: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
input.button {font-size:10px;
	text-decoration:none; 
	color:#fff; 
	background:#231f20; 
	padding:2px 5px 2px 5px;
	text-transform:uppercase;
	margin: 0;
	border:none; 
	font-family: Century Gothic, Arial, Helvetica, sans-serif; 
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;}
	input.button:hover {background:#662d91;}
	
#header_logon .text_field {width:120px; float:right;}
#header_logon input.button {float:right;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
