/*
Theme Name: SPR New Design
Author: RW via CMT
Description: SPR website
Updated on :16/5/2011
Author URI: http://www.CommTechDev.com
*/

*{margin:0; padding:0;}

body {
	background: #fff url('images/back1.jpg') repeat-x; top left;
	color: #333;
	line-height: 165%;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;}
	
h1 {
	font-size: 26px;
	color: #333;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	line-height: 28px;}

h2 {
	color: #333;
	margin:0;
	padding:0;
/*	margin-top: 20px; */
	text-transform: none;
	font-weight: normal;
	font-size: 22px;
	line-height: 22px;}

h3 {
	color: #333;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;}

h4 {
	color: #333;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;}

h5 {
	color: #333;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;}

p {
	margin: 10px 0;	/*margin-top: 6px; */}

img { 
	border: none; padding:0;}

img a {
	border:none;}

img.left { 
	float: left; border: none; padding: 6px 0 0 0;}

img.right { 
	float: right; border: none; padding: 0 0 0 6px;}

blockquote {
	background:#e5e5e5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:12px;
	font-style: italic;}

div blockquote {
	float:right;
	width:180px;
	margin:0;
	margin-bottom:5px;
	margin-left:20px;
	pading:0;}

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

/* links */
a {
	color:#0066a5;
	text-decoration: underline;}
	
a:visited {
	text-decoration:underline;
	color:#003e66}

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

td {
	padding: 4px;}

/* container */
#container {
	width: 1050px;
	clear: both;
	margin: 0 auto;
	padding:0;}

/* header */
#header {
  	width: 100%; 
  	float: left;
	clear: left;}

#top {
	width: 1050px;
	margin: 0 auto;
	margin-top: 0px;}
	
.logohdeejay {
    float:right;
	text-align:right;
	display:block;
	font-size:12px;
	line-height:1.35em;
	color:#646464;
	position:relative;
	bottom:50px;
	right:25px;
	z-index:99999;}
	
img.djwample {
    margin-right:80px;
    position:relative;
    bottom:9px;
    float:left;}

#logo {	
	width:1050px;
	float:left;
	height: 140px;
	margin-bottom:0;}

#logo a {
	color: #;}

/* search */
#searchbox {
	height: 21px;
	margin-top: 30px;
	float: right;
	width: 152px;}

#searchform {
	padding:0;
	margin:0;
	width: 200px;
	height: 21px;
	float: left;}

#searchform input#s {
	margin:0;
	padding: 0;
	color: #666;
	width: 180px;
	border: none;
	border-bottom: solid 1px #eaeaea;	
	font-size: 10px;
	padding-left: 2px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #fff;}

#searchform input#searchsubmit {
	display: none;}

/* #header h2 {
	display: none;} */

/* breadcrumbs */
#crumbs {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	color: #333;
	font-size: 10px;
	border-bottom: solid 1px #eaeaea;
	text-transform: uppercase;
	padding-bottom: 5px;}
 
#crumbs a {
	color: #0066a5;
	text-decoration: none;}

#crumbs a:hover {
	text-decoration: underline;}
	
#crumbs .current {
	font-weight: bold;
	font-size: 12px;}

.portocat #crumbs {
	width: 1050px;}

/* content */
#contentwrapper {
	width: 1050px;
	clear: both;
	float: left;
	margin-top:0;
	padding: 0;
	padding-bottom: 30px;
	background-color:#fff;}

#contenthome {
	float:left;
	width:974px;
	padding-top: 0;
	margin:38px 38px 0 38px;}

#content {
	float:left;
	width: 550px;
	padding-top: 0;
	margin: 0;
	padding-right: 50px;
	border-right: solid 1px #e8e8e8;}

#contentfull {
	float:left;
	width:974px;
	padding-top: 0;
	margin:38px 38px 0 38px;}
	
.attachment-mainthumb {
	float: right;
	margin-left: 20px;
	margin-top: 13px;
	border: solid 4px #e8e8e8;}

.singlethumb {
	margin-bottom: 20px;}

.post {
	margin:0;
	padding:0;
/*	padding-bottom: 40px; */
	clear: left;
	float: left;
	width: 100%;}

.entry {
}

#contentport {
	float:left;
	width: 1050px;
	padding-top: 0;
	margin: 0;}

.portocat .post {
	width: 180px;
	float: left;
	margin-right: 60px;
	background: #fff;
	border-bottom: solid 1px #eaeaea;
	margin-bottom: 35px;
	clear: none;
	padding-bottom: 20px;
	height: 310px;}

.portocat .entry {
	margin: 10px;}

.attachment-portothumb {
	width: 170px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 15px;
	margin: 5px;}

.portocat h2.entry-title {
	margin:0;
	padding: 0;
	line-height: 16px;}

.portocat h2.entry-title a {
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;}

h1.entry-title,
h2.entry-title {
	padding: 0;
	line-height: 18px;
	margin: 0;}

h1.entry-title,	
h2.entry-title a {
	color: #666677;
	padding:0;
	text-transform: uppercase;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	margin-bottom: 10px;}

h2.entry-title a:hover {
	text-decoration: none;}

h2.pagetitle {
	display: none;}

li, .post li {
	margin: auto 45px;}

.entry p {
	/*margin:8px 0; */}
	
ol {
	margin: inherit;}

ul {
	margin: inherit;}

a.more-link {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	width: 80px;
	height: 24px;
	background: #000;
	line-height: 24px;
	text-align: center;
	float: left;
	display: block;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;}

a.more-link:hover {
	text-decoration: none;
	background: #666;}

#audata {
	width: 100%;
	clear: left;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 11px;
	font-style: italic;}

#audata a {
	text-decoration: none;
	color: #666;}

#audata a:hover {
	text-decoration: underline;}

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;}
	
.alignleft a {
	float:left; 
	margin:25px 0;}

.alignright a {
	float:right;
	margin:25px 0;}

/* Right Sidebar*/
#rightbar {
	width: 250px;
	float: right;
	padding:0;}

#rightbar .widgets {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: solid 1px #e8e8e8;
	width: 250px;}

#rightbar h2 {
	margin: 0;
	color: #333;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	padding-left: 15px;
	background: url(images/rightarrow.png) no-repeat left top;}

#rightbar ul {
	margin: 0;}

#rightbar ul li {
	line-height: 25px;
	list-style: none;
	background: #eee;
	margin-top: 1px;}

#rightbar ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;}

#rightbar ul li a {
	color: #333;
	border: none;
	text-decoration: none;
	margin-left: 20px;}

#rightbar ul li:hover {
	background: #e8e8e8;}

#rightbar a {
	text-decoration: none;
	color: #333;}
	
#rightbar a:hover {
	border: none;
	text-decoration: underline;}

#rightbar ul li a:hover {
	text-decoration: none;}

/* comments */
#commentform {
	margin:0;
	padding:0;}
	
#commentform p {
	color: #666;}
	
#commentform a { 
	color: #000; 
	text-decoration: none; 
	line-height: 14pt;}
	
#commentform h3 {
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	margin:0;
	padding:0;}
	
#comment {
	width:80%;
	padding: 5px;}

#author, #email, #url, #comment, #submit {
	font-size: 11px;
	margin:5px 5px 0 0;
	border: none;
	border-bottom: 1px solid #eaeaea;
	color: #666;
	padding-left: 5px;}

#author, #email, #url {
	height:16px;
	padding-top:5px;
	padding-bottom: 5px;}
	
#submit {
	margin:5px 5px 0 0; 
	cursor:pointer;
	color: #666;
	padding: 4px 7px;
	background: none;
	background: #fff;
	border-bottom: solid 1px #eaeaea;}

#comments {
	margin:0; 
	padding:0;}

#respond h3,
h3#comments {
	color: #333;
	font-size: 14px;
	margin-bottom: 2px;
	clear: left;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 15px;}

.reply a.comment-reply-link {
	background: #fff;
	font-size: 11px;
	border: none;
	padding:0;
	color: #666;
	padding: 4px 7px;
	border-bottom: solid 1px #eaeaea;}

.reply a.comment-reply-link:hover,
#submit:hover {
	color: #666;}

ol.commentlist { 
	list-style-type: none; 
	margin:0; 
	padding:0; 
	float:left;
	margin-top: 15px;
	margin-left: 5px;}

.avatar {
	float:left; 
	margin:0 12px 0 0;}

ol.commentlist li {
	border-left: solid 1px #eaeaea;
	margin: 0;
	padding: 20px;
	list-style-type:none;
	float: left;
    width: 500px;
	margin-bottom: 20px;}

ol.commentlist ul li {
    border: none;
    padding: 20px;
	width: 440px;
	padding-bottom: 0;
	padding-right: 0;}

ol.commentlist li.alt {
	}

ol.commentlist li p {
	margin: 6px 0 6px 0; 
	padding: 0 12px 0 0; 
	line-height: 14pt;}

ol.commentlist a {
	color:#000;
	text-decoration: none;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;}
	
cite a {
	color: #000; 
	text-decoration: none; 
	border-bottom: 1px solid #ccc;}

/* misc */
img.aligncenter {
	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 7px 2px 0;
	display: inline;
	padding-left: 2px;}

.alignright {
	float: right;}

.alignleft {
	float: left;
	padding-right: 15px;}

/* edited 6/18/12 */
.wp-caption.alignleft {
	padding:0;
	!important;}

.alignleft a {
	margin: 5px;}

/* edited 6/18/12 */
.wp-caption {
   	border: 1px solid #ddd;
   	text-align: center;
   	background-color: #f3f3f3;
   	margin: 0 10px 5px 0;}

.wp-caption img a{
   	margin: 0;
   	padding: 0;
   	border: 0 none;
	margin: 0 auto;}

/* edited 6/18/12 */
p.wp-caption-text {
   	font-size: 11px;
   	line-height: 17px;
   	padding:0 0 5px 0;
/*  padding: 0 4px 5px; */
   	margin: 0;}

#archivelist {
	float:left;
	margin-right: 0;}

#archivelist ul li {
	list-style: none;
	line-height: 35px;}

#archivelist ul {
	height: auto;
	margin-bottom: 30px;}

#archivelist ul li a {
	color: #666;
	text-transform: uppercase;}

#archivelist ul li a:hover {
	text-decoration: none;}

/* footer */
#footer {
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 11px;}

/* Bottom Bar*/
#bottombar {
	display:none;}

#footerbottom {
	width: 1050px;
	margin: 0 auto;
	background: #fff;}

#copyinfo {
	width:974px;
	padding:8px 38px;
	float: left;
	border-top:1px solid #ccc;
	border-bottom:14px solid #000;
	margin: 0 auto;
	font-size: 11px;
	color: #000;
	background:#fff;}
	
#copyinfo a {
	display:block;
	float:right;
	margin-left:20px;
	font-size: 11px;
	color: #0066a5;}
	
/* Header Right Sidebar*/
#toprightbar {
	width: 208px;
	height:336px;
	background:#b4d2e4;
	float: right;
	padding:15px 15px 15px 20px;
	margin:0;
	font-family: arial, sans-serif;
	font-size:16px;
	line-height:120%;
	color:#4a3f2d;}
	
#toprightbar .widgets {
	padding: 0;
	float: left;
	clear: left;
	width: 210px;}

#toprightbar strong {
	color: #000;
	font-size: 17px;
	line-height: 120%;
	font-family: Tahoma, sans-serif;
	font-weight: bold;}
	
#toprightbar p {
	margin:15px 0;}
	
#toprightbar h2 {
	margin:27px 0 0 0;
	color: #0066a5;
	font-family: Tahoma, sans-serif;
	font-size: 23px;
	line-height: 105%;
	font-weight: bold;
	font-style: normal;}

#toprightbar a, #toprightbar a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #0066a5;}

#toprightbar a:hover {
	color:#fc6a22;
	text-decoration: underline;}

#leftbar {
	display:block;
	float:left;
	width:227px;
/*	height:220px;
	overflow:hidden; */
	margin-right:32px;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:145%;
	color:#666677;
	background: url(images/rule.png) repeat-y right top;}
	
#leftbar h2 {
	font-size:18px;
	line-height:150%;
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	color:#0066a5;}
	
#leftbar .widgets {
	width:195px;
	background: url(images/quotes.png) no-repeat right 30px;}
	
#leftbar p {
	display:block;
	width:160px;
	font-style:italic;}
	
#leftbar a, #leftbar a:visited {
	margin-top:10px;
	display:block;
	color:#0066a5;
	font-weight:bold;
	font-style:normal;}
	
#leftbar a:hover {
	color:#000;
	font-style:normal;}
	
/* INSIDE PAGE element */
#inscontent {
	float:left;
	margin:0;
	padding-left:32px;
	width:715px;
	background: url(images/rule.png) repeat-y left top;}
	
/* INSIDE left bar */
#insleftbar {
	display:block;
	clear:both;
	float:left;
	width:227px;
	margin:0;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:145%;
	color:#666677;}
	
#insleftbar h2 {
	font-size:18px;
	line-height:150%;
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	color:#0066a5;}
	
#insleftbar .widgets {
	width:195px;
	background: url(images/quotes.png) no-repeat right 30px;}
	
#insleftbar p {
	display:block;
	width:160px;
	font-style:italic;}
	
#insleftbar a, #insleftbar a:visited {
	margin-top:10px;
	display:block;
	color:#0066a5;
	font-style:normal;}
	
#insleftbar a:hover {
	color:#000;
	font-style:normal;}
	
#insleftbar ul li {
	display:block;
	width:207px;
	line-height: 14px;
	list-style: none;
	background: url(images/leftarrow.png) no-repeat left top;
	margin-left:0;
	padding-left:12px;
	margin-top: 1px;
	padding-bottom: 5px;
	border-bottom:1px solid silver;}
	
#insleftbar ul li a {
	text-decoration:none;}
	
#insleftbar ul li a:hover {
	text-decoration:underline;}
	
#insleftbar ul li ul li {
	border:none;}
	
#ddd table {
	margin:auto;}

/* HOMEbox */
#homebox1 {
	display:block;
	float:left;
	width:195px;
	margin-right:64px;
/*	height:220px;
	overflow:hidden; */
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:145%;
	color:#666677;}
	
#homebox1 a, #homebox1 a:visited {
	margin-top:10px;
	display:block;
	color:#0066a5;
	font-weight:bold;}
	
#homebox1 a:hover {
	color:#000;
	font-style:normal;}
	
#homebox1 h2 {
	display:block;
	padding-left:30px;
	font-size:18px;
	line-height:150%;
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	color:#666677;
	background: url(images/mission.png) no-repeat left 3px;}
	
#homebox2 {
	display:block;
	float:left;
	width:195px;
	margin-right:64px;
/*	height:220px;
	overflow:hidden; */
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:145%;
	color:#666677;}
	
#homebox2 h2 {
	display:block;
	padding-left:30px;
	font-size:18px;
	line-height:150%;
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	color:#666677;
	background: url(images/meeting.png) no-repeat left 3px;}
	
#homebox2 a, #homebox2 a:visited {
	margin-top:10px;
	display:block;
	color:#0066a5;
	font-weight:bold;}
	
#homebox2 a:hover {
	color:#000;
	font-style:normal;}
	
#homebox3 {
	display:block;
	float:left;
	width:195px;
	margin-right:0;
/*	height:220px;
	overflow:hidden; */
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:145%;
	color:#666677;}
	
#homebox3 h2 {
	display:block;
	padding-left:30px;
	font-size:18px;
	line-height:150%;
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	color:#666677;
	background: url(images/news.png) no-repeat left 3px;}
	
#homebox3 a, #homebox3 a:visited {
	margin-top:10px;
	display:block;
	color:#0066a5;
	font-weight:bold;}
	
#homebox3 a:hover {
	color:#000;
	font-style:normal;}