/*  
Theme Name: Ginger Ninja! v2
Description: The new Ginger Ninja! theme.
Version: 1.0
Author: Donny Burnside
Author URI: http://www.ginger-ninja.net/
*/

/* Generic Styling */

body {
	background:url(../../images/site/pagebg.jpg) top center no-repeat #0B0704;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em; /* Sets default font size to 10px */
	color:#ccc;
	text-align:center;
	}


* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}

p {
	margin-bottom:1.75em;
	}

a {
	text-decoration:none;
	color:#333333;
	}
a:hover {
	text-decoration:none;
	color:#333333;
	}

#wrapper {
	margin:0 auto;
	width:900px;
		
	

	}

a.nav {
	font-weight:bold;
font-family:arial black, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
	text-decoration:none;
	color:#333333;
	background:url(../../images/bluearrow.gif) right no-repeat;
	padding-right:30px;
	}
a.nav:hover {
	text-decoration:none;
	color:#333333;
	background:url(../../images/whitearrow.gif) right no-repeat;
	padding-right:30px;
	}
	
.bradley {font-family:Bradley Hand ITC, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}

#navigation ul {list-style: none;
   margin: 0; padding: 0;
   margin-left:10px;


}
#navigation li {float: left; margin-right:4px;
}

#navigation li a {
   display: block;
   background:#444;
   color: white;
   padding: 5px 10px;
   text-decoration:none;
   font-weight:bold;
   /*text-transform:capitalize;*/
}

#navigation li a:hover {background:#57b7d2; color:#000;}


.navtl {height:5px; width:5px; background:url(../../images/site/0B0TL.jpg) top left no-repeat #fff;}
.navtc {height:5px; background: #fff;}
.navtr {height:5px; width:5px; background:url(../../images/site/0B0TR.jpg) top right no-repeat #fff;}
.navml {width:5px; background: #fff;}
.navmc {background: #fff;}
.navmr {width:5px; background: #fff;}
.navbl {height:5px; width:5px; background:url(../../images/site/0B0BL.jpg) bottom left no-repeat #fff;}
.navbc {height:5px; background:#fff;}
.navbr {height:5px; width:5px; background:url(../../images/site/0B0BR.jpg) bottom right no-repeat #fff;}

.bluetl {height:3px; width:3px; background:url(../../images/site/blueTL.jpg) top left no-repeat #66CCFF;}
.bluetc {height:3px; background: #66CCFF;}
.bluetr {height:3px; width:3px; background:url(../../images/site/blueTR.jpg) top right no-repeat #66CCFF;}
.blueml {width:3px; background: #66CCFF;}
.bluemc {background: #66CCFF;}
.bluemr {width:3px; background: #66CCFF;}
.bluebl {height:3px; width:3px; background:url(../../images/site/blueBL.jpg) bottom left no-repeat #66CCFF;}
.bluebc {height:3px; background:#66CCFF;}
.bluebr {height:3px; width:3px; background:url(../../images/site/blueBR.jpg) bottom right no-repeat #66CCFF;}

#navigation2 ul {list-style: none;
   margin: 0; padding: 0;
   margin-left:10px;


}
#navigation2 li {float: left; margin-right:4px;
}

#navigation2 li a {
   display: block;
   
   color: white;
   padding: 5px 10px;
   text-decoration:none;
   font-weight:bold;
  /* text-transform:capitalize;*/
}

#navigation2 li a:hover {color:#66ccff;}

/* Structure */


	
.title {font-weight:bold;
font-family:arial black, Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
letter-spacing:-1.5pt;
	
	color:#333333;}
	
.rock {color:#818099; font-weight:bold; font-size:24px; letter-spacing:-1pt;}
.advert {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ccc; font-size:12px; font-weight:bold;}		
#top {margin-top:0px; margin-bottom:0px; }	
#header {
	padding:15px 15px 0px 15px;
	
	}
#header h2 {color:#FFFFFF;}	
#header2 {
	height:250px;
	/*background:url(common/abacus3.jpg) bottom right no-repeat;*/
	position:absolute;
	width: 900px;
	clear:both;
	
	}	
	
	
/*x-fading banner */
#poster {
float:right;
/*margin-left:0px;*/
position:relative;
width: 300px;
height: 200px;
/*clear:both;*/
padding:10px;
}
div.cf_wrapper2
	{
		position: relative;
		
	}
	
	div.cf_element2
	{
		width: 300px;
		height: 200px;
		
		border:  none;
	}
	
	div.cf_element2 div.content2
	{
		padding: 0px;
	}
div.cf_element2 div.content2 img
	{
		width: 300px;
		height: 200px;
	}
	div.cf_element2 div.content2 p
	{
		padding-top: 0;
		margin-top: 0;
		
	}		
#menu {
	height:35px;
	line-height:35px;
	background:url(common/bg-menu.png) repeat-x;
	padding:0 10px;
	}

#content {
	
	
	vertical-align:top;
	text-align:left;
	padding:10px 10px 10px 20px;
	font-size:1.0em;
	/*margin-left:200px;*/
	
	}
	
#content h1 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:30px; letter-spacing:-1.5pt; padding:10px 0; font-style:normal;}	
#content h2 { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:-1.0pt; padding:10px 0;}
#content h3 { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:-1.0pt; padding:10px 0;}
#content img {padding:10px;}
#content ul {margin-left:10px; padding-left:10px;}
#content ul li {list-style-image:url(../../images/bluetick2w.gif);}

	
#maincontent {background:#fff; margin:0; color:#333333; padding:0px; line-height:150%;}
/*#maincontent {background:#fff; margin:0; color:#333333; padding:10px; line-height:150%;}*/

#maincontent a {color:#66CCFF; text-decoration:underline;}	


#maincontent a:hover {color:#333; text-decoration:underline;}	
/*#maincontent {background:url(../../images/site/star-background.jpg) bottom right no-repeat #333333; margin:0;}

#maincontent a {font-weight:bold; border-bottom:1px dashed #fff;}*/
/*#maincontent a:hover {}

#maincontent a img {border-bottom:none;}*/

#store {float:right;}
#store img {border:none; padding:10px 10px;}
#store a {border:none;}

#footer {
	 font-size:10px;
	 color:#ccc;
	 text-align:center;
	background:#999;
	
	}
	  
#footer a {
	 font-size:10px;
	 color:#ccc;
	 text-decoration:underline;
	 
	/*background:url(common/isis-logo.jpg) right bottom no-repeat #fff;*/
	
	}  
/*#footnotes {color:#fff; line-height:150%; padding:20px;}	

#footnotes a {color:#ccc;text-decoration:underline;}
#footnotes a:hover {text-decoration:underline;}
*/
#footnotes td {padding:15px; text-align:left; width:30%; vertical-align:top;}  
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#FFF;
      font-size:100%;
      line-height:normal;
	  /*border-bottom:1px solid #24618E;*/
      }
    #tabsJ ul {
	  margin:3;
	  padding:10px 10px 0 25px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../../images/site/tab-left.jpg") no-repeat left top;
      margin-right:5px;
      padding:0 0 0 10px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
	  background:url("../../images/site/tab-right.jpg") no-repeat right top;
      padding:5px 15px 4px 5px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#fff;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }	  
	  
	  #tabsJ a:active span {
      color:#000;
      }
    #tabsJ a:active {
      background-position:0% -42px;
      }
    #tabsJ a:active span {
      background-position:100% -42px;
      }	  

/* subpages */

a.subpages {
display:block;
	height:20px;
	line-height:20px;
	color:#fff;
	padding-left:20px;
	background:url(../../images/site/white-arrow-on-p1.gif) left no-repeat;
	
}

a:hover.subpages {
color:#fff;
background:url(../../images/site/white-arrow-on-p2.gif) left no-repeat #666699;
}

	  
/* Entries */

.entry {
	
	padding:5px 10px;
	text-align:justify;
	line-height:1.50em;
	
	}
.entry-title {
	font-size:1.20em;
	font-weight:bold;
	letter-spacing:-1px;
	color:#069;
	padding-left:25px;
	
	}
	.entry-content {
	
	padding:10px 25px 10px 25px;
	
	}
.home {	font-size:1.0em; }
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	padding:5px 25px 5px 25px;
	
	}
.comments {
	margin-top:-1em;
	}
.comments a {
	color:#6CC7DC;
	background:url(common/icon-comment.png) no-repeat 0px 2px;
	padding-left:20px;
	padding-right:2px;
	}
.comments a:hover {
	color:#069;
	}


/* Menu */

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(common/bg-menu-hover.png) no-repeat center center;
	}

/* Sidebar */
#sidebar {
	float:left;
	/*width:175px;
	background:#333; */
	margin:0px;
	color:#fff;
	padding:6px;
	border:none;
	}


#sidebar ul {
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	padding:5px 20px 5px 0px;
	line-height:20px;
	color:#fff;
	border-bottom:1px dashed #66ccff;
	text-decoration:none;
	font-size:10px;
	/*background:url(../../images/greytick.gif) right center no-repeat;*/
	}
#sidebar li a:hover {
	background:#e0e0e0;
	color:#fff;
	text-decoration:underline;
	background:url(../../images/bluetick2.gif) right center no-repeat;
	}
	
#sidebar h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#66CCFF; letter-spacing:-1.5pt;
	}

#sidebar-bottom {
	height:240px;
	background:url(common/bg-sidebar-bottom2.gif) no-repeat top center;
	}

/* Footer */

#footer-valid {
	float:right;
	padding-top:168px;
	padding-right:38px;
	cursor:default;
	color:#666;
	}
#footer-valid a {
	color:#666;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#666;
	text-decoration:underline;
	}

/* Heading's */

h1 {
	font-family:Arial black; Verdana, Arial, Helvetica, sans-seriffont-size:1.5em;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:24px;
	color:#000000;
	}
	
h2 {
	font-size:1.25em;
	font-weight:bold;
	letter-spacing:1px;
	color:#57b7d2;
}

h3 {
	font-size:1.0em;
	font-weight:bold;
	letter-spacing:1px;
	
	
	}
	
.sidebarphone {font-family:Arial Black, Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#fff; letter-spacing:-1pt;}
.sidebartitle{font-family:Arial Black, Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:59554A;}
.sidebartext {font-family:Arial Narrow, Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:59554A;}
.footerphone {color:#FFFFFF;}	

/* Feed */
#feeds {}
#feeds ul {margin-left:10px; padding-left:10px;}

#feeds ul li a {color:#fff; text-decoration:none;}
#feeds ul li a:hover {color:#fff; text-decoration:underline;}
/*#feed {
	height:25px;
	width:126px;
	background:url(common/bg-feed.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url("common/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}
*/
/* Extra's */

#ad-top {
	width:480px;
	height:72px;
	background:url(common/bg-ad-top.png) no-repeat;
	padding:5px;
	}


#breadcrumb {margin-left:10px; padding: 0px 20px 0px 0px;}
#breadcrumb a {text-decoration: underline;}
#breadcrumb a:hover {text-decoration: none;}

#calender {	margin: 0px 0px 10px 0px;}
#calender table {width: 100%;	height: 150px; text-align: center;}
#calender table td {width: 14%; padding: 3px 0px;}
#calender table .controls {font-weight: bold; color: #000;}
#calender table .controls a {text-decoration: underline;}
#calender table .controls a:hover {text-decoration: none;}
#calender table .title {background-color: #fff;}
#calender table .days td {background-color: #fafafa;}
#calender table .days a {text-decoration: underline;}
#calender table .days a:hover {text-decoration: none;}
#calender table td.empty {background-color: #fafafa;}
#calender table td.article {background-color: #ddd;}
#calender table td.article_event {background-color: #eee;}
#calender table td.event {background-color: #999;}
#calender table td.event a, #calender table td.article a, #calender table td.article_event a {color: #FFFFFF; text-decoration: underline;}
#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover {color: #FFFFFF; text-decoration: none;}
	
#notification {background-color: #FFFDFB; height: 100%; padding: 15% 10%; text-align: center;}
#notification h1 {margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Verdana, Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase;}
#notification a {color: #4F5F34; text-decoration: underline;}
#notification a:hover {color: #4F5F34; text-decoration: none;}

#screenshot {background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; color: #FFFFFF; overflow: visible;}
#screenshot img {background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px;}

.article {}
.article .details {margin: 0px 0px 0px 25px; padding: 0; list-style: none;}
.article .details li {margin: 0px 5px 10px 0px; display: inline;}
.article p {margin: 15px 0px 0px 25px;}
.article img {padding: 3px; margin: 3px;}
.article .introduction {border-bottom: 1px solid #E4E4E4; line-height: 20px; font-size: 115%; padding: 10px 25px 10px 25px;}
.article .link {font-size: 110%; text-align: right;}
.article .gallery {}
.article .gallery img {border: 1px solid #EEEEEE; padding: 3px; margin: 3px;}


#comments {margin-bottom: 20px;}
#comments .details {margin-bottom: 10px;}
#comments .details dt {background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px;}
#comments .details dd {margin: 0;}

.comment {padding: 5px 0px; clear: both;}
.whisper {background-color: #E4E4E4; padding: 5px 5px; clear: both;}

form {margin: 0; padding: 0;}
form #comment {width: 100%; height: 125px;}
form #whisper {margin-left: 0px;}
form #keywords {width: 32%;}
form #date {width: 32%;}
form #category {width: 32%;}

#paging {text-align: right;}
#paging a {padding: 0px 5px;}

.event {}
.event h1 {}
.event h2 {}
.event h3 {}
.event .details	{margin: 0;	padding: 0;}
.event .details li {margin-right: 5px; list-style: none; display: inline;}

.clear {clear: both;}

.bordertl {background:url(../../images/site/tl.jpg) top left no-repeat; height:10px; width:10px;}
.bordertr {background:url(../../images/site/tr.jpg) top right no-repeat; height:10px; width:10px;}
.borderbl {background:url(../../images/site/bl.jpg) bottom left no-repeat; height:10px; width:10px;}
.borderbr {background:url(../../images/site/br.jpg) bottom right no-repeat; height:10px; width:10px;}

#portfolio img {padding:5px; border:0;}
.strapline {color:#57b7d2; clear: both;}

/*.location {float:left; padding-right:30px; color:#FFFFFF;}*/
.location {width:25%; text-align:left; color:#FFFFFF;}

#eventsrow { background:url(../../images/site/davisbluebg.jpg) top right no-repeat; font-size:12px; padding:5px 20px; color:#333;}
#eventsrow h2 {color:#333;}
#eventsrow td {padding:0 15px; text-align:left; width:22%; vertical-align:top;} 
#eventsrow ul {list-style:none; margin-left:0; padding-left:0; color:#333;}	
#eventsrow ul li { list-style-type:none; margin-left:0; padding:5px 0px; font-size:12px;}
#eventsrow ul li a {color:#333;text-decoration:underline; font-size:12px;}
#eventsrow a:hover {color:#000;text-decoration:underline;}

#footnotes {color:#ccc; line-height:150%; padding:5px 20px;}
#footnotes ul {list-style:none; margin-left:0; padding-left:0; color:#ccc;}	
#footnotes ul li { list-style-type:none; margin-left:0; padding-left:0; font-size:11px;}
#footnotes a {color:#ccc;text-decoration:underline; font-size:11px;}
#footnotes a:hover {color:#fff;text-decoration:underline;}

#footnotes td {padding:0 15px; text-align:left; width:15%; vertical-align:top;font-size:11px;}
.box {width:100%;}
.box1 {width:27.5%; float:left; padding:10px; text-align:left; margin:5px; background:url(../../images/biggreytickcorner.gif) bottom right no-repeat #f0f0f0; border:1px solid #ccc; height:350px; font-size:10px;}
#content .box1 img {width:180px; padding:0px; margin:0px;}
.box2 {width:29%; padding:10px; text-align:left; margin:5px; background:url(../../images/biggreytickcorner.gif) bottom right no-repeat #f0f0f0; border:1px solid #ccc;}
.box3 {width:29%; float:right; padding:10px; text-align:left; margin:5px; background:url(../../images/biggreytickcorner.gif) bottom right no-repeat #f0f0f0; border:1px solid #ccc;}
#3col1 {width:33%; padding:10px; text-align:left;}
#3col2 {width:33%; padding:10px; text-align:left;}
#3col3 {width:33%; padding:10px; text-align:left;}
 
 
#teamphotos {}
#teamphotos ul {margin-left:0; padding-left:0; list-style-type:none;}
#teamphotos ul li {width:260px; height:220px; background:#f0f0f0; padding:10px; float:left; margin:2px; list-style-image:none; text-align:center;}

#teamphotos ul li img {width:240px; height:180px;}

#slide {width:660px;}
.carousel ul {margin-left:0; padding-left:0; }

.carousel ul li {list-style-type:none; width:590px; height:300px;}
#bottomnav {}

#bottomnav td {width:15%;}

#bottomnav h1 {letter-spacing:0;}
#bottomnav h2 {font-size:14px; letter-spacing:0; margin:15px 0px;}

#bottomnav p {font-size:11px;}
#bottomnav ul {margin-left:0; padding-left:0; list-style-type:none;}

#bottomnav ul li {list-style-type:none; font-size:11px; line-height:150%;}
#bottomnav a, #bottomnav ul li a {color:#999; text-decoration:none;}

#bottomnav a:hover, #bottomnav ul li a:hover {font-size:11px; color:#fff; text-decoration:underline;}