@import url(colours.css);
@import url(typography.css);
/*
Theme Name: 960bc
Theme URI: http://www.guardianwebdesign.com.au/960bc
Description: A blank canvas WordPress theme for developers based on the 960 CSS framework.
Version: 1.3
Author: Troy Dean
Author URI: http://www.guardianwebdesign.com.au/
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar

960bc v1.4
http://www.guardianwebdesign.com.au/960bc

This theme was designed and built by Troy Dean
as a starting point for WordPress developers who
like the 960 grid system.
http://www.960.gs
The theme includes no images and minimal styling,
providing a blank canvas for the designer to unleash
her css magic.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


for ease of updating into the future we use separate style sheets for colours and typography
Begin Structure*/
BODY
{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
#page
{
	position: relative;
	margin-top: -20px;
	padding: 0;
	width: 100%;
}
#header
{
	height: 138px;
	width: 100%;
	margin: 0px;
}
#headerimg
{
	margin-top: 5px;
}
#headerimgright
{
	margin-top: 5px;
}
.header-ticker
{
/** background: url(images/header-ticker.jpg) repeat-x; **/
	height: 5px;
}
.footer-ticker
{
	background: url(images/footer-ticker.jpg) repeat-x;
	height: 55px;
}
IMG.footer-icon
{
	margin-bottom: 0px;
	margin-right: 5px;
	float: right;
}
IMG.footer-icon2
{
	margin-bottom: 0px;
	margin-right: 5px;
	float: right;
}

/*This hides the 'skip to' links and maintains accessibility*/
#skip
{
	position: absolute;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#content
{
	margin-top: 40px;
	margin-bottom: 10px;
}
#sidebar
{
	text-align: left;
	margin-top: 38px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer
{
	margin: 0px 0 0;
	padding: 0;
}
.post
{
	margin: 0 0 10px !important;
	padding: 5px;
}
.postmetadata
{
	margin-left: 15px;
	text-align: left;
	font-size: 1.1em;
}
.smallattachment
{
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
.attachment
{
	margin: 5px 0px;
}
.postmetadata
{
	clear: both;
}
/*End Structure
Begin Images*/
P IMG
{
	padding: 0;
}
IMG.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
IMG.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
IMG.alignleft
{
	padding: 4px;
	margin: 0 5px 2px;
	display: inline;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
/*End Images
Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets.*/
HTML > BODY .entry UL
{
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -13px;
}
HTML > BODY .entry LI
{
	margin: 7px 0 8px 10px;
}
.entry UL LI:before, #sidebar UL UL LI:before
{
	content: "\00BB \0020";
}
.entry OL
{
	padding: 0 0 0 35px;
	margin: 0;
}
.entry OL LI
{
	margin: 0;
	padding: 0;
}
.postmetadata UL, .postmetadata LI
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
/*End Entry Lists
Begin Form Elements*/
#s
{
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border: 1px solid #CCC;
	font-size: 1em;
	color: #0374C2;
	width: 100px;
}
#s
{
	-moz-border-radius: 5px;
}
#error #searchform
{
	margin-left: 20px;
	margin-top: 0;
}
#error #s
{
	width: 200px;
}
#searchform
{
	float: right;
	position: relative;
	z-index: 1;
	color: #FFF;
}
#searchsubmit
{
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	text-align: left;
/*color: #5ABA56;*/
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	z-index: inherit;
}
#sidebar #searchform #s
{
/*width: 108px;*/
	padding: 2px;
}
#sidebar #searchsubmit
{
	padding: 1px;
}
.entry FORM
{
/*This is mainly for password protected posts, makes them look better.*/
	text-align: center;
}
SELECT
{
	width: 130px;
}
#commentform INPUT
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform
{
	margin: 0px 25px 40px 20px;
}
#commentform TEXTAREA
{
	width: 100%;
	padding: 2px;
}
#respond:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit
{
	margin: 0 0 5px auto;
	float: right;
}
/*End Form Elements
Begin Comments*/
.alt
{
	margin: 0;
	padding: 5px;
}
.commentlist
{
	padding: 0;
	text-align: justify;
	margin: 0px 25px;
}
.commentlist LI
{
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist LI .avatar
{
	float: right;
	padding: 2px;
}
.commentlist LI UL LI
{
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist P
{
	margin: 10px 5px 10px 0;
}
.children
{
	padding: 0;
}
#commentform P
{
	margin: 5px 0;
}
.nocomments
{
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata
{
	font-size: 1.2em;
	margin: 5px 0;
	display: block;
}
.fn
{
	font-size: 2em;
}
.even
{
	background-color: #5ABA56;
}
.odd
{
	background-color: #F2BD21;
}
/*End Comments
Begin Calendar*/
#wp-calendar
{
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next A
{
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev A
{
	padding-left: 10px;
	text-align: left;
}
#wp-calendar A
{
	display: block;
}
#wp-calendar CAPTION
{
	text-align: center;
	width: 100%;
}
#wp-calendar TD
{
	padding: 3px 0;
	text-align: center;
}
/*End Calendar
Begin Various Tags & Classes*/
ACRONYM, ABBR, SPAN.caps
{
	cursor: help;
}
BLOCKQUOTE
{
	margin: 15px 30px 0 10px;
	padding-left: 20px;
}
BLOCKQUOTE CITE
{
	margin: 5px 0 0;
	display: block;
}
.center
{
	text-align: center;
}
.hidden
{
	display: none;
}
HR
{
	/*display: none;*/
}
.navigationTop
{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
}
.navigationBottom
{
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 1px;
	margin-left: 10px;
}
/*End Various Tags & Classes
Captions*/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption
{
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
}
.wp-caption P.wp-caption-text
{
	padding: 0 4px 5px;
	margin: 0;
}
/*End captions*/
.hentry SMALL
{
	margin-left: 16px;
}
.about
{
	height: 150px;
	overflow: hidden;
}
.hide
{
	overflow: hidden;
}
.facebook
{
	margin-top: 20px;
}
#qmaster TABLE
{
	background-color: #FFF;
	border: none;
}
#qmaster TABLE TD
{
	font-size: 1.5em;
	padding: 3px;
}
#smooth_sldr
{
	height: 156px !important;
}
#qmaster TABLE
{
	position: relative;
	top: -35px;
}
#content UL
{
	padding-left: 25px;
	padding-right: 25px;
}
#content UL LI
{
	font-size: 1.5em;
}
.wpst_question
{
	text-align: left;
	font-size: 150%;
	margin-left: 15px;
}
.wpst_question UL
{
	margin-bottom: 25px;
}
.wpst_question UL LI
{
	font-size: 14px !important;
}
#mtouchquiz-instructions
{
	font-size: 14px;
}
UL LI UL LI
{
	font-size: 14px;
	line-height: 18px;
	list-style-type: circle;
}
.dnasponsor
{
	float: left;
        margin-top: 10px;
        margin-left: 15px;
	display: block;
}
.dnasponsor IMG
{
	width: 200px;
	height: 34px;
}
.yd_rp_widget img{width:120px;height:100px;margin-right:10px;border:5px solid #5F5F5F;}



.grid_6 .profiling,.grid_6 .forensic,.grid_6 .crime,.grid_6 .legislation{width:225px;}
.grid_6 .profiling img,.grid_6 .forensic img,.grid_6 .crime img,.grid_6 .legislation img{width:225px;height:110px;}
.grid_6 .profiling,.grid_6 .crime{margin-right:10px;margin-left:0}
.grid_6 .forensic,.grid_6 .legislation{margin-right:0;margin-left:0}


.flashcrime{height:581px;}
.dnavid-link{ background: #1C1F24;display: block; height: 40px; margin-left: 7px;overflow: visible;
position: absolute;text-align: center; top: 705px; width: 445px; z-index: 999;}
.dnavid-link a{text-transform:uppercase;font-size:18px;font-weight:bold;line-height:40px;color:#FBC21B;}
.aug .yd_rp_widget img{width:80px;height:auto;}

.station{margin-top:-42px;position:relative!important;z-index: 998;}
.station img{margin-left:-1px; width:445px;}

.mugshot{margin-top:-48px;position:relative!important;z-index: 998;padding:10px;}
.mugshot img{width:284px;margin-left:-2px;}

.dnavid_link{ background: none repeat scroll 0 0 #1C1F24; display: block; height: 24px; margin-left: 8px; overflow: visible; position: absolute; text-align: center; top: 505px; width: 284px; z-index: 999;}
.dnavid_link a{text-transform:uppercase;font-size:14px;font-weight:bold;color:FBC21B;line-height:20px;}

.hp-blox div a img{width:300px;height:150px;}
.dna-donate{text-align:center;margin-right:0;}
.dna-donate a img{padding:7px 0px;}

.entry-content p#top{margin:1.1em 0!important;}
p#top{margin:1.1em;}

/* Donate button */

.grid_6.grey.dna-donate{background:#BDBDBE;}

table#eve_con{background: none repeat scroll 0 0 transparent !important; border: medium none !important; border-collapse: separate; border-spacing: 10px;}
table#eve_con td{padding:5px;}
td.eve_head strong{font-size:16px;color:#478FBF;}
td.eve_subhead{background-color:#ccc;}

/* Homepage Press styles */

.press-shots h4 a img{float:left;margin:0 5px 0 -8px;}
.press-shots h4 a{color:#d9ab0d;font-size: 16px;text-transform: uppercase; line-height:18px;}
.press-shots p{font-size: 12px;line-height: 17px; margin:0 5px;}
.press-shots span.date{float:none;display:inline;}
.press-shots span{float:right;display:block;padding:3px 2px;font-size:11px;}

h4.wedo{font-size:24px;color:#fff;font-weight:normal;}
h4.wedo span{;color:#0E76BC;font-weight:bold;}
.wedo h5{  color: #0E76BC;font-size: 16px; font-weight: normal;letter-spacing: 0.03em; margin: 1em 2em;text-align: justify;}
.wedo p{font-size:12px;letter-spacing:0.01em;}
.support h4{margin:15px 20px;}
.support h4 a{color: #FFFFFF;font-size: 20px;line-height:28px; font-weight: normal; text-transform: uppercase;}
.support h4 a:hover{text-decoration:none;}

.support a img{float:right;margin:10px;}

#sidebar.hside{margin-top:0!Important;padding:0!important;background-color:transparent!important;}
#sidebar.hside ul li.widget h2.widgettitle{font-size:15px;text-transform:uppercase;margin:0.3em 0.5em 0 0.5em;line-height:16px;}
#sidebar.hside ul li.widget div.textwidget{font-size: 12px;line-height: 17px;padding: 6px 0 6px 10px;}

.black.wedo{background: url("images/extra-extra.jpg") no-repeat scroll 15% 33% transparent !important;
    box-shadow: 0 0 10px #555555 inset;
    min-height: 390px;}
.black.wedo h1{border-bottom: 1px solid #333333;border-top: 4px solid #333333;color: #CD3311!important; font-size: 36px; text-align: justify;}

.black.wedo > div p{color:#333!important;text-align:justify;line-height:16px;}
.black.wedo > div p strong{font-size:13px;line-height:18px;}
.black.wedo > div p a{color:#333;text-decoration:underline;}

ul.bullet{padding-left:15px!important;}
ul.bullet li{font-size:13px!important;line-height:16px;}

/* VCS */
.vcs span{font-size:14px;line-height:18px;}
input.vcs_btn {background: none repeat scroll 0 0 #CD3311;border: 1px solid #BF290B;border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer;font-weight: bold; margin: 10px 0 0; padding: 5px;box-shadow:1px 2px 4px 0 rgba(255, 255, 255, 0.5) inset;}
input.vcs_btn:hover{box-shadow:1px -2px 4px 0 rgba(255, 255, 255, 0.5) inset;}


.red{background:#CD3311;margin-bottom:10px;}
.red h3 a{color:#fff;}

div.grid_7.feat{position:relative;}
div.grid_7 div.fbanner{background: url("http://dnaproject.co.za/new_dna/wp-content/uploads/2014/featured.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 70px;left: 0;position: absolute;top: 0;width: 100px;}