/*  
Theme Name: Safariwise
Theme URI: http://www.yourdesign.co.za/ 
Description: FREE Professional Wordpress theme created by Red Evolution. Web 2.0 design, three columns, widget ready.
Version: 1.0.1 
Author: Red Evolution
Author URI: http://www.yourdesign.co.za/ 
*/ 

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-----------EnD OF Reset ------------*/

html, body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, ul{ 
margin: 0; 
padding: 0; 
} 

html{
font-size:62.5%;
}

body{ 
font-family:arial, helvetica, sans-serif; 
background-color: #5c0000;
font-size:14px;
line-height:170%;
} 

/* headings */

h1, h2, h3, h4, h5, h6{
margin:0.5em 0;
}

h1{ 
font-size:2em;
} 

h2{
font-size:18px; 
} 

h3{ 
font-size:1.6em;
} 

h4{ 
font-size:1.4em;
} 

h5{ 
font-size:1.3em;
} 

h6{ 
font-size:1.2em;
} 

h1#sitename{
color:#ded5d5;
font-size:3.5em;
font-weight:normal;
font-family:"Myriad Web","Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
letter-spacing:-0.05em;
}

h1#sitename a{
color:#ded5d5;
}

h1#sitename a:hover{
text-decoration:none;
color:#fff;
}

/* links */

a{ 
text-decoration: none; 
color: #a00000; 
font-weight:bold;
} 

a:hover{ 
text-decoration: underline; 
} 

a img{
	border: 1px solid #CCCCCC;
	margin: 3px;
	padding: 3px;
}
#home-content a img{
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*-----Lists-----*/
ul{
list-style:none;
margin-left:15px;
}



ul li{margin:0; padding:0;}

#content ul li{
margin:0;
padding:2px 0px 2px 16px;
background:url(images/bullet.png) no-repeat;
background-position:5px 8px;
}

/* basic selectors */
a.more-link{

padding:32px 0 0 0;
overflow:hidden;
background:url(images/readmore.png) top left no-repeat;
display:block;
height: 0px !important;
}

p{ 
padding: 0.2em 0 0.3em 0; 
}

code{
font-family:"Courier New", Courier, monospace;
}

.insert-right blockquote{
	padding : 3px;
	border: 1px solid #FF0000;
	color:#FFFFFF;
	background-color: #990000;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	-moz-border-radius: 8px;  
    -webkit-border-radius: 8px;
} 

.insert-right blockquote p{ 
padding: 0; 
} 

blockquote{
	padding : 10px;
	border: 1px solid #CECECE;
	background-color: #F7F7F7;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	-moz-border-radius: 8px;  
    -webkit-border-radius: 8px;
	width: 80%;
} 

blockquote p{
	padding-top: 10px;
	padding-bottom: 10px;
} 

blockquote blockquote{ 
float: none; 
width: auto; 
margin: 0 1em; 
background: #fff; 
} 

dd{ 
padding: 0 0 0 2em; 
} 

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

p img{ 
max-width: 100%; 
} 

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

img.alignright{ 
margin: 3px 0 2px 10px; 
padding: 4px; 
border: 1px solid #ededed; 
display: inline; 
} 

img.alignleft{ 
margin: 3px 10px 2px 0; 
padding: 4px; 
border: 1px solid #ededed; 
display: inline; 
} 

.alignleft{float: left;} 

.alignright{float: right;} 

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
small{ 
font-size: 11px; 
} 

/* top navigation */

#menu{
z-index:100;
position:relative;
}
#menu ul{ float:left; padding:2px 0 0 0; margin:0; }
#menu ul li{display:inline; width:auto; float:left; padding:0; padding-right:2px; background:url(images/vline.jpg) top right no-repeat;}
#menu ul a, #menu .menu-header a{
color:#fff;
font-weight:bold;
font-size:13px;
display:block;
}
#menu ul ul a{
font-size:14px;
font-weight:normal;
display:block;
float:none;
clear:both;
}

#menu ul a:hover, #menu ul li.current_page_item{
	text-decoration:none;
	background-image: url(images/highlight.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul li a{
margin:0;
padding:0;
float:left;
padding:8px;
}


/*#menu ul a:hover{
text-decoration:none;
}

#menu ul li a{
margin:0;
padding:0;
float:left;
padding:9px 12px 8px 12px;
}

#menu ul li:hover, #menu ul li.sfhover,
#menu ul li#current_page_item{
background:url(images/highlight.png) top right no-repeat;
padding:0px 14px 0px 0px;
float:left;
}

#menu ul li:hover a, #menu ul li.sfhover a,
#menu ul li#current_page_item a{
background:url(images/highlight.png) top left no-repeat;
padding:9px 0px 8px 12px;
}*/

/*post layout */

.post{
	clear: right;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
} 
.post h2{ 
color:#a00000;
} 
.post h2 a{ 
color:#a00000;
text-decoration:none;
} 
.post h2 a:hover{
background-color:#a00000;
color:#fff;
}
.entry-date{ 
padding: 0 0 0 20px; 
color: #666;
background:url(images/calendar.png) center left no-repeat;
} 
.entry-content{

} 

/* comments */

#comments{
	margin: 10px;
	padding: 10px;
	border: 1px solid #f5f5f5;
} 
#comments ol{ 
list-style: none; 
margin: 10px 0; 
padding: 0; 
} 
#comments ol li{ 
list-style: none; 
margin: 10px 0 0; 
padding: 0 0 10px; 
border-bottom: 1px solid #ededed; 
line-height: 24px; 
} 
#comments span.comment-author{ 
font-weight: bold; 
} 
#respond{ 
padding: 10px; 
background: #f9f9f9; 
} 

/*layout*/
.wrapper{width:962px; text-align:left;}

#top{
	background:#5c0000;
	height: 120px;
	padding: 0px;
}

#top .wrapper{
	text-align:center;
	width: 978px;
	height: 120px;
}

#description{
color:#fcffa2;
text-transform:uppercase;
}

#header{background-color:#740000; border-bottom:#ff0000 1px solid;}

#menu{
	background:url(images/navbg.jpg) top center no-repeat;
	height:40px;
}

#topboxes{background: url(images/headerbg.jpg) top center no-repeat; padding:10px 0px; color:#fff;}
#topboxes a, #topboxes a:hover{
	color: #FFCC00;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#topboxes a:hover{
	color: #FFF;
	text-decoration: none;
}
#topboxes h2{font-size:14px; font-weight:bold; color: #FFCC00; text-transform:uppercase; margin-top:0;}

#topbox-1{float:left; width:30%;} 
ul.col-list a{
display:block;
padding:3px 0px;
}
#topbox-2{
	float:right;
	width:95%;
	margin-right: 20px;
}
img.author{float:right; margin:5px 0 0 10px; border:#5c0000 6px solid;}

#container .wrapper{width:978px;}

#container{background-color:#fff; padding:10px 0px 30px 0px; clear:both;}

#leftwrapper, .sidebar{float:left; overflow:hidden;}
#leftwrapper{width:220px;}
#leftwrapper a{
	color:#937d00;
	margin: 0px;
	padding: 0px;
	height: 20px;
}

#search{background:url(images/searchbg.jpg) top left no-repeat; width:210px; height:56px; }
#search div{padding:8px 0px 0px 32px;}
input#s{width:165px; height:29px; border:#cfc520 1px solid; background-color:#fff; color:#595959; font-size:18px; }
#sidebars{background:url(images/modules-m.png) top left repeat-y; margin-left:8px; width:210px; float:left;}
#sidebars .bgtop{background:url(images/modules-t.png) top left no-repeat; float:left; width:210px;}
#sidebars .bgbottom{background:url(images/modules-b.png) bottom left no-repeat; float:left; width:210px;}

/*sidebar*/
.sidebar{width:201px;}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
} 

#sidebar-right ul{
padding-left:13px;
}
.sidebar ul li{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
} 
.sidebar ul li h2{  
} 
.sidebar ul ul{ 
margin: 0px;  
} 
.sidebar ul ul li{ 
padding: 0px; 
} 
.sidebar ul ul ul{ 
padding: 0 0 0 10px; 
} 
.sidebar ul a{
color:#937d00;
font-weight:bold;
display:block;
margin:0px;
padding:0px;
}

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

.sidebar ul ul ul a{
font-weight:normal;
background:url(images/sublevel.png) no-repeat;
background-position:0px 10px;
padding-left:10px;
}

.sidebar h2{
	color:#1b1b1b;
	font-size:1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.sidebar h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size:18px;
	margin-left: 10px;
}
#content{
	float:right;
	width:730px;
	margin-right:8px!important;
	margin-right:4px;
	clear: right;
}
#home-content{
	width:940px;
	clear: both;
	background-color: #FFFFFF;
	margin-left: 20px;
}
#bottommenu{
	padding-top:15px;
	background:url(../images/line.jpg) top center no-repeat;
	clear: both;
} 
#bottommenu ul{text-align:center;}
#bottommenu ul li{display:inline; padding:0px 10px;}
#bottommenu a{
font-size:11px;
font-weight:bold;
color:#fff;
}

#bottommenu a:hover{
color:#e0e46e;
text-decoration:none;
}
#footer{
	color:#e0e46e;
	font-size:11px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer a{color:#e0e46e; font-weight:bold;}
#footer a:hover{color:#fff;}

#bottomshadow{background:#5c0000 url(images/bottomshadow.jpg) top center no-repeat; height:52px;}

/*My Custom Header*/
div#logotype {
	background-color: transparent;
	margin: 0;
	padding: 0;
	display: inline;
	z-index: 2;
	position: relative;
	top: -84px;
}
.sticky {
	width: 440px;
	clear: right;
	float: left;
	margin-right: 10px;
}
/*.imgtfe {
	padding: 3px;
	border: 1px solid #FF0000;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: right;
	float: left;
}*/
.sticky a img{
	padding: 3px!IMPORTANT;
	border: 1px solid #FF0000;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: right;
	float: left;}
	
.sticky a:hover img{
	border: 1px solid #fff;
}
.insert-right {
	width: 200px;
	float: right;
	margin-top: 70px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding-left: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #990000;
}
.insert-right img {
    border: none;
}
.insert-right h2 {
	font-size: 16px;
}
.ddet_div {
  margin: 5px 30px;
  padding: 8px;
  border: 1px solid #CECECE;
  background-color: #F7F7F7;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
}
.dd-link a{
	font-size:14px;
	color: #FFFFFF;
	background-color:#990000;
	padding: 3px 10px;
	-moz-border-radius: 5px;  
   -webkit-border-radius: 5px;
}

.wp-caption {
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left:10px;
	margin-right:10px;
}
.wp-caption-text {
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	text-align: center;
	color: #999999;
}
hr{
	margin: 20px;
	color:#DDDDDD;
	display: block;
	clear: both;
	width: 100%;
	clear:both;
	background-color: #DDDDDD;
	height: 1px;
	border:none;
	}
	
.sticky .sticky-content p {
	font-size: 13px!IMPORTANT;
	line-height: 150%;
}
.excerpt a .imgtfe {
	clear: right;
	float: left;
}
.slideshowlink {
	visibility:hidden;
}
.my-footer {
	color: #FFFFFF;
	margin-top: 20px;
	clear: both;
}
.my-footer ul li {
	color: #FFFFFF;
	line-height: 120%;
}
.my-footer li {
	margin-top: 15px;
}
.my-footer h3  a {
	color: #FFFFFF;
}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.my-table
{
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000;
  background-color:#F6F6F6;
}

.my-table th, .my-table td
{
  border: 1px dashed #999999;
  padding: 0.5em;
  text-align: left;
  color: #000000;
}

.my-table .t-header
{
	color: #333333;
	background-color: #CCCCCC;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.navigation{ margin: 30px;}

#about-content a,  #about-content img,  #about-content img a {
	border:none;
}
#social-links, #social-links img, #social-links img a {
	font-size: 12px;
	border:none;
}
.white_spacer{
margin: 0; 
padding: 0; 
clear: both;
height: 10px;
color:#FFFFFF
} 

.grey_spacer{
margin: 0; 
padding: 0; 
clear: both;
height: 10px;
color:#F7F7F7;} 

.sidebar-misc h2  {
	font-size: 12px;
	line-height: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}.custom-meta .post-meta a {
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*************************
           Feature Portfolio
*************************/

#featured_portfolio {
	display: block;
	height: 150px!IMPORTANT;
	overflow: hidden;
	/*background-color: #000066;*/
	margin-top: 0px;
	margin-bottom:47px;
}
#featured_portfolio ul li {
	height: 150px!IMPORTANT;
	overflow:hidden;
}
#featured_portfolio a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*************************
           Feature Portfolio
*************************/
#featured-pause{
	z-index: 999;
	height: 12px;
	width: 960px;
	position: absolute;
	display: block;
	text-align: right;
	margin-top: -40px;
	/*left:70%!IMPORTANT;*/
	text-align:right;
}
/* http://www.gowestwebdesign.com/demos/jquery-cycle-gallery-next-back-paging/  */
span#featured_nav{
display:block;
}
body #featured_nav a{
	background-color:#993300;
	text-decoration:none;
	color:#993300;
	font-size:1px;
	height:8px !important;
	width:20px !important;
	line-height:1px;
	display:block;
	float:right;
	margin-left: 15px;
}
body #featured_nav a.activeSlide{
	background-color:#FFCC00;
	color:#CCCCCC;
	border: 1px solid #000000;
}
.p-gallery {
	width: 140px;
	float: left;
}