@charset "utf-8";
@import grid.css;
/* CSS Document */
/*   
Theme Name: CaxtonCommunityNewspapers
Theme URI: click.caxton.co.za
Description: Caxton Community Newspapers
Author: Shawn Govender & Nic Wilson
Author URI: http://click.caxton.co.za
Template: 
Version: 3
.
Copyright Caxton Community Newspapers
.*/

/* Site colours
Blue: #003399
Screen blue:#6699CC
Screen blue light tone:#99CCFF
60% Black = #999999
70% Black = #666666
Sandton Red = #d10000
Black = #000000
WOMF blue #2fbced

Calendar

1.	Light Orange - FF9965 
2.	Light Yellow – FFCC65 
3.	Light Green – CCFEE5 
4.	Medium Green – 65FFB2 
5.	Light blue – CCE5FE 
6.	Medium Blue - 65B2FF

*/




body {
	background:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;}

img {
	border:0;}
	
h1 {
	font-family:Times New Roman, Times, serif;
	font-size:24px;}
	
h1 a {
	color:#000000;
	text-decoration:none;	}

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

h2 {
	font-family:Times New Roman, Times, serif;
	font-size:20px;}
	
h2 a {
	color:#000000;
	text-decoration:none;}

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

h3 {
	font-size:14px;
	color:#003399;}

h3 a {
	color:#003399;
	text-decoration:none;}

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

h4 {
	font-size:12px;}

h5 {
	font-size:12px;
	color:black;
	text-decoration:none;
	text-align:left;
	font-variant:small-caps}

h5 a {
	color:black;
	text-decoration:none;}

h6 {
	font-size:12px;
	font-style:italic;
	color:#666666;
}

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

blockquote {
	font-family:Times New Roman, Times, serif;
	font-style:italic;
	font-size:18pt;
	color:#000000;
}

p {
	font-size:12px; !important
	font-family:Verdana, Arial, Helvetica, sans-serif; !important}


/*CONTAINERS*/

#Wrapper {
	background:#FFFFFF;
	width:960px;
	margin:auto;
	text-align:left;}
		
#Container {
	background:#FFFFFF;
	width:960px;}

#Masthead {
	float:left;
	padding-left:10px;
	width:400px;}
	
#EarSpace {
	margin-top:10px;
	float:right;
	width:500px;}
	
#PageContent {
	width:960px;
	background:#ffffff;}

#footer {
	clear:both;
	width:960px;
	float:left;}
	
/*NAVBAR ELEMENTS*/

#NavBar {
	clear:both;
	height:40px;}

#NavBarLeft {
	background:url(images/NavBarLeftBg.png) no-repeat;
	float:left;
	height:40px;}

#NavBarRight {
	background:url(images/NavBarRightBg.png) no-repeat;
	float:right;
	height:40px;}

#SearchBox {
	float:left;
	background:url(images/NavBarBg.png) repeat-x;
	height:40px;
	width:190px;
	padding-top:8px;
	padding-bottom:8px}
	
/*NAV BAR MENU LIST */

#NavBarMenu {
	width:762px;
	height:40px;
	line-height:40px;
	background:url(images/NavBarBg.png) repeat-x;
	float:left;}

#NavBarMenu ul {
	list-style:none;
	display:inline;}

#NavBarMenu li {
	float:left;
	display:block;}

#NavBarMenu li a {
	padding-right:12px;
	padding-left:12px;
	color:#4C4C4C;
	text-decoration:none;
	border-right:1px solid #B6B6B6;}

#NavBarMenu li a:hover, li:hover a {
	color:#d10000;}

#NavBarMenu li.current-cat a {
	padding-right:12px;
	padding-left:12px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(images/NavBarCurrentBg.png) repeat-x;
	border:0px;
	height:40px;
	display:inline-block;}

/*TAB ELEMENTS*/
	
#tabs {
	display:block;}

#tabs ul {
	margin:0;
	padding:0px 0px 0 30px;
	list-style:none;}

#tabs li {
	display: inline;
	padding:0;
	margin:0;}

#tabs li a {
	float:left;
	background:url(images/tableft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:bold;
	font-style:italic;}

#tabs li a span {
	float:left;
	background:url(images/tabright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#ffffff;}

#tabs li a:hover span {
	color:#d10000;}

#tabs li a:hover {
	background-position:0% -25px;
	color:#d10000;}

#tabs li a:hover span {
	background-position:100% -25px;
	color:#d10000;}

#tabs li a:active a {
	background-position:0% -25px;
	color:#d10000;}

#tabs li.ui-tabs-selected a {
	background-position:0% -25px;
	color:#d10000;}

#tabs li.ui-tabs-selected a span {
	background-position:100% -25px;
	color:#d10000;}

#tabs .panel {
	width:560px;
	float:left;
	border-bottom:#000000 solid 1px;
	border-right:#000000 solid 1px;
	border-left:#000000 solid 1px;
	border-top:#d10000 solid 4px;}
	
#tabs .panelcontent {
	float:left;
	margin:10px;}

#tabs .panelcontentL {
	width:240px;
	float:left;
	margin:10px;}
	
#tabs .panelcontentR {
	width:240px;
	float:right;
	margin:10px;}

.ui-tabs-hide {
	display: none;}
	
#tabs dl {
	display: none;
	width:0px !important;}

#tabs dt {
	display: none;
	width:0px !important;}

#tabs div.wp-caption {
	display: none;
	width:0px !important;}

/* SUB MENU ELEMENTS*/

.SubMenu {
	border:#B6B6B6 1px solid;
	background-color:#F3F3F3;
	padding:0px;
	margin:0px;
	width:100%;
	display:block;
	float:left;}

.SubMenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	width:95%;
	float:left;}

.SubMenu li {
	margin:0px;
	padding:5px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	float:left;
	display:inline-block;
	border-bottom:#B6B6B6 solid 1px;
	width:95%;}

.SubMenu li a {
	color:#000000;
	text-decoration:none;
	font-variant:small-caps;}

.SubMenu li a:hover {
	text-decoration:underline;}

.SubMenu li:hover{
	color:white;
	background:#666666;}

/* EVENTS CALENDAR SIDE BAR */

#Events {
	border:#B6B6B6 1px solid;
	background-color:#F3F3F3;
	padding:0px;
	padding-bottom:24px;
	margin:0px;
	width:100%;
	display:block;
	float:left;}
	
#Events h5 {
	padding-left:5px;}
	
#Events ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:95%;
	float:left;}

#Events li {
	margin:0px;
	font-size:12px;
	color:black;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	padding:5px;
	width:95%;}

#Events li a {
	color:black;
	text-decoration:none;}
	
#Events .titledate {
	font-size:12px;
	color:black;
	text-decoration:none;
	text-align:left;
	float:left;
	text-decoration:none;
	font-variant:small-caps;}
	
#Events li a:hover {
	margin:0px;;
	color:#003399;
	text-decoration:none;}

/* EPAPER */

.ePaper {
	text-align:center;
	margin-top:-10px;}
	
/* WOMF */

.womf {
	width:100%;}

.womfhead {
	background:url(images/WomfHotOn.png);}
	
.womfcontent{
	background:url(images/WomfHotOnBg.png);}
	
/* MISCELLANEOUS */

.advertisement {
	display:table-cell;
	margin:10px 0px 10px 0px;
	text-align:center;}
	
.final {
	clear:both;
	border-top:#B6B6B6 solid 1px;
	display:block;
	margin:10px 0px 0px 0px;
	width:95%%;}
	
.SpecialText {
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	color:#d10000;
	font-style:italic;
	font-variant:small-caps;
	font-size:18px;}

	
.thumbnail {
	float:left;
	margin:0px;
	padding:0px 3px 3px 0px;}
	

/*SIDEBAR STYLES*/
	
#UserTools {}
.promo {}
.promo1 {}
.promo2 {}

/* WP STYLES */

.meta {
	font-size:10px;}

.more-link {
	font-size:12px ! mportant;
	color:black !important;
	text-decoration:none !important;
	text-align:left !important;
	font-variant:small-caps !important;
	color:#003399 !important;
	font-weight:bold;}

.more-link a:hover {
	text-decoration:underline !important;}

.wp-caption {
	font-weight:bold;}

img.alignright {
	float:right;
	margin:0 0 3px 3px;}
	
img.alignleft {float:left;
	margin:0 3px 3px 0;}

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

a img.alignright {
	float:right;
	margin:0 0 3px 3px;}

a img.alignleft {
	float:left;
	margin:0 3px 3px 0;}
	
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;}

div.alignright {
	float:right;
	margin:0 0 3px 3px;}

div.alignleft {
	float:left;
	margin:0 3px 3px 0;}

div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;}
	
dl.alignleft {
	float:left;
	margin:0 3px 3px 0;}

dl.alignleft {
	float:right;
	margin:0 0 3px 3px;}

dl.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;}