/*
Theme Name: Ubuhlebezwe 2013
Theme URI: 
Description: 
Author: Tradepage
Version: 1.0
License: 
License 
Tags: 
Text Domain: 

*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 background: transparent;
 border: 0;
 margin: 0;
 padding: 0;
 vertical-align: baseline;
}
body {
 line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
 font-weight: normal;
}
ol, ul {
 list-style: none;
}
blockquote {
 quotes: none;
}
blockquote:before, blockquote:after {
 content: '';
 content: none;
}
del {
 text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
 border-collapse: collapse;
 border-spacing: 0;
}
a img {
 border: none;
}

/* =Fonts
-------------------------------------------------------------- */
@font-face {
  font-family: 'LeagueGothicRegular';
  src: url('League_Gothic-webfont.eot');
  src: url('League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
     url('League_Gothic-webfont.woff') format('woff'),
     url('League_Gothic-webfont.ttf') format('truetype'),
     url('League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'AardvarkBold';
  src: url('fonts/AardvarkBold.eot');
  src: url('fonts/AardvarkBold.eot?#iefix') format('embedded-opentype'),
     url('fonts/AardvarkBold.woff') format('woff'),
     url('fonts/AardvarkBold.ttf') format('truetype'),
     url('fonts/AardvarkBold.svg#AardvarkBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MysticalPlain';
  src: url('fonts/MysticalPlain.eot');
  src: url('fonts/MysticalPlain.eot?#iefix') format('embedded-opentype'),
     url('fonts/MysticalPlain.woff') format('woff'),
     url('fonts/MysticalPlain.ttf') format('truetype'),
     url('fonts/MysticalPlain.svg#MysticalPlain') format('svg');
  font-weight: normal;
  font-style: normal;

}

/* Layout */

body {background:url(images/pagebg.jpg) top center no-repeat fixed;}

#wrapper {width:960px; margin:0 auto;}

#logo {width:960px; text-align:left; padding:10px 0 16px 0;}

#slider {width:948px; height:188px; background:#fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1); padding:5px; margin:0 0 4px 0;}
#slider img {border:1px solid #000; width:946px; height:186px;}


#topmenu {background: #003d1f; display: block; float: left; margin: 0 auto; width: 957px; border:1px solid #fff; margin:0 0 3px 0;}
#topmenu .menu-header, div.menu {width: 957px;}
#topmenu .menu-header ul, div.menu ul {list-style: none; margin: 0;}
#topmenu .menu-header li, div.menu li {float: left; position: relative;}
#topmenu a {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:22px; color:#fff; display: block; line-height: 38px; padding: 0 25px; text-decoration: none;}
#topmenu ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999;}
#topmenu ul ul li {min-width: 180px;}
#topmenu ul ul ul {left: 100%; top: 0;}
#topmenu ul ul a {background: #333; line-height: 1em; padding: 10px; width: 160px; height: auto;}
#topmenu li:hover > a, #topmenu ul ul :hover > a {background: #ab0000; color: #fff;}
#topmenu ul li:hover > ul {display: block;}
#topmenu ul li.current_page_item > a, #topmenu ul li.current-menu-ancestor > a, #topmenu ul li.current-menu-item > a, #topmenu ul li.current-menu-parent > a {color: #fff;}
* html #topmenu ul li.current_page_item a, * html #topmenu ul li.current-menu-ancestor a, * html #topmenu ul li.current-menu-item a, * html #topmenu ul li.current-menu-parent a, * html #topmenu ul li a:hover {color: #fff;}

#container {width:960px; clear:both; margin:0 0 3px 0; background:url(images/containerbg.png) top center repeat-y; overflow: hidden; border-bottom:1px solid #000;}

#leftsidebar {width:198px; margin:0 5px 0 0; float:left;}
#PhotoRotate {width:198px; height:226px; border:1px solid #000; margin:0 0 3px 0;}

#search {width:188px; margin:0 0 3px 0; padding:5px; clear:left;}
#searchsubmit {width:32px; height:30px; background:url(images/searchmagnify.png) top left; border:none; text-indent:-9999px; cursor:pointer;}
#s {width:150px; height:30px; background:url(images/searchbox.png) top left; border:none; padding:0 0 0 3px;}


#sidemenu {float: left; margin: 0 0 3px 1px; width: 203px;}
#sidemenu .menu-header, div.menu {width: 204px;}
#sidemenu .menu-header ul, div.menu ul {list-style: none; margin: 0;}
#sidemenu .menu-header li, div.menu li {float: left; position: relative;}
#sidemenu a {background:rgba(255,255,255,0.9);font-family:"Droid Sans", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; color:#000;width:184px;display:block; line-height: 20px; padding: 3px 7px; text-decoration: none; border-bottom:1px solid #cecdc9;}
#sidemenu ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999;}
#sidemenu ul ul li {min-width: 180px;}
#sidemenu ul ul ul {left: 100%; top: 0;}
#sidemenu ul ul a {background:rgba(255,255,255,0.9); line-height: 1em; padding: 10px; width: 160px; height: auto;}
#sidemenu li:hover > a, #sidemenu ul ul :hover > a {background: #ab0000; color: #fff;}
#sidemenu ul li:hover > ul {display: block;}
#sidemenu ul li.current_page_item > a, #sidemenu ul li.current-menu-ancestor > a, #sidemenu ul li.current-menu-item > a, #sidemenu ul li.current-menu-parent > a {background: #ab0000; color: #fff;}
* html #sidemenu ul li.current_page_item a, * html #sidemenu ul li.current-menu-ancestor a, * html #sidemenu ul li.current-menu-item a, * html #sidemenu ul li.current-menu-parent a, * html #sidemenu ul li a:hover {
 color: #fff;}

#sidemenu h1 {background:#003418; color:#fff; font-family:'Droid Sans',Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; text-align:center; padding:12px 0;}


#content {width:522px; margin:0 3px 3px 0; float:left; font-family:"Droid Sans", Arial, Helvetica, sans-serif; padding:15px; font-size:14px;}
#content p {margin:0 0 10px 0; line-height:18px;}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {margin-bottom: 14px;}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {margin-bottom: 0;}
#content pre, #content kbd, #content tt, #content var {font-size: 15px; line-height: 21px;}
#content code {font-size: 13px;}
#content dt, #content th {color: #000;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color: #000; line-height: 1.5em; margin: 0 0 20px 0;}
#content table {margin: 0 0 0 0; text-align: left; width: 100%;}
#content tr th, #content thead th {color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px;}
#content tr td {padding: 6px 24px;}
#content tr.odd td {background: #f2f7fc;}
#content a {color:#003d1f;}
#content a:hover {color:#ab0000;}
#content h1 {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:36px; color:#ab0000;}



#rightsidebar {width:188px; float:right; padding:5px; margin:0 0 3px 0;}
#rightsidebar h1, h3.widget-title {background:rgba(255,255,255,0.8); color:#000; font-family:'Droid Sans',Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; text-align:center; padding:8px 5px; border:1px solid #adadad;}


a.CustomLink {background:rgba(255,255,255,0.8); color:#000; font-family:'Droid Sans',Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; text-align:center; padding:8px 5px; border:1px solid #adadad; display:block; text-decoration:none;}

#rightsidebar h1 a {color:#000; text-decoration:none;}
#rightsidebar li {margin:0 0 5px 0;}

#footer {width:958px; background:#003d1f; font-family:"Times New Roman", Times, serif; font-style:italic; color:#fff; font-size:36px; text-align:center; padding:20px 0; border:1px solid #000; margin:0 0 25px 0; clear:both;}

#wp-calendar {font-family:'Droid Sans',Arial, Helvetica, sans-serif; font-size:80%;}
#calendar-month {padding:2px;}

.entry-meta {margin:5px 0 10px 0; font-size:0.8em;}
.entry-utility {margin:0 0 20px 0; font-size:0.8em;}