/*  
Theme Name: Mango
Theme URI: http://wordpress.org/
Description: Custom style created for Mango Media
Version: 1.0
Author: Schmo
Author URI: http://www.schmo.co.uk
*/

html {
	border-top:5px solid #99CC00;
}

body{
	background-color : #fff;      
	color : #333;
	font-family : Georgia, Times, serif;
	font-size : small;
	margin : 0;
	text-align : center;
	padding : 0;
}

img {
	border : 0;
}

p, li {
	line-height : 150%;
}

.small {
	line-height : normal;
	font-size : 70%;
}

a {
	text-decoration : none;
}

a, a:link, a:visited {
	color : #333333;
}

a:active {
	
} 

a:hover {
	text-decoration : none;
}

.content a:hover, .sidebar a:hover {
	text-decoration : underline;
}

hr {
	background : #fff url(images/chev-white.gif) repeat-x;
	height : 6px;
	clear : both;
	border: 0;
}

h1 {
	font-size : 140%;
	color : #333333;
	margin-top : 0;
}

h2 {
	font-size : 100%;
	color : #333333;
	clear : both;
}

h2 a {
	color : #333333!important;
}

/* Subsitute News Blog graphic instead of text  in sidear and main blog page */

h2#newsblog  {
	background : #ffffff none no-repeat;
}

h2#newsblog a {
	display : block;
	background : #ffffff url(images/news-blog.gif) no-repeat;
	height : 30px;
}

h2#newsblog a:hover {
	text-decoration : none;
}

h2#newsblog a span {
	visibility : hidden;
}

h3 {
	font-size : 80%;
	color : #333333;
	clear : both;
}


ol li {
	list-style-type : decimal;
}

form, fieldset {
	margin : 0;
	padding : 0;
	border : 0;
}

fieldset {

}

legend {
	display : none;
}

label {
	font-size : 80%;
	font-weight : bold;
	display : block;
	padding : 10px 0 5px 0;
	clear : both;
}

.med {
	width : 250px;
}

.textbox {
	width : 300px;	
	height : 200px;
} 

input,select,textarea {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	padding : 5px 10px;
	color : #5D9604;
}

select {
	font-size : 80%;
	font-weight : bold;
}

.button, #submit {
	background : #5D9604 url(images/chev-green.gif);
	color : White;
	font-weight : bold;
}

small{
	font-size: 10px;
}

input, textarea {
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

input#author, input#email, input#url, textarea#comment{

}

input#author, input#email, input#url{

}

#container{
	width : 760px;
	background-color : #ffffff;
	margin : 0 auto;
	text-align : left;
}

/* Style rules to override width */

#container {width : 960px!important;}
.obar {width : 210px!important;}
.content {width : 450px!important;}
.sidebar {width : 230px!important;}
#header dl {width : 230px!important;}
#teasers .section {width : 215px!important;}
#teasers .section h2 {font-family : Georgia, Times, serif!important;}

/* Adds grey horizontal lines to columns */

.obar, .content, .sidebar {
	border-top : 5px solid #DBDBDB;
	padding-top : 20px;
}

/* Generic styles */

.hide {
	display : none;
}

.content  {
	float : left;
	width : 350px;
	margin-right : 20px;
	margin-left : 20px;
}

.content h1 a {
	color : #333333;
}


#home #quote {
	margin : 30px auto;
	background : #ffffff url(images/home-chev.gif);
	padding : 10px;	
}

#home #quote blockquote {
	background-color: #ffffff;
	padding : 10px;	
}

#home #quote blockquote h2 {
	color : #333333;
	margin: 0;
	padding: 0;
	font-size: 18px;
}

#home h2 a {
	color : #ffffff;
}

.content p, .content li {
	font-size : 80%;
}

.content blockquote, .sidebar blockquote {
	color : #BDBDBD;
	padding : 10px 15px;
	margin : auto 0;
}

.content blockquote p.quote, .sidebar blockquote p.quote {
	line-height : 120%;
}

.content blockquote p.quote:before, .sidebar blockquote p.quote:before {
content: open-quote;
color : #666666;
}
.content blockquote p.quote:after, .sidebar blockquote p.quote:after {
content: close-quote;
color : #666666;
}

.content blockquote p.author ,.sidebar blockquote p.author {
	font-style : italic;
	line-height : 100%;
}

.content ul li {
	list-style : none;
	background : url(images/plus-bullet-b.gif) no-repeat 0 5px;
	padding-left : 15px;
	margin-left : 0;
}

#header{
	padding : 20px 10px;
	margin-bottom: 15px;
	clear : both;
}

#header dl {
	margin : -50px 10px 0 0;
	float : right;
	color : #333333;
	width : 190px;
	font-size : 70%;
	line-height : 150%;
	padding : 0;
	display : block;
	clear : both;
}

#header dl dt {
	margin : 0;
	padding : 0;
	float : left;
	width : 25px;
}

#header dl dd {
	margin : 0;
	padding : 0;
}

#footer {
	clear : both;
	font-size : 70%;
	color : #333333;
	padding : 20px 0;
	margin-bottom : 30px;
}

#footer a {
	color : #333333;
}

#footer a:hover {
	text-decoration : underline;
}

#footer p {
	width : 160px;
	margin-right : 20px;
}

#footer ul {
	margin-left : 0;
}

#footer p  {
	float : left;
}

#footer ul {
	float : right;
}

#footer ul li {
	display : inline;
	margin-left : 10px;
}

/* Pages menu */

.obar {
	width : 160px;
	margin-left : 10px;
	float : left;
	font-size : 90%;
}

.obar ul {
	margin : 0;
	padding : 0;
}

.obar ul li {
	list-style-type : none;
	line-height : 200%;
	margin : 0;
	padding : 0;
}

.obar ul li a {
	color : #333333;
	padding-left : 15px;
	background : url(images/plus-bullet-g.gif) no-repeat  0 50%;
	display : block;
}

.obar ul li a:hover {
	color :  #5D9604;
	background : url(images/plus-bullet-g.gif) no-repeat 0 50%;
	text-decoration : none;
}

.obar ul li ul li {
	list-style-type : none;
	line-height : 150%;
	font-size : 90%;
	margin : 0;
	padding : 0px;
}

.obar ul li ul li a {
	color : #999999;
	background : none;
	padding-left : 15px;
	display : block;
}

.obar ul li ul li a:hover {
	background : none;	
}

.current_page_item {
	font-weight : bold;
}


.sidebar {
	float : left;
	width : 180px;
	margin-right : 10px;
}

.sidebar h2, .sidebar h3  {
	background : #5D9604 url(images/chev-green.gif);
	color : #fff;
	font-size : 100%;
	margin : 0;
	padding : 5px 10px;
}

.sidebar h2 a, .sidebar h2 a:visited, .sidebar h3 a, .sidebar h3 a:visited {
	color : #fff!important;
}

.sidebar h4 {
	font-size : 80%;	
	color : #BDBDBD;
	margin-bottom : -10px;
	margin-left :15px;
}

.sidebar li {
	list-style : none;
	margin : 0;
	padding : 0;
}

.sidebar ol li {
	list-style : decimal!important;
	font-size : 80%;
	margin : 0;
	padding : 0;
}

.sidebar ul, .sidebar li ul, .sidebar ul li ul {
	margin :15px 0;
	padding : 0;
}

.sidebar ul li, .sidebar li ul li, .sidebar ul li ul li {
	list-style : none;
	background : url(images/plus-bullet-g.gif) no-repeat 0 5px;
	padding-left : 15px;
	margin-left :15px;
	font-size : 80%;
}

li#feed {
	background-image : none;
	margin-top : 15px;
}

.sidebar blockquote {
	color : #BDBDBD;
	font-size : 80%;
}


#syndication{
	float: left;
	padding: 15px 31px 0;
	color: #999999;
}

#syndication a{ color: #666666; }

#syndication a.feed{
	padding: 0 0 0 19px;
	background: url(images/feed_icon.png) no-repeat 0 1px;
}

#searchbox{
	float: right;
	padding: 10px 31px 0;
}

#searchbox input#s{
	border: 1px solid #dddddd;
	padding: 3px;
	background: #ffffff;
}

#searchbox input#searchsubmit{ height: 24px; }

.pagewrapper{
	float : left;
}

.browse{
	font-weight : bold;
	text-align : center;
	padding : 5px 0;
	border-top : 1px solid #F5F5F5;
/*	border-bottom : 1px solid #F5F5F5;*/
	margin-top : -10px;
}


/* Homepage styles */

.banner {
	text-align : center;
	margin-bottom : 15px;
	padding : 0 10px;
	background : #ffffff url(images/chev-white.gif);
}

.banner object {
	margin : 10px 0!important;
	padding : 0!important;
}

#MapHolder {
	padding : 10px;
	background : #ffffff url(images/chev-white.gif);	
}

#mapcredit {
	font-size : 70%;
	color : #BDBDBD;
}

#mapcredit a {
	color : #BDBDBD;
}

#playlist.xml {
	margin : 0;
}

/* Portfolio page */

#teasers {
	clear : both;
}

#teasers .section {
	float : left;
	width : 165px;
	margin : 0 10px 20px 0px;
}

#teasers .section h2 {
	background : #5D9604 url(images/chev-green.gif);
	color : #fff;
	margin : 0;
	padding : 5px 10px;
/*	font-size : 90%;	*/
	font-family :  Arial, Helvetica, sans-serif;
}

#teasers .section h2 a, #teasers .section h2 a:visited {
	color : #fff!important;
}

#teasers .section .pic {
	text-align : center;
}

#teasers .section .pic img {
padding : 0;
background : none;
}

#teasers .section p {
	margin : 0;
	padding : 5px 10px;
}

#gallery {
	padding : 0;
}

#gallery #thumbs, #gallery .thumbs {
	padding-bottom : 10px;
}

#gallery #thumbs a, #gallery .thumbs a {
	border : 1px solid #fff;
	float : left;
	display : block;
	padding : 0;
	margin : 0 15px 0 0;
}

#gallery #thumbs img {
	width : 130px;
	height : 100px;
}

#gallery #thumbs a:hover, #gallery .thumbs a:hover {
	border : 1px solid #DBDBDB;
}

#gallery #preview {

}

#gallery #preview img {
	padding : 10px;
	background : #fff url(images/chev-white.gif);
	width : 426px;
	height : 330px;
}

#gallery #preview #desc {
	color : #DBDBDB;
	margin-top : 5px;
}

#gallery #thumbs img,  #gallery .thumbs img {
	padding : 0;
	background : none;
}

/* News Blog */

.post{
/*	padding : 0 0 10px 0;*/
}

.post h2{

}

.post h2 a{
	color : #ED037C;
}

.post img{
/*	padding : 10px;
	background : #fff url(images/chev-white.gif);*/
	margin : 10px 0;
}

.post img.alignleft{}

.post img.alignright{}

.post img.wp-smiley{
	padding: 0;
	border: 0;
	background: none;
}

.item img {

}

.item h4, .entry h4 { 
	font-size : 80%;
	color : #5D9604;
}

.postinfo {
	padding : 5px 0;
	color: #BDBDBD;
/*	border-left : 5px solid #F5F5F5;*/
}

.postinfo a {

}

.postdate{ color: #999999; }

/* COMMENTS TEMPLATE */

.post h3#comments, .post h3#respond{
	color : #333333;
}

.post h3#respond{
}

ol.commentlist{
}

ol.commentlist li{
}

ol.commentlist li p {
	font-size : 100%;
	color : #999999;
}

ol.commentlist li .commentmetadata{
}

ol.commentlist li .commentmetadata a{
}

form#commentform small{
}


/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
}