/*  

Theme Name: Super:Mango

Theme URI: http://www.supermango.co.uk/

Description: An WordPress theme

Author: Super:Mango

Author URI: http://www.supermango.co.uk/

Tags: XHTML, CSS, right sidebar, two columns

*/

@import url('inner-content-style.css');

/* -- redifine default style */
body {
	padding:0;
	margin:0;
	color:#000; /* default body text color */
	background:#ebe9e1 url(img/bg.gif) repeat-x 0 0;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif; /* default font property */
}
div, h1, h2, h3, h4, p, img, ul, ol, li, form, formfield, input, select, textarea {
	padding:0;
	margin:0;
}
ul { list-style:none;}
img { border:none;}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}

/* -- default link style -- */
a {
	outline:none;
	color:#2f9ccd; /* default link color */
	background-color:inherit;
	text-decoration:none;
}
a:hover {
	color:#fc246d; /* default link hover color */
	background-color:inherit;
}
h1, h2 {
	color:#c00000; /* h2 heading color */
	background-color:inherit;
	border-bottom:1px solid #cacaca;
	padding:0 0 10px;
	font-weight:bold;
	font-size:23px;
}
h3 {
	color:#c00000; /* h3 heading color */
	background-color:inherit;
	font-size:15px;
	padding-bottom:8px;
}
h4 {
	color:#000; /* h3 heading color */
	background-color:inherit;
	font-weight:bold;
	font-size:13px;
	padding-bottom:14px;
}

/* - default paragraph style -- */
p { padding-bottom:18px;}

/* -- default form element style -- */
input {
	width:184px;
	height:15px;
	padding:2px 10px;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-right:2px;
}
input.btn { /* form button style "btn" */
	width:auto !important;
	height:auto !important;
	padding:0;
	cursor:pointer;
	float:none;
}
select {
	width:210px;
	font:11px/22px Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	width:184px;
	height:150px;
	padding:2px 10px;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
}

/* -- wrapper/main container style -- */
#wrapper {
	width:940px;
	margin:auto;
}

/* -- header style -- */
#header {
	height:114px;
	position:relative;
}

/* -- header logo section style -- */
#header img.logo {
	float:left;
	margin:14px 0 18px;
}
#header div.logo p {
	color:#000; /* site description text color */
	background-color:inherit;
	text-align:center;
	font-weight:bold;
	line-height:15px;
	position:relative;
	top:-4px;
	padding:0;
}
#header img.rss {
	position:absolute;
	bottom:5px;
	right:0;
}
#header ul {
	clear:both;
	border-left:1px solid #dedbd1;
	height:27px;
	font-size:13px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	float:left;
}
#header li { list-style:none;}
#header li li {
	list-style:none;
	border-right:1px solid #dedbd1;
	float:left;
	line-height:27px;
	position:relative;
}
#header ul a {
	padding:0 22px;
	color:#000;
	background-color:inherit;
	display:block;
	height:26px;
	float:left;
	white-space:pre;
	line-height:26px;
}
#header ul li.current_page_item a {
	color:#000;
	background-color:#fbfaf5;
}
#header ul li.current_page_item a:hover,
#header ul a:hover {
	color:#c00000;
	background-color:#f5f4f0;
}
#header li li ul {
	padding-top:1px;
	border:none;
	z-index:100;
	display:none;
	float:left;
	height:auto;
	border-right:1px solid #dedbd1;
	border-left:1px solid #dedbd1;
	z-index:1000;
}
#header li li ul a {
	background-color:#fbfaf5;
	font-size:12px !important;
	height:auto;
	width:190px;
	padding-right:9px;
}
#header li li ul li {
	clear:both;
	background-color:#fbfaf5;
	border-right:none;
	border-bottom:1px solid #dedbd1;
	line-height:26px;
}
#header li li:hover ul,
#header li li:hover ul ul,
#header li li:hover ul ul ul,
#header li li.hover ul,
#header li li.hover ul ul,
#header li li.hover ul ul ul{
	position:absolute;
	top:26px;
	left:-1px;
	display:block;
}
#header p.contact {
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	color:#ebe9e1;
	background-color:inherit;
	position:absolute;
	top:37px;
	right:48px;
}

/* -- body conatiner style -- */
#contentWrapper {
	padding:12px 0 10px 0;
	overflow:hidden;
	height:100%;
}

/* -- left panel style -- */
.leftPan {
	width:622px;
	float:left;
	background:#fff /*url(img/left-panel-bg.gif) repeat-x 0 0*/;
	border:1px solid #dedbd1;
	padding:32px 19px;
}
.leftPan ul,
.leftPan ul li {
	padding:0 0 0 26px;
}
.leftPan ul {
	padding-bottom:14px;
}
.leftPan ul li {
	background:url(img/round-black-bullet.gif) no-repeat 0 7px;
	padding-bottom:4px;
}
.leftPan ul ul {
	padding:3px 0 0 0;
}

#commentform label {
	float:left;
	width:175px;
}

/* -- article section/panel/container style -- */
.articlePan {
	clear:both;
	padding-bottom:25px;
}
.articlePan img {
	padding:3px;
	border:0px solid #c3c3c3;
	float:left;
	margin:2px 17px 13px 0;
}
.articlePan p {	text-align:justify;}

/* -- article comments style -- */
#cdisplay {
}
.articlePan p.comments {
	position:relative;
	top:0;
	float:left;
}
.articlePan p.comments a {
	color:#696969; /* comments link color */
	background-color:inherit;
	background:url(img/comments-ico.gif) no-repeat 0 50%;
	padding:2px 0 2px 21px;
}
.articlePan p.comments a strong {
	color:#fc246d; /* comments link alternate color */
	background-color:inherit;
}
.articlePan p.comments a:hover {
	color:#000; /* comments link hover color */
	background-color:inherit;
}
.articlePan p.comments a:hover strong {
	color:#2f9ccd; /* comments link alternate hover color */
	background-color:inherit;
}
.seoBookmark { display:inline; float:right; position:relative; top:-2px;}
.seoBookmark h2 { display:none;}

.navigation {
	clear:both;
}
.navigation a {
	color:#fff !important;
	background-color:inherit;
	height:24px;
	display:block;
	line-height:24px;
	font-weight:bold;
}
.navigation .previous a {
	background:url(img/prev-btn-bg.gif) no-repeat 0 0;
	width:72px;
	padding-left:20px;
	text-align:left;
	float:left;
}
.navigation .next a {
	background:url(img/next-btn-bg.gif) no-repeat 0 0;
	width:42px;
	padding-right:20px;
	text-align:right;
	float:right;
}
.navigation a:hover {
	color:#ccf5ff !important;
	background-color:inherit;
}

/* -- article heading section style -- */
.articlePan .heading {
	color:#c00000; /* article heding section text color */
	background-color:inherit;
	padding:6px 0 12px;
	clear:both;
}
.articlePan .heading p { padding-bottom:0;}
.articlePan .heading p,
.articlePan .heading h2 {
	float:left;
	width:550px;
}
.articlePan .heading h2 a {
	color:#c00000; /* article heding text link color */
	background-color:inherit;
}
.articlePan .heading h2 a:hover {
	color:#000; /* article heding text link hover color */
	background-color:inherit;
}

/* -- article date style -- */
.articlePan .heading .date {
	font-weight:bold;
	font-size:22px;
	line-height:34px;
	text-align:right;
	color:#333; /* date text color */
	background-color:inherit;
	background:url(img/calender.jpg) no-repeat 5px 0;
	width:60px;
	padding:0 9px 8px 0;
	float:left;
	text-align:center;
}
.articlePan .heading .date span {
	font-size:11px;
	line-height:16px;
	color:#fff;
	
}
.articlePan .heading a,
.articlePan .heading span {
	color:#fc246d; /* headng text link or alternate color */
	background-color:inherit;
}
.articlePan .heading a:hover {
	color:#ff6f10; /* headng text link hover color */
	background-color:inherit;
}

/* -- right panel style -- */
.rightPan {
	width:228px;
	float:right;
	padding:33px 20px 55px;
	background:#fff /*url(img/left-panel-bg.gif) repeat-x 0 0*/;
	border:1px solid #dedbd1;
	position:relative;
}
.rightPan .smallText {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

/* -- right panel heading style -- */
.rightPan h2 {
	font-size:15px;
	font-weight:bold;
	margin:0 18px 10px;
}
.rightPan input {
	width:120px;
	height:15px;
	margin-left:5px;
}

.rightPan li { list-style:none;}
.rightPan h2.small,
.rightPan li h2 {
	color:#c00000; /* h3 heading color */
	background-color:inherit;
	font-weight:bold;
	font-size:16px;
	padding-bottom:8px;
	margin:0 !important;
	border:none;
}
.rightPan ul {
	padding-bottom:15px;
	position:relative;
	float:left;
}
.rightPan ul li {
	float:left;
	width:228px
}
.rightPan ul li a {
	background:url(img/arrow-bullet-01.gif) no-repeat 0 9px;
	padding:3px 4px 4px 12px;
	display:block;
} 

/* -- right contact form style -- */
.contactRight {
	padding-bottom:0;
}
.contactRight input {
	float:none;
}

/* -- right external site logo style -- */
.findLogo {
	padding-top:10px;
	padding-bottom:20px;
}
.findLogo img {
	margin:0 auto 12px;
	display:block;
}

/* -- footer style -- */
#footer {
	color:#ebe9e1; /* footer text color */
	background:#515151 url(img/footer-bg.gif) repeat-x 0 0;
	border-top:1px solid #eee;
	padding:15px 0 10px;
	font-size:11px;
	line-height:22px;
}
#footer a {
	color:#ebe9e1;
	background-color:inherit;
}
#footer a:hover {
	color:#b7b29c;
	background-color:inherit;
}
#footer p {
	padding-bottom:0;
}
#footer p span,
#footer p span a {
	color:#f00;
	background-color:inherit;
}
#footer p span a:hover {
	color:#c00000;
	background-color:inherit;
}
#footer p.copyright {
	color:#a7a395;
	background-color:inherit;
	font-size:10px;
	padding-top:5px;
}
#footer li { display:inline; list-style:none ;}
.footerContent {
	width:940px;
	margin:auto;
}