/*
Theme Name: 36 Degrees
Theme URI: http://wordpress.org/
Description: A custom theme built for 36 Degrees Investment Management Limited developed by <a href="http://www.hungrybrowser.co.uk/">Hungry Browser Limited</a>.
Version: 1.0
Author: Ben Ellis
Author URI: http://www.hungrybrowser.co.uk/
Tags: custom, fixed width, two columns, red

	36 Degrees v1.0
	http://www.hungrybrowser.co.uk/

	This theme was designed and built by Ben Ellis,
	whose blog you will find at http://www.hungrybrowser.co.uk/benellis/category/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ------------------------------------------------------------
	Default elements
---------------------------------------------------------------- */

body {
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: #EEEEEE url("images/body_bg.gif") 0px 0px repeat-x;
	color: #333333;
	font-size: 12px;
	font-family: Lucida sans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: left;
}

a {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
	outline: none;
}

a:visited {
	color: #666666;
	text-decoration: underline;
}

a:active {
	color: #0033CC;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}

a img {
	border: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
	color: #333333;
}

acronym {
	border-bottom: 1px #999999 dashed;
	cursor: help;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	clear:both;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: underline;
}

h1 {
	font-size: 20px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 16px;
	color: #333333;
	margin: 0px 0px 5px 0px;
}

h3 {
	font-size: 14px;
	color:#333333;
	margin: 0px 0px 5px 0px;
}

h4 {
	font-size: 13px;
	color: #333333;
	margin: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 20px 0px;
}

q {
	margin: 0px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	display: block;
}

code  {
	font: 11px 'Courier New', Courier, Fixed;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-size: 11px;
	font-style:italic;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

/* ------------------------------------------------------------
	Form fields
---------------------------------------------------------------- */

legend {
	display: none;
}

form {
	margin: 0px;
	padding: 0px;
	font-family: Lucida sans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

form p {
	margin: 0px;
}

.text_input, select, textarea  {
	border: 1px #CCCCCC solid;
	padding: 2px 0px 2px 1px;
	background-color: #F9F9F9;
	color: #666666;
	margin: 0px;
	font-family: Lucida sans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.text_input:hover, .text_input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	border-color: #999999;
	background-color: #FFFFDA;
	color: #333333;
}

.text_input, select, textarea  {
	width: 180px;
}

label {
	font-weight:bold;
}

button {
	font-family: Lucida sans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px #CCCCCC solid;
	background-color: #F9F9F9;
	margin: 0px 0px 0px 5px;
	padding: 1px 7px 1px 7px;
}

button:hover, button:focus {
	background-color: #EEEEEE;
	color: #000000;
	cursor: pointer;
}

/* ------------------------------------------------------------
	Styles for page layout
---------------------------------------------------------------- */

#page {
	margin: 0px auto;
	padding: 0px;
	width: 955px;
	border-top: 5px solid #EC1C24;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF;
	text-align: left;
}

/* ------------------------------------------------------------
	Styles for page header
---------------------------------------------------------------- */

/* Header container */
#header {
	position: relative;
	height: 120px;
	padding: 0px 25px 0px 25px;
}

/* Main heading */
#header h1 {
	text-indent: -10000px;
	display: block;
	width: 903px;
	height: 51px;
	padding-top: 15px;
	margin: 0px;
}

#header h1 a {
	display: block;
	width: 903px;
	height: 51px;
	background: url(images/logo_bg.gif) 0px 0px no-repeat;
}

/* Sub-heading */
#header h2 {
	display: none;
}

/* ------------------------------------------------------------
	Styles for main navigation
---------------------------------------------------------------- */

.nav {
	position: absolute;
	top: 80px;
	width: 640px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat;
}

ul.nav, ul.nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}


.nav li {
	display: inline;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 30px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/* ------------------------------------------------------------
	Styles for Main navigation: Home link
---------------------------------------------------------------- */

.nav .home a:link, .nav .home a:visited {
	left: 0px;
	width: 72px;
}

.nav .home a:hover, .nav .home a:focus {
	background: url("images/nav_bg.gif") no-repeat 0px -30px;
}

.nav .home a:active {
	background: url("images/nav_bg.gif") no-repeat -0px -60px;
}

.current-home .home a:link, .current-home .home a:visited {
	background: url("images/nav_bg.gif") no-repeat 0px -90px;
	cursor: default;
	height: 29px;
}

.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 72px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat 0px -30px;
}

.nav-home-click {
	background: url("images/nav_bg.gif") no-repeat 0px -60px;
}

/* ------------------------------------------------------------
	Styles for Main navigation: 36 degrees link
---------------------------------------------------------------- */

.nav .why-36-degrees a:link, .nav .why-36-degrees a:visited {
	left: 72px;
	width: 130px;
}

.nav .why-36-degrees a:hover, .nav .why-36-degrees a:focus {
	background: url("images/nav_bg.gif") no-repeat -72px -30px;
}

.nav .why-36-degrees a:active {
	background: url("images/nav_bg.gif") no-repeat -72px -60px;
}

.current-why-36-degrees .about a:link, .current-why-36-degrees .why-36-degrees a:visited {
	background: url("images/nav_bg.gif") no-repeat -72px -90px;
	cursor: default;
}

.nav-why-36-degrees, .nav-why-36-degrees-click {
	position: absolute;
	top: 0;
	left: 72px;
	width: 130px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat -72px -30px;
}

.nav-why-36-degrees-click {
	background: url("images/nav_bg.gif") no-repeat -72px -60px;
}

/* ------------------------------------------------------------
	Styles for Main navigation: why gibraltar link
---------------------------------------------------------------- */

.nav .why-gibraltar a:link, .nav .why-gibraltar a:visited {
	left: 202px;
	width: 117px;
}

.nav .why-gibraltar a:hover, .nav .why-gibraltar a:focus {
	background: url("images/nav_bg.gif") no-repeat -202px -30px;
}

.nav .why-gibraltar a:active {
	background: url("images/nav_bg.gif") no-repeat -202px -60px;
}

.current-why-gibraltar .why-gibraltar a:link, .current-why-gibraltar .why-gibraltar a:visited {
	background: url("images/nav_bg.gif") no-repeat -202px -90px;
	cursor: default;
}

.nav-why-gibraltar, .nav-why-gibraltar-click {
	position: absolute;
	top: 0;
	left: 202px;
	width: 117px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat -202px -30px;
}

.nav-why-gibraltar-click {
	background: url("images/nav_bg.gif") no-repeat -202px -60px;
}

/* ------------------------------------------------------------
	Styles for Main navigation: funds link
---------------------------------------------------------------- */

.nav .funds a:link, .nav .funds a:visited {
	left: 318px;
	width: 66px;
}

.nav .funds a:hover, .nav .funds a:focus {
	background: url("images/nav_bg.gif") no-repeat -318px -30px;
}

.nav .funds a:active {
	background: url("images/nav_bg.gif") no-repeat -318px -60px;
}

.current-funds .funds a:link, .current-funds .funds a:visited {
	background: url("images/nav_bg.gif") no-repeat -318px -90px;
	cursor: default;
}

.nav-funds, .nav-funds-click {
	position: absolute;
	top: 0;
	left: 318px;
	width: 66px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat -318px -30px;
}

.nav-funds-click {
	background: url("images/nav_bg.gif") no-repeat -318px -60px;
}

/* ------------------------------------------------------------
	Styles for Main navigation: news link
---------------------------------------------------------------- */

.nav .news a:link, .nav .news a:visited {
	left: 384px;
	width: 66px;
}

.nav .news a:hover, .nav .news a:focus {
	background: url("images/nav_bg.gif") no-repeat -384px -30px;
}

.nav .news a:active {
	background: url("images/nav_bg.gif") no-repeat -384px -60px;
}

.current-news .funds a:link, .current-news .news a:visited {
	background: url("images/nav_bg.gif") no-repeat -384px -90px;
	cursor: default;
}

.nav-news, .nav-news-click {
	position: absolute;
	top: 0;
	left: 384px;
	width: 66px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat -384px -30px;
}

.nav-news-click {
	background: url("images/nav_bg.gif") no-repeat -384px -60px;
}

/* ------------------------------------------------------------
	Styles for Main navigation: downloads link
---------------------------------------------------------------- */

.nav .downloads a:link, .nav .downloads a:visited {
	left: 448px;
	width: 96px;
}

.nav .downloads a:hover, .nav .downloads a:focus {
	background: url("images/nav_bg.gif") no-repeat -448px -30px;
}

.nav .downloads a:active {
	background: url("images/nav_bg.gif") no-repeat -448px -60px;
}

.current-downloads .funds a:link, .current-downloads .downloads a:visited {
	background: url("images/nav_bg.gif") no-repeat -448px -90px;
	cursor: default;
}

.nav-downloads, .nav-downloads-click {
	position: absolute;
	top: 0;
	left: 448px;
	width: 96px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat -448px -30px;
}

.nav-downloads-click {
	background: url("images/nav_bg.gif") no-repeat -448px -60px;
}

/* ------------------------------------------------------------
	Styles for Main navigation: contact us link
---------------------------------------------------------------- */

.nav .contact-us a:link, .nav .contact-us a:visited {
	left: 543px;
	width: 96px;
}

.nav .contact-us a:hover, .nav .contact-us a:focus {
	background: url("images/nav_bg.gif") no-repeat -543px -30px;
}

.nav .contact-us a:active {
	background: url("images/nav_bg.gif") no-repeat -543px -60px;
}

.current-contact-us .funds a:link, .current-contact-us .contact-us a:visited {
	background: url("images/nav_bg.gif") no-repeat -543px -90px;
	cursor: default;
}

.nav-contact-us, .nav-contact-us-click {
	position: absolute;
	top: 0;
	left: 543px;
	width: 96px;
	height: 30px;
	background: url("images/nav_bg.gif") no-repeat -543px -30px;
}

.nav-contact-us-click {
	background: url("images/nav_bg.gif") no-repeat -543px -60px;
}

/* ------------------------------------------------------------
	Styles for search form
---------------------------------------------------------------- */

#searchform {
	position: absolute;
	top: 85px;
	right: 25px;
	margin: 0px;
	padding: 0px;
}

/* ------------------------------------------------------------
	Styles for breadcrumb
---------------------------------------------------------------- */

#breadcrumb {
	position: relative;
	height: 30px;
}

ul#breadcrumb, ul#breadcrumb li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	display: block;
	float: left;
	font-size: 11px;
}

ul#breadcrumb {
	padding-left: 25px;
}

ul#breadcrumb li {
	padding-right: 1px;
}

/* ------------------------------------------------------------
	Styles for slideshow
---------------------------------------------------------------- */

.slideshow_container {  
	background-color: #F7F7F7;
	text-align: center;
	padding: 0px 26px 0px 26px;
}

.slideshow {  
	height: 319px;  
	width: 903px;  
	overflow: hidden;
} 
 
.slideshow img {  
	height: 319px;  
	width: 903px;  
	top: 0px; 
	left: 0px 
} 

#caption_container {
	position: relative;
	height: 25px;
	margin: 15px 0px 15px 0px;
	text-align: center;
}

#caption_container ul, #caption_container li {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#caption_container li {
	position: absolute;
	top: 0px;
	display: block;
	height: 25px;
}

#caption_container li a {
	display: block;
	cursor: pointer;
}

#caption_container li a {
	text-indent: -10000px;
}

#prev {
	width: 25px;
	height: 25px;
 	left: 25px;
}

#prev a {
	background: url("images/prev_bg.gif") 0px 0px no-repeat;
	width: 25px;
	height: 25px;
}

#next {
	width: 25px;
	height: 25px;
 	left: 905px;
}

#next a {
	background: url("images/next_bg.gif") 0px 0px no-repeat;
	width: 25px;
	height: 25px;
}

#prev a:hover, #next a:hover {
	background-position: 0px -25px;
}

#caption_container li#caption {
	left: 57px;
	width: 839px;
	background: url("images/caption_bg.gif") top left no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 2px 0px 0px 0px;
}

#caption_container li#caption small {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-style: normal;
}

/* ------------------------------------------------------------
	Styles for sub headline
---------------------------------------------------------------- */

#sub_headline {
	background: url("images/sub_headline_bg.gif") 0px 0px no-repeat;
	padding: 18px 60px 18px 100px;
	margin: 0px 0px 15px 25px;
}

#sub_headline p {
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
	color: #333333;
}

/* ------------------------------------------------------------
	Styles for sub content
---------------------------------------------------------------- */

#sub_content_container {
	margin: 0px;
	width: 955px;
}

.sub_content {
	width: 290px;
	float: left;
	margin-left: 17px;
	color: #666666;
}

.sub_content.first {
	margin-left: 25px;
}

h3.fancy {
	background: url("images/sub_content_header_bg.gif") 0px 0px no-repeat;
	padding: 1px 0px 0px 25px;
	width: 80%;
	height: 20px;
	color: #000000;
	font-size: 20px;
	margin: 0px;
}

.sub_content img {
	margin: 5px 0px 10px 0px;
}

/* ------------------------------------------------------------
	Styles for news scroller
---------------------------------------------------------------- */

.news ul, news li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}

.news ul {
	margin: 0px 0px 20px 0px;
}

.news_prev, .news_prev a, .news_next, .news_next a {
	width: 28px;
	height: 200px; 
	float: left;
	display: block;
	text-indent: -10000px;
}

.news_prev a {
	background: url("images/news_prev_bg.gif") 0px 0px no-repeat;
}

.news_prev a:hover {
	background: url("images/news_prev_bg.gif") 0px -200px no-repeat;
}

.news_next a {
	background: url("images/news_next_bg.gif") 0px 0px no-repeat;
}

.news_next a:hover {
	background: url("images/news_next_bg.gif") 0px -200px no-repeat;
}

.news_content {  
	float: left;
	height: 200px; 
	width:  230px;  
	padding: 0px;  
	margin:  0px;
	overflow: hidden;
	border-right: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	font-size: 11px;
} 
		 
.news_content li {  
	height: 185px; 
	width: 215px;  
	top:  0px; 
	left: 0px;
	background-color: #E5E5E5;
	padding: 5px 5px 10px 10px;
	line-height: 15px;
} 

.news_content a {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

.news_content p {
	margin: 5px 0px 10px 0px;
}

#sidebar .news_content li {
	padding: 5px 5px 10px 10px;
}

/* ------------------------------------------------------------
	Styles for content area
---------------------------------------------------------------- */

#content {
	clear: both;
}

.narrowcolumn, .widecolumn {
	float: left;
	padding: 0px;
	margin: 0px;
}

.widecolumn {
	width: auto;
}

.narrowcolumn {
	width: 597px;
	margin: 0px 0px 0px 25px;
}

/* ------------------------------------------------------------
	Styles for posts
---------------------------------------------------------------- */

.header_image {
	margin: 0px 0px 15px 0px;
}

.post {
	margin: 20px 0px 50px 0px;
}

.post small.date {
	display: block;
	border-bottom: 1px #EEEEEE solid;
	margin: 0px 0px 10px 0px;
}

.postmetadata {
	font-size: 11px;
	color: #666666;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.navigation {
	font-size: 11px;
	margin: 15px 0px 5px 0px;
	border-top: 1px #EEEEEE solid;
}

/* ------------------------------------------------------------
	Styles for sidebar
---------------------------------------------------------------- */

#sidebar {
	width: 289px;
	margin-right: 25px;
	float: right;
	color: #666666;
}

#sidebar ul, #sidebar ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	font-size: 11px;
}

#sidebar div {
	background-color: #E5E5E5;
	margin: 0px 0px 10px 0px;
}

#sidebar div.top {
	background: url("images/sidebar_top_bg.gif") 0px 0px no-repeat;
	height: 13px;
	margin: 0px;
}

#sidebar div.bottom {
	background: url("images/sidebar_bottom_bg.gif") 0px 0px no-repeat;
	height: 13px;
	margin: 0px;
}

#sidebar h2 {
	background: url("images/sidebar_header_bg.gif") 0px 0px no-repeat;
	padding: 1px 0px 2px 25px;
	margin: 0px 0px 5px 0px;
	width: 80%;
	color: #333333;
	font-size: 16px;
}

#sidebar .news {
	background: #FFFFFF;
	margin: 15px 0px 20px 0px;
	overflow: auto;
}

#sidebar .news h2 {
	background: url("images/sub_content_header_bg.gif") 0px 0px no-repeat;
	margin: 0px 0px 15px 0px;
}

#sidebar li.list_container {
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 25px;
}

#sidebar li.list_container li:before {
	content: "\0BB " " ";
}

#sidebar li.list_container.tags li:before {
	content: "";
}

#sidebar li.list_container.tags li {
	display: inline;
	white-space: nowrap;
}

#sidebar div.fund_value {
	background: url("images/fund_value_bg.gif") 0px 0px no-repeat;
	padding: 20px 0px 20px 70px;
	margin: 0px 0px 15px 0px;
	font-size: 18px;
	color: #333333;
}

#sidebar div.fund_value strong {
	color: #000000;
}

#sidebar div.fund_value p {
	margin: 0px;
}

/* ------------------------------------------------------------
	Styles for page footer
---------------------------------------------------------------- */

#footer {
	clear: both;
	text-align: center;
	margin: 0px 25px 0px 25px;
	padding: 100px 0px 0px 0px;
}

#footer ul, #footer ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	font-size: 10px;
	line-height: 16px;
	color: #666666;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	display: inline;
	padding: 2px 5px 2px 5px;
}

.footer_bg {
	background: url("images/footer_bg.gif") top left no-repeat;
	display: block;
	height: 16px;
	margin: 0px auto;
	margin-bottom: 40px;
	padding: 0px;
	width: 955px;
}

/* ------------------------------------------------------------
	Styles for comments
---------------------------------------------------------------- */

.commentlist {
	padding: 0;
	margin: 10px 0px 10px 0px;
	font-size: 11px;
}

.commentlist li {
	font-weight: bold;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
}

.commentmetadata {
	font-weight: normal;
}

.alt {
	margin: 0;
	padding: 10px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

#commentform {
	margin: 10px 0px 10px 0px;
}

#commentform p {
	margin: 0px 0px 10px 0px;
}

#commentform textarea {
	width: 90%;
}

#commentform button {
	margin-left: 0px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */