/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body {
	background: #fff;
}

a {
	color: #0346ca;
	cursor: hand;
	cursor: pointer;

}

div#page {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px none;
	background: none;
}

div#navcontainer {
	width: 100%;
	height: 40px;
	background: #2d2d2d url('images/bg-top.png') repeat-x top center;
}

div#nav {
	margin: 0px auto !important;
	width: 960px !important;
	height: 40px;
	padding: 0px !important;
	border: 0px none;
	background: transparent;
}

#nav1 li {
	text-transform: none !important;
	font-size: 12px;
	line-height: 18px !important;
	padding-top: 10px;
	height: 30px;
	background: none !important;
}

#nav1 li a {
	color: #cacaca !important;
	height: 30px;
}

#nav1 li.current_page_item {
	background: #1f1f1f !important;
	padding-top: 7px;
	border-top: 3px solid #0144cb;
}

#nav1 li:hover {
	background: #1f1f1f !important;
}

#nav1 li:hover a, 
#nav1 li.current_page_item a {
	background: none !important;
	color: #fff !important;
}

#nav1 li li {
	background: #2d2d2d !important;
	border: 1px solid #1f1f1f !important;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	margin-top: -2px;
}

#nav1 li li a {
	height: auto;
}

#nav-right {
	height: 40px;
	background: transparent url('images/bg-search.png') no-repeat 10px center;	
}

#search {
	width: 320px;
	height: 40px;
	margin: 0px !important;
}

#search input {
	border: 0px none;
	margin-top: 11px !important;
	margin-left: 1px !important;
	width: 253px;
}

input.btn {
	background: transparent;
	width: 50px !important;
	height: 26px !important;
	position: relative;
	left: 3px;
	top: 7px;
	filter: alpha(opacity=0);
	opacity: 0;
}

div#suckerfish {
	display: none;
}

div#header {
	margin: 0px auto;
	width: 960px;
	height: 110px;
}

div#header h1 a {
	height: 110px;
}

div#topbanner {
	width: 320px;
	height: 110px;
	padding: 0px;
}

div#mainfeaturecontainer {
	width: 100%;
	background: #2d2d2d;
}

div#mainfeature {
	width: 960px;
	margin: 0px auto;
	height: 320px;
	position: relative;
}

div#navscroller {
	width: 960px;
	height: 30px;
	background: #161616;
	position: absolute;
	top: 290px;
	z-index: 5;
}

div#navscroller ul li {
	float: left;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 29px;
	letter-spacing: 1px;
	height: 30px;
}

div#navscroller ul li a {
	color: #ccc;
	display: block;
	height: 30px;
	width: 192px;
	text-align: center;
}

div#navscroller ul li#navscr1 a { width: 240px; }
div#navscroller ul li#navscr2 a { width: 143px; }
div#navscroller ul li#navscr3 a { width: 150px; }
div#navscroller ul li#navscr4 a { width: 159px; }
div#navscroller ul li#navscr5 a { width: 268px; }

div#navscroller ul li.current a, 
div#navscroller ul li:hover a {
	color: #2b6fff;
	text-decoration: none;
	background: #000;
}

div#mainscroller {
	width: 960px;
	height: 320px;
	overflow: hidden;
	position: relative;
}

div#mainscroller ul.main {
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 4800px;
	height: 320px;
}

div#mainscroller ul.main li.scroller {
	width: 960px;
	height: 320px;
	position: relative;
	float: left;
}

div#mainscroller ul.main li#scroller1 { background: #2d2d2d url('images/slider-bg-community.jpg') no-repeat center center; }
div#mainscroller ul.main li#scroller2 { background: #2d2d2d url('images/slider-bg-rhbill.jpg') no-repeat center center; }
div#mainscroller ul.main li#scroller3 { background: #2d2d2d url('images/slider-bg-secularism.jpg') no-repeat center center; }
div#mainscroller ul.main li#scroller4 { background: #2d2d2d url('images/slider-bg-humanrights.jpg') no-repeat center center; }
div#mainscroller ul.main li#scroller5 { background: #2d2d2d url('images/slider-bg-education.jpg') no-repeat center center; }

div#mainscroller ul.main li.scroller div.dottedbg {
	position: absolute;
	top: 0px;
	width: 960px;
	height: 320px;
	background: transparent url('images/bg-dotted.png') repeat top left;	
	z-index: 3;
}

div#mainscroller ul.main li.scroller div.title {
	background: #161616;
	display: inline-block;
	position: absolute;
	top: 110px;
	z-index: 5;
	padding: 10px 20px;	
}
div#mainscroller ul.main li.scroller div.title span.header {
	display: block;
	color: #fff;
	font-size: 34px;	
	line-height: 42px;
}
div#mainscroller ul.main li.scroller div.title span.desc {
	display: block;
	color: #f3c712;
	font-size: 12px;
	line-height: 22px;
}

div#mainscroller ul.main li.scroller div.links {
	background: #161616;
	display: inline-block;
	position: absolute;
	top: 190px;
	z-index: 5;
	padding: 10px 10px 13px 20px;
}
div.smaller div#navscroller { top: 140px; }
div.smaller div#mainfeature { height: 170px; }
div.smaller div#mainscroller { height: 170px; }
div.smaller div#mainscroller ul.main { height: 170px; }
div.smaller div#mainscroller ul.main li.scroller { height: 170px; background-position: 0px -20px !important; }
div.smaller div#mainscroller ul.main li.scroller div.dottedbg { height: 170px; }
div.smaller div#mainscroller ul.main li.scroller div.title { top: 25px; padding: 10px 20px ; }
div.smaller div#mainscroller ul.main li.scroller div.title span.header { display: inline; font-size: 16px; font-weight: bold; line-height: 18px; color: #f3c712; }
div.smaller div#mainscroller ul.main li.scroller div.title span.desc { display: inline; line-height: 18px; padding-left: 10px; }
div.smaller div#mainscroller ul.main li.scroller div.links { top: 55px; padding: 7px 10px 10px 20px; }

div#mainscroller ul.main li.scroller div.links ul li {
	width: 180px;
	float: left;
	background: transparent url('images/scroller-link-bullet.png') no-repeat 3px 5px;	
	padding-left: 17px;
	padding-right: 17px;
}
div#mainscroller ul.main li.scroller div.links ul li a {
	color: #fff;
	display: block;
}
div#mainscroller ul.main li.scroller div.links ul li a:hover {
	text-decoration: none;
}
div#mainscroller ul.main li.scroller div.links ul li a:hover span.header {
	color: #f3c712;
}
div#mainscroller ul.main li.scroller div.links ul li span.header {
	font-weight: bold;
	font-style: italic;
	margin-right: 3px;
}

div#noticecontainer {
	width: 100%;
	background: #eaeaea;
}

div#noticeboard {
	width: 960px;
	margin: 0px auto;
	height: 40px;
	color: #2d2d2d;
	line-height: 39px;
}

div#noticeboard div.left {
	float: left;
	width: 620px;
	height: 100%;
	margin-right: 20px;
}

div#noticeboard div.left b {
	color: #cd0f26;
	font-weight: bold;
}

div#noticeboard div.right {
	float: left;
	width: 320px;
	height: 100%;
}

div#noticeboard div.right b {
	display: inline-block;
	height: 40px;
	line-height: 39px;
	position: relative;
	top: -3px;
}

div#noticeboard div.right a {
	display: inline-block;
	width: 33px;
	height: 27px;
	position: relative;
	top: 6px;
	left: -4px;
}

div#noticeboard div.right a div {
	width: 33px;
	height: 27px;
}

div#noticeboard div.right a div#clink-fb      { background: transparent url('images/icon-facebook.png') no-repeat right center; }
div#noticeboard div.right a div#clink-twitter { background: transparent url('images/icon-twitter.png') no-repeat right center; }
div#noticeboard div.right a div#clink-youtube { background: transparent url('images/icon-youtube.png') no-repeat right center; }
div#noticeboard div.right a div#clink-tumblr  { background: transparent url('images/icon-tumblr.png') no-repeat right center; }
div#noticeboard div.right a div#clink-mail    { background: transparent url('images/icon-mail.png') no-repeat right center; }
div#noticeboard div.right a div#clink-rss     { background: transparent url('images/icon-rss.png') no-repeat right center; }

div#noticeboard div.right form {
	display: inline !important;
	width: 99px !important;
	margin: 0px;
	padding: 0px;	
	position: relative;
	top: 6px;
}

div#noticeboard div.right input {
	border: 0px none;
	padding: 0px;
	width: 99px;
}

div#columns {
	padding: 20px 0px !important;
}

div.col1 {
	width: 620px;
	margin-right: 20px;
	padding: 0px;
}

div.box div.post {
	width: 300px;
	height: 100px;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	position: relative;
}

div.box div.post:hover {
	background: #f4f4f4;
}

div.box div.post div.box-post-content {
	padding: 0px;
	margin: 0px;
	height: 100px !important;
}

div.box div.post h2 {
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #2d2d2d;
	line-height: 18px;
	position: relative;
	top: 4px;
}

div.box div.post a img {
	margin: 0px;
	margin-right: 18px;
	padding: 0px;
	border: 0px none;
	width: 100px;
	height: 100px;
	float: left;
}

div.box div.post a:hover {
	text-decoration: none;
}

div.box div.post span.author {
	font-size: 12px;
	font-style: italic;
	color: #2d2d2d;
	position: absolute;
	bottom: 3px;
	left: 120px;
}

div.box div.post span.author a {
	text-decoration: underline;
}

div.box div.post div.ffcomments {
	width: 25px;
	height: 23px;
	background: transparent url('images/bg-comment.png') no-repeat top left;	
	position: absolute;
	bottom: 0px;
	right: 15px;
}

div.box div.post div.ffcomments a {
	background: transparent;
	display: block;
	color: #fff;
	padding: 0px;
	margin: 0px;
	width: 25px;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
}

div.box div.featuredpost {
	width: 620px;
	height: 200px;
}

div.box div.featuredpost a img {
	width: 620px;
	height: 200px;
	float: left;
}

div.box div.featuredpost div.fftextarea {
	width: 280px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 340px;
}

div.box div.featuredpost h2 {
	font-size: 20px;
	line-height: 24px;
	margin-top: 14px;
	margin-bottom: 8px;
	margin-right: 20px;
}

div.box div.featuredpost div.ffcomments {
	bottom: 15px;
}

div.box div.featuredpost span.author {
	position: relative;
	top: 0px;
	left: 0px;
	margin-right: 5px;
}

div.box div.featuredpost span.date {
	font-size: 12px;
	font-style: italic;
	color: #2d2d2d;
	margin-left: 3px;
	margin-right: 3px;
}

div.box div.featuredpost p {
	font-size: 12px;
	color: #2d2d2d;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
	margin-top: 9px;
	margin-right: 20px;
}

div.box div.post div.box-post-content span.date {
	font-size: 11px;
	font-style: italic;
	position: absolute;
	top: 10px;
	left: 0px;
	display: none;
}

div.box div.post div.box-post-content span.date em {
	background: #2d2d2d;
	color: #ccc;
	padding: 3px 7px;
}

div.box div.post div.box-post-content span.date p {
	background: #2d2d2d;
	color: #fff;
	padding: 3px 7px;
	position: relative;
	top: -3px;
}

div.box div.post:hover div.box-post-content span.date {
	display: inline;
}

div#archivebox {
	border: 1px solid #ccc;
	background: #e8e8e8;
}

div#archivebox em {
	color: #2d2d2d;
}

div#archivebox a {
	color: #2d2d2d;
}

div#crp_related {
	margin-top: 30px;
}

div.blog p {
	font-size: 14px;
	line-height: 22px;
	color: #2d2d2d;
}

div.blog ul, 
div.blog ol, 
div.entry li, 
div.blog li {
	font-size: 14px !important;
	line-height: 22px !important;
	color: #2d2d2d !important;
}

div.blog h3 {
	font-size: 16px;
	line-height: 24px;
}

div#tabs {
	border: 0px none;
	border-top: 5px solid #2d2d2d;
	border-bottom: 5px solid #2d2d2d;
	padding:6px;
	background-color:#e8e8e8;

}

ul.wooTabs li {
	border: 1px solid #d0d0d0;
	margin-right: 3px !important;
}

ul.wooTabs li a.selected, ul.wooTabs li a:hover {
	background: #303030;
}

div#tabs div.inside {
	border: 1px solid #d0d0d0;
}

div#tabs a {
	color: #2d2d2d;
}

div.widget h3 {
	background: #2d2d2d;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	padding: 0px 12px;
}

div.widget div.textwidget {
	margin: 0px !important;
	padding: 0px !important;
}

div.widget div.textwidget iframe {
	margin: 0px !important;
	border: 0px none !important;
}

#footercontainer {
	width: 100%;
	height: 40px;
	background: #eaeaea;
	float: left;
}

#footer {
	width: 960px;
	height: 40px;
	line-height: 40px;
	background: #eaeaea;
	color: #2d2d2d;
	margin: 0px auto;
	padding: 0px;
	border: 0px none;
}

#footer img {
	float: right;
	margin-top: 5px;
}

div .aligncenter.wp-caption {
width:550px;
margin-left:auto;
margin-right:auto;
}