/*
THEME NAME: PBS
THEME URI: http://www.peritus.co.za/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
TEMPLATE: thematic
VERSION: 0.0.0.1
AUTHOR: Gary Coleman
AUTHOR URI: http://www.peritus.co.za/
TAGS: white, two-columns, fixed-width, theme-options, right-sidebar, threaded-comments, sticky-post, microformats
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
@import url(../thematic/style.css);

#header {
    text-align:center;
}
.sf-menu ul {
width:25em;
}
#main {
padding:15px 0 22px;
}
.entry-content {
padding:0 0 0;
text-align:justify;
font-family:Arial
font-size:0.9em;
}
.entry-title {
color:#1A6091;
text-align:center;
font-weight:normal;
font-size:22px;
}
.main-aside ul {
padding:0 0;
}
#primary {
border:none;
margin-bottom:10px;
padding:0px 0 0;
z-index:-1;
}

#content {
    margin: 0 10px 0 10px;
    overflow: hidden;
    width: 600px;
}

div#slidescontainer {
	position:relative;
	left: 50%;
	width:300px;
	height:131px;
 	margin-left: -150px; /*set to a negative number 1/2 of your width*/
}


div#slideshow {
	height:131px;
	text-align:left;
	width:300px;
	z-index:40;
	top:-5px;
	position:absolute;
}


div#slideshow a {
  left: 0px;
  width: 300px !important;
  height: 131px !important;
overflow: hidden;
position:relative;
line-height:0;
}

img#next {
	position:absolute;
	bottom:5px;
	left:280px;
	z-index:50;
	cursor:pointer;
}

img#prev {
	position:absolute;
	bottom:5px;
	left:6px;
	z-index:50;
	cursor:pointer;
}
.btn 
{position: relative;
background-image: url('/wp-content/themes/Peritus/images/btn.png');
width: 300px; 
height: 35px;
font-weight:bold;
float:left;
}
.btn a
{
	text-align:left;
	margin-left:35px;
        position:relative;
	padding:10px;
	height: 35px;
}
.btn a:hover {color:#3A6F8F;}

div.textwidget{
	
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#ContainerRT {
top: 133px;  
left: 2px;
  width: 32% !important;
position:Absolute;
border:2px solid #666;
margin-top: 2px;
margin-left: 2px;
overflow:auto;
}
#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	float: left;
	text-align: left;
	width:50%;				/* <-- use this to tie width to viewport size */
	width: 50%;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url('/wp-content/images/tlc.gif');
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url('/wp-content/images/trc.gif');
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url('/wp-content/images/blc.gif');
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url('/wp-content/images/brc.gif');
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url('/wp-content/images/tb.gif');
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url('/wp-content/images/bb.gif');
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url('/wp-content/images/r.gif');
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url('/wp-content/images/l.gif');
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
			
.button {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #39c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
input.button, button.button {
	border: 0px none;
}

table {
	width:99%;
	text-align:center;
	border-width: 1px;
	border-spacing: 4px;
	border-style: solid;
	border-color: blue;
	border-collapse: separate;
	background-color: white;
}
table th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: rgb(255, 245, 238);
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
}
table#mainpage {
	width:99%;
	text-align:center;
	border-width: 0px;
	border-spacing: 6px;
	border-style: solid;
	border-collapse: separate;
	background-color: white;
}
table#mainpage td {
	height:130px;
	width: 50%;
	border-width: 3px;
	padding: 3px;
	border-style: inset;
	border-color: a1cffd;
	background-color: #a1cffd;
	color:white;
	border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	-khtml-border-radius: 9px 9px 9px 9px;
}
table#mainpage td:HOVER {
	background-color: 89b6e5;

}
td#versa a {
}
H2 {
	color: #1A6091;
}
