/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*								BASE

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

body {font:12px/1.5 Verdana,Arial,'Liberation Sans',FreeSans,sans-serif; color:#0d3a57; padding:0 0 40px;background:#000 url('../images/bg1.jpg') no-repeat top fixed;position:relative;}
body.visitors_info {background:#000 url('../images/bg2.jpg') no-repeat top fixed;}
/*body.about_cape_point {background:#000 url('../images/bgmain3.jpg') no-repeat top;}*/
body#gallery {background:#000 url('../images/bg3.jpg') no-repeat top fixed;}
/*body#news {background:#000 url('../images/bgmain5.jpg') no-repeat top;}*/
body#contact {background:#000 url('../images/bg4.jpg') no-repeat top fixed;}
body#dutchman {background:#000 url('../images/bg5.jpg') no-repeat top fixed;}



hr {border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0;}

/* =Spacing
--------------------------------------------------------------------------------*/

ol {list-style:decimal;}

ul {list-style:disc;}

li {margin-left:30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:20px;}


/* anchors
----------------------------------------------- */
a {color:#000; text-decoration:none; font-weight:normal;}
p a {text-decoration:underline;}
a:hover {color:#333; text-decoration: underline;}
a:focus {outline:1px dotted invert;}

/* 960 grid system container background
----------------------------------------------- */
.container_12 {background: url('../images/bgrepeat.png') repeat-y;padding-bottom:20px;}
.container_16 {background:;}



/* photo & floats
----------------------------------------------- */
.floatright {float: right; margin-left: 10px; margin-bottom: 10px;}
.floatleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.float, .floatnone {margin-bottom: 10px;}

.inline {border:2px solid;}
.image-caption,.image-attribution {font-size: 10px; margin-top: 3px;}
.image-attribution {font-style:italic;}

/* =Headings
--------------------------------------------------------------------------------*/
#header {background: url('../images/header.jpg') no-repeat;height:220px;width:940px;}
#dutchman #header {background: url('../images/header-dutchman2.jpg') no-repeat ;}

.darkblue h2 {font-family:Times,"trajan pro";font-variant:small-caps;font-style:italic;font-weight:normal !important;font-size:26px !important;}
.darkblue h2 a {font-weight: normal;}
h2.dutchman-sidebar a {font-size:19px !important; float:right;padding-top:30px;}

/*h1 {font-size:25px;}*/
h2, h1 {font-size:17px !important;font-family:Verdana;font-weight:bold !important;color:#0D3652;text-transform: capitalize;}
h2 a {color:#0D3652; font-weight:bold;}
h3 {font-size:14px; font-weight:bold; color:#0D3652 ;margin-bottom:5px;}
h3 a {font-weight:bold;color:#0D3652; text-decoration: underline;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}

h1,h2,h3,h4,h5,h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; /*text-transform:uppercase;*/}

h1 a {font-weight:normal;}

/* page heading
----------------------------------------------- */
h1#page-heading {font-weight:normal; padding:.5em; margin:0 0 10px 0;}
#blog.entry h1#page-heading {border: none;}



/* readmore's & spans & TOGGEL
----------------------------------------------- */
.readmore {float:right;padding:2px;font-size:12px;font-style:italic;text-decoration: underline;}
a.flowToggle {position:absolute;top:0px;left:0px;padding:5px 10px; background:url('../images/navtoggle.png') no-repeat;color:#fff;height:29px; width:133px;display:block;}
/*SHADOWS
----------------------------------------------*/
.box {
	box-shadow: 5px 5px 5px #ccc;
	  -moz-box-shadow: 5px 5px 5px #ccc;
	  -webkit-box-shadow: 5px 5px 5px #ccc;
	}

/*.box {

  background: #acd4ee url('../images/shadowAlpha.png') no-repeat bottom right !important;
  background: #acd4ee url('../images/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }*/

/*.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
*/

/*SEARCH
----------------------------------------------*/
.search {float:right;padding-top:190px;padding-right:20px;}
.search p {float:left;padding-left:10px;}
.search .submit {padding-top:3px;}

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*								MODULES

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/



/*========================================================================*/
/*	BOX the one box to rule them all, and in the darkness bind them
/*	@usage div.box
/*========================================================================*/
.box {background:#acd4ee; margin-bottom:20px; padding:10px 10px 1px 10px;}
.box.darkblue {background-color:#6096ba;}
.box h2 {font-size:20px; font-weight:normal; color:#0d3652; margin:-10px -10px 5px -10px; padding:6px 12px;}
.box h2 a:hover {}
.block {padding-top:10px; padding-bottom:10px;}

.bluebg {background:  url('../images/textre-1.jpg') repeat;}

div.menu {padding:0;}
div.menu h2 {margin:0;}
div.menu .block {padding-top:0;}

/*========================================================================*/
/*	PARAGRAPHS, QUOTES AND LISTS
/*	
/*========================================================================*/
p {margin-bottom:1em;}
blockquote {font-family:Georgia,'Times New Roman',serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul,ol {padding-top:0;}

/*========================================================================*/
/*	BREADCRUMB
/*	
/*========================================================================*/
#breadcrumb {margin-bottom:10px;}


/*========================================================================*/
/*	MENU
/*	@usage ul.menu
/*========================================================================*/
ul.menu {list-style:none; border-top:1px solid #bbb;}
ul.menu li {margin:0;}
ul.menu li a {display:block; padding:4px 10px; border-bottom:1px solid #ccc;}
ul.menu li a:hover {background:#eee;}
ul.menu li a:active {background:#ccc;}
/*-- sub-menu ----------------------*/
ul.menu ul {list-style:none; margin:0;}
ul.menu ul li a {padding-left:30px;}

/*========================================================================*/
/*	SECTION MENU
/*	@usage ul.section
/*========================================================================*/
ul.section {border-top:0; margin-bottom:0;}
ul.section li {text-transform:uppercase;}
ul.section li a {background:#bbb;}
ul.section li a:hover {background:#aaa;}
ul.section li a:active {color:#fff; background:#666;}
ul.section li li a {background:#ddd; border-bottom:1px solid #eee;}
ul.section li li a:hover {background:#ccc;}
ul.section li li a:active {color:#000; background:#fff;}
ul.section ul li {text-transform:none;}
ul.section ul.current li a {background:#eee; border-bottom:1px solid #fff;}
ul.section ul.current li a:hover {background:#ddd;}
ul.section ul.current li a:active {background:#fff;}
ul.section li a.current {color:#fff; background:#666;}
ul.section li a.current:hover {background:#555;}
ul.section li a.current:active {background:#444;}
ul.section li a.active {background:#fff; cursor:default;}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {color:#fff; background:#666; cursor:default;}

/*========================================================================*/
/*	TABLE global table design
/*	@usage table
/*========================================================================*/
table {width:100%; border:1px solid #bbb; margin-bottom:10px;}
col.colC {width:8em;}
th,td {padding:.2em 1em; text-align:left;}
thead th {border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em;}
thead th.table-head {font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555;}
tbody th,
tbody td {border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee;}
tbody tr.odd th,
tbody tr.odd td {background:#fff;}
tfoot th,
tfoot td {border-top:2px solid #666; background:#eee;}
tfoot tr.total th,
tfoot tr.total td {border-top:6px double #666;}
tfoot tr.total th {text-transform:uppercase;}
th.currency,
td.currency {text-align:right;}

/*========================================================================*/
/*	ARTICLE individual blog / news articles
/*	@usage div.box.article
/*========================================================================*/
#news .grid_8 h2, #news #sidebar h2, #news h1 {padding:5px;font-family:Verdana;font-weight:bold; color:#fff;}
#news .grid_8 h2, #news .grid_8 h1 {background: url('../images/heading-repeat620.png') repeat-y !important;}
#news #sidebar h2 {background: url('../images/heading-repeat300.png') repeat-y !important;}
#news .grid_8 h2 a {color:#fff;}
.article {padding: 5px 10px 10px 10px; background: #ACD4EE;}


/*.article .date { display:block; font-size:11px; font-style:italic; font-weight:bold; margin-bottom:5px; padding-top:2px; text-align:right;}*/

.article .last {border-bottom:none;}

.article h4 {font-size:1.2em; text-transform:uppercase; margin-bottom:.5em;}

.article a.image {float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff;}
.article a.image:hover {border:1px solid #666;}
.article a.image img {float:left;}


/*========================================================================*/
/*	ENTRY | entry page for an article or blog post
/*	@usage div.box.article.entry	@extends article 
/*========================================================================*/
.entry {border-bottom: none;}


/*========================================================================*/
/*	COMMENT
/*	@usage li.comment
/*========================================================================*/
.comment {padding:10px;margin:0; margin-bottom:10px;}

.odd {background: #efefef;}
.even {background: #e3e3e3;}

.comment-meta {font-size:11px;}
.comment-meta .avatar {float: left; padding-right: 10px; padding-bottom: 10px;}
.comment-meta span.name {display: block;}
.comment-meta span.date {display: inline;}
.comment-meta span.perma {display: inline;}

.admin {background: #E3F1F6;}



/*========================================================================*/
/*	COMMENTS | wrapper for ol.comment and comments submit form
/*	@usage div#comments.box
/*========================================================================*/
#comments {background-color:#6096BA ;}

/*========================================================================*/
/*	META
/*	@usage ul.meta	@extends .article | .entry
/*========================================================================*/

#newsmeta.box {margin-bottom:10px !important;}
.meta li {float:left;list-style:none; margin:0; padding:0 10px 0px 0px;}
.meta li { font-weight: bold; }

/* site information
----------------------------------------------- */
#site_info .box {color:#ccc; background:#666; margin-bottom:10px;}
#site_info a {color:#fff;}
#site_info a:hover {color:#000;}
	

/*========================================================================*/
/*	GALLERY
/*	@usage div.box.gallery
/*========================================================================*/
.gallery li {margin:0; padding:0; list-style:none; float:left;}
.gallery li a {display: block; }
.gallery li {background: transparent url(/theme/images/loaders/loader_1_white16.gif) center center no-repeat;}


/*========================================================================*/
/*	FLICKR-FEED
/*	@usage ul.flickr-feed	@extends .box.gallery
/*========================================================================*/
.flickr-feed li a img {border: 1px solid #ccc; padding: 4px; margin-right: 4px; margin-bottom: 4px; width: 50px; height: 50px;}
.flickr-feed li a:hover img {background: #fff;}


/*========================================================================*/
/*	BLOCK-LIST | a very blocky, very clickable list
/*	@usage div.box.block-list
/*========================================================================*/
.block-list {padding: 0; margin: 0 0 10px 0;}
.block-list li {list-style: none; padding: 0; margin: 0;}
.block-list li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;}
.block-list li a:hover {background-color: #CCC;}

/*========================================================================*/
/*	HYPERLINKS LIST | create a nice list of hyperlink
/*	@usage ul.hyperlinks
/*========================================================================*/
.hyperlinks li {list-style: none; margin: 0;}
.hyperlinks li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted;padding: 0 5px; }
.hyperlinks li a span {font-weight: normal;}
.hyperlinks li a:hover {background: #339BD7;}

/*========================================================================*/
/*	COMMENT-FEED | basic styling for a comments feed
/*	@usage ul.twitter-feed
/*========================================================================*/
.comment-feed li {list-style:none; margin:0; padding:0;}
.comment-feed li {display: block; padding: 4px; border-bottom:dotted 1px;}
.comment-feed li a {}
.comment-feed li a {display: inline;}

.comment-feed a {text-decoration: underline;}
.comment-feed span {font-size:14px;}

/*========================================================================*/
/*	DOWNLOADS | styling of files specifically
/*	@usage ul.block-list.downloads
/*========================================================================*/
.downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;}

.downloads .box {padding: 5px 0;}
.downloads .box h2 {margin-left: 0;}

.downloads a {padding: 10px 20px; text-decoration: none;}
.downloads a {line-height: 16px; background-position: 6px 14px !important;}

.downloads a:hover {text-decoration: none; background-color: #EEE !important;}
.downloads span {font-weight: normal; }

/*-- ICONS ----------------------*/
span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_acrobat.png) center left no-repeat;}
span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_word.png) center left no-repeat;}
span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_powerpoint.png) center left no-repeat;}
span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/ipod_sound.png) center left no-repeat;}

.grid_8 a[href^="http://www.capepoint.co.za"] {background: transparent !important;padding-right: 0px !important;}
.grid_8 a[href^="http:"] {background:url('../images/Icon_External_Link.png') no-repeat right;padding-right: 15px;}

/*========================================================================*/
/*	TWITTER-FEED | basic styling for a twitter feed
/*	@usage ul.twitter-feed
/*========================================================================*/
.twitter-feed li {list-style:none;margin:0;padding:0;}
.twitter-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;}
.twitter-feed li a {}
.twitter-feed li a {display: inline;}

/*========================================================================*/
/*	GLOBAL NOTIFICATION MESSAGE | absolute positioned notification
/*	@usage div.notification
/*========================================================================*/
.notification {display: none;}

.notification {z-index:99; font-size: 14px; margin: 10px 0;}

.noScript {padding: 0 10px; position: relative; position: relative; display: block;}
.hasScript {position: absolute; top:0; padding: 0 0px; width: 960px; margin: 0 auto; cursor: pointer;}


.notification div {padding: 10px; margin:0 auto; text-align: center;}
.notification p {padding: 0; margin: 0;}

.notification .success	{background: white; color: #2B992C; border: 1px solid #2B992C; }
.notifictation .success a {border-color: #2B992C; color: #2B992C;}

.notification .warning	{background: white; color: #C75151; border: 1px solid #C75151;}
.notification .note		{background: #FFF8C4; color: #5C5644; border: 1px solid #A79534;}
.notification .note h2 	{font-size: 16px; padding: 0; margin: 0;}

.notification .closethis {border: 1px solid; width: 14px; height: 14px; display: block; line-height: 14px; text-align: center; position: absolute; top: 10px; right: 10px;}

/*========================================================================*/
/*	SYSTEM NOTIFICATION TEMPLATES
/*	@usage div.notification
/*========================================================================*/
.error {background: white; color: #9F252C; border: 1px solid #9F252C; padding: 20px;}
.error p {}


/*========================================================================*/
/*	PAGINATION
/*	@usage ul.pagination
/*========================================================================*/
.pagination {}



/*========================================================================*/
/*	FOOTER
/*	
/*========================================================================*/

#footer {background: url('../images/footer-tab9602.png') no-repeat ;height:49px;width:960px;margin:0 auto;}
#footer .footertab {float:left;margin-left:76px;width:164px;}
#footer .footertab p, #footer .footertab h5 {padding-left:15px;color:#2B7AAF; font-weight:bold;}
#footer .footertab h5 {margin-top:-4px;margin-bottom:0px;}

#footermeta {width:550px;padding-top:10px;text-align:center !important;height:30px;color:#fff;text-transform:uppercase;margin:0 auto;font-size:12px;}
#footermeta a {color:#fff;}
#footermeta p {float:left;padding-top:3px;}
.meta-bg {background-color:#000;padding:3px;filter:alpha(opacity=50);opacity:0.5;}

a.footer-social {display:block; height:23px; width: 24px; float:right;}
a.footer-social span {margin-left:-9999px;}
a.footer-social#facebook {background: url('../images/icon-face.png') no-repeat scroll top left;}
a.footer-social#flickr {background: url('../images/icon-flikr.png') no-repeat scroll top left; margin-left:10px;margin-right:5px;}

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*							       TEMPLATES
						:: page specific CSS styling ::
					   :: think before you class-ify ::
						
/*========================================================================*/
/*========================================================================*/
/*========================================================================*/



/*-- BLOG PAGE ----------------------*/
#blog .article {}

/*-- NEWS PAGE ----------------------*/
#news .article {}

/*SIDEBAR NAVIGATION (STRUCTURE)
------------------------------------*/
#sidebar_nav {padding-left:0px;margin-left:0px;}
#sidebar_nav li {font-size:14px;margin-left:0px;padding-bottom:0px;padding-left:0px;font-variant: capitalize !important;list-style:none !important;padding-top:3px;}
#sidebar_nav li a {color:#0D3652;font-weight:bold;display:block;width:290px;border-bottom:solid 1px #2FB0FF;text-decoration:none !important;padding-bottom:7px;padding-left:10px;}
#sidebar_nav li.here a {text-decoration:underline;}
#sidebar_nav li ul {padding-left:0px;padding-top:10px;}
#sidebar_nav li ul li {list-style-type:disc;}
#sidebar_nav li a:hover {color:#000;}
#sidebar_nav .sub_level_0.here, #sidebar_nav .sub_level_0.parent_here, #sidebar_nav.sub_level_0.parent_here.sub_level_1 here  {background: url('../images/secnavbg2.jpg') no-repeat scroll top left;}

#sidenav.box {padding-left:0px !important;padding-right:0px !important;padding-top:0px !important;}

/*-- WIDGETS ----------------------*/
#fp-facebook.box {height:268px;}