/*

	Theme Name: The Network

	Theme URI: http://themeforest.net/user/EugeneO/portfolio

	Description: A news / magazine /community template.

	Version: 1.3.1

	Author: Eugene Okoronkwo

	Author URI: http: //eugeneo.com/

	Tags: custom-background, right-sidebar, two-columns, custom-menu, theme-options, threaded-comments, translation-ready

*/





/* ----------------------------------------

	RESET

---------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, input,

table, caption, tbody, tfoot, thead, tr, th, td,header, * {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ol, ul { list-style: none; }





/* ---------- CLEARFIX ---------- */



.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {	display: inline-block; }



html[xmlns] .clearfix { display: block; }



* html .clearfix { height: 1%; }





/* ----------------------------------------

	HTML5 CSS SETUP 

---------------------------------------- */



article, aside, figure, footer, header, hgroup, nav, section, video { display: block; }

img { display: inline-block; }



/* ----------------------------------------

	TYPOGRAPHY

---------------------------------------- */



a,

#article-list h1 a {	

    text-decoration: none;

}



a:hover,

#article-list h1 a:hover	{ }



p {	margin: 20px 0; }



h1 {	

    font-size: 36px;

    margin: 30px 0 0;

    letter-spacing: -1px;

    line-height: 1.4em;

}

.raw_videos h1 { overflow: hidden; }



h2 {	

    font-size: 28px;

    margin: 30px 0 0;

    letter-spacing: -1px;

    line-height: 1.4em;

}



h3 {	

    font-size: 24px;

    letter-spacing: -1px;

    line-height: 1.4em;

    margin: 30px 0 0;

    overflow: hidden;

}



h4 {	

    font-size: 18px;

    margin: 30px 0 0;

    line-height: 1.4em;

}



h5 {	

    font-size: 14px;

    margin: 30px 0 0;

    line-height: 1.4em;

}



h6 {	

    font-size: 12px;

    margin: 30px 0 0;

    line-height: 1.4em;

}



abbr {

    border-bottom: 1px dotted #777;

    color: #777;

}





/* ----------------------------------------

	BACKGRUND AD

---------------------------------------- */ 



#skin {

    cursor: pointer;

    height: 100%;

    position: fixed;

    width: 100%;

    z-index: 1;

}





/* ----------------------------------------

	STRUCTURE

---------------------------------------- */ 



html { height: 100%; }



body {

    background: #FFF url(images/background.png);

	background-repeat: repeat-x;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	/* background-attachment: fixed; */

	background-color: #FFF;

	background-position: center top;

    font-family: Arial, Verdana, sans-serif;

    font-size: 12px;

    height: 100%;

    line-height: 1.5em;

}



#wrapper {	

    _height: 100%; /* for IE6 */

    height: auto !important;

    height: 100%;

    margin: 0 auto -135px;

    min-height: 100%;

}





.register-success,

.register-error {

    display: block;

    font-weight: 700;

    margin: 0;

    padding: 20px;

    text-align: center;

}



.register-success {

    background: #99FF00;

    border: 4px solid #99CC00;

}



.register-error {

    background: #FFFF99;

    border: 4px solid #FFCC66;

}



.quick-form {

    display: none;

    overflow: hidden;

    position: absolute;

    right: 20px;

    top: 25px;

    width: auto;

    z-index: 100;

    -webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);

    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);

}



.quick-form form { float: right; margin: 0; padding: 0 10px 0 0; overflow: hidden; width: auto; }

.quick-form a { 

    float: right;

    font-size: 10px;

    font-weight: 700;

    margin: 16px 30px 0 10px;

    text-decoration: underline;

}



.quick-form a:hover{ }



.quick-form p { 

    float: left;

    margin: 10px;

}



.quick-form label { }



.quick-form input[type="text"],

.quick-form input[type="password"],

.quick-form input[type="submit"] { 

    display: inline;

    margin-left: 10px;

}



.quick-form input[type="submit"] {

    border: none;

    margin: 1px 0 0 10px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.register-message {

    display: block;

    clear: both;

    margin: 10px;

    width: 450px;

}



header {

    height: 125px;

    min-width: 950px;

    position: relative;

    z-index: 2; /* Place above content */
	
	display: block;
	margin-bottom: 20px;

}



header.hide-header { display: none; }



#header-top-wrapper {

    width: 100%;

    display:none;

    position:absolute;

}



#header-top {

    font-size: 10px;

    height: 25px;

    margin: 0 auto;

    position: relative;

    width: 940px;

}



/* THIS SECTION ADDED FROM COLOURS.PHP */

#header-top-wrapper {  }



#header-top {  }



.subscribe { }



#header-top li { border-left: 1px solid #000; }



#header-top li a { color: #FFF; }



#header-top li a:hover { color: #FF0000; }



.subscribe {					

    background: url(images/header-rss.png) 0 0 no-repeat;

    display: block;

    float: left;

    line-height: 25px;

    padding: 0 0 0 25px;

}



.subscribe:hover { background-position: 0 -25px; }



#header-top nav {					

    float: left;

    height: 25px;

    margin: 0 0 0 60px;

}



#header-top ul {						

    margin: 4px 0 0 0;

    overflow: hidden;

}



#header-top li {							

    float: left;

}



#header-top li:first-child { border: none; }



#header-top li a {								

    color: #CCC;

    padding: 0 5px;

}



#header-top li a:hover { }



#user-bar { float: right; }



#user-bar li{ border: none; }



#user-bar .welcome { margin: -1px 0 0; }



#user-bar .login-link,

#user-bar .logout-link { 

    border: none;

    margin: 0 0 0 60px;

}



#header-wrapper  {

    position:relative;

    display: block;

    margin: 0 auto 0 auto;

    width: 940px;

}



.header-logo {

    top:  20px;

    position: absolute;

    margin-left:20px;

    z-index: 30;

}



/* ----------------------------------------

				NAVIGATION

			---------------------------------------- */



header nav {				

    float: left;

    width: 940px;

    height: 60px;

    position: relative;

    background: url('images/navigation-background.png') no-repeat;

}



#navigation {					

    line-height: 60px;

    position: relative;

    float: right;

    border-right: 1px solid #000;

}



#navigation li {					

    display: block;

    float: left;

    height: 58px;

}





#navigation a {						

    font-family: 'Swiss911UCmBTRegular', Arial, sans-serif;

    font-size: 25px;

    text-transform: uppercase;

    display: block;

    padding: 0 20px;

    height: 100%;

    

    border-left: 1px solid #000;

    color: #FFF;

}



#navigation a:hover {

    color: #FF0000;   

}





/* ----- SUB-MENUS ----- */





/* NAV SUB MENU

#navigation ul { background: <?php echo $nav_submenu_background ?> url(../images/header-shadow.png) repeat-x; border-bottom: 5px solid <?php echo $nav_background ?>; }



#navigation ul a { background: <?php echo $nav_submenu_background ?>; border: none; color: <?php echo $nav_submenu_heading ?>; }



#navigation ul a:hover { color: <?php echo $nav_submenu_heading_hover ?>; }



#navigation ul ul a { background: none; color: <?php echo $nav_submenu_link ?>; }



#navigation ul ul a:hover { color: <?php echo $nav_submenu_link_hover ?>; }

*/



/* OLD #navigation ul {

    display: none;

    background: #172856;

    left: 0;

    line-height: 1.4em;

    padding: 20px 0 0 20px;

    position: absolute;

    width: 486px;

    z-index: 100;



    box-shadow: 0 1px 3px #555;

    -moz-box-shadow: 0 1px 3px #555;

    -webkit-box-shadow: 0 1px 3px #555;

} */

#navigation ul {

    background: #fff; border-bottom: 5px solid #172856;

	display: none;

	left: 0;

	line-height: 1.4em;

	padding: 20px 0 0 20px;

	position: absolute;

	width: 597px;

	z-index: 100;

	

	box-shadow: 0 1px 3px #555;

	-moz-box-shadow: 0 1px 3px #555;

	-webkit-box-shadow: 0 1px 3px #555;                     

}





#navigation ul li {							

    display: inline;

    float: left;

    height: auto;

    margin: 0 20px 20px 0;

    width: auto;

	

	/* background: url(images/horizontal-line.png) left -18px repeat-x; */

}



#navigation ul ul {                             

	background: #;

	border: none;

	clear: both;

	display: block;

	padding: 0;

	margin: 25px 0 10px;

	overflow: hidden;

	position: relative;                     

	width: auto;                                



	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;                               

}



nav ul li:hover {

    background: url('images/nav-hover-bg.png') no-repeat;

    background-position:bottom;

}



nav ul.sub-menu li:hover{

   background:none;

}



#navigation ul.sub-menu a {

    border: none; color: #484C65;

    float: left;

    font-size: 22px;

    font-weight: normal;

    height: auto;

    padding: 0 10px 0 0;

    text-shadow: none;

    text-transform: none;

    letter-spacing: 1px;

}



#navigation ul.sub-menu a:hover {

	color: #22263b;

}



#navigation ul ul {								

    background: none;

    border: none;

    clear: both;

    display: block;

    padding: 0;

    margin: 25px 0 10px;

    overflow: hidden;

    position: relative;

    width: auto;



    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}



#navigation ul ul li {									

    background: none;

    clear: both;

    margin: 3px 0;

}



#navigation ul ul a {										

    background: none !important;

    font-size: 12px !important;

    font-weight: 400 !important;

	font-family: Arial, Verdana, sans-serif !important;



}



#navigation ul ul a:hover { }



#navigation li:hover ul { display: block; }



ul.search {				

    float: right;

    height: 50px;

    padding: 25px 0 0 20px;

    width: 203px;

}



#header-shadow {			

    /* background: url(images/header-shadow.png) repeat-x; */

    display: block;

    height: 10px;

    position: relative;

    z-index: 1;

}



#banner-top {		

    margin: 10px auto;

    position: relative;

    z-index: 1;

    text-align: center;

}







/* ----------------------------------------

	CONTENT HOLDER

---------------------------------------- */



#content-shadow {		

    background: url(images/content-shadow-top.png) no-repeat;

    /* display: block; */
    display: none;

    height: 10px;

    margin: 10px auto 0;

    position: relative;

    width: 950px;

    z-index: 1;

}





#content-holder {		

   /* background: url(images/content-shadow.png) repeat-y;*/

    margin: 0 auto;

    position: relative;

    width: 950px;

    z-index: 1;

}	



#content {		

    display: block;

    margin: 0 auto;

    padding: 1px 20px 20px;

    width: 900px;

}





/* ----- SLIDER ----- */



#slider {

    background: #000;

    height: 348px;

    margin: -1px 0 0 -20px;

    width: 940px;

    z-index: 1;

}



#slider-wrapper { }



#slider-shadow {

    background: url('images/slider-bg.png') no-repeat;

    background-position: bottom;

    display: block;

    height: 126px;

    margin-top:-100px;

    position: relative;

    z-index: 0;

}



.nivo-controlNav a.active {

    background: #484C65;

}





/* ----- HOME LATEST POSTS ----- */



#features {

    margin: 20px 0 0;

    overflow: hidden;

}



#features article {				

    float: left;

    margin: 0 0 0 20px;

    width: 210px;

}



#features article:first-child { margin: 0; }



#features img {					

    padding: 10px;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



#features h1 {				

    font-size: 12px;

    letter-spacing: 0;

    margin: 10px 10px 0;

}



#features .meta {					

    margin: 10px 10px 0;

    overflow: hidden;

}



.meta li {					

    background: none;

    font-size: 10px;

    float: left;

    line-height: 1.1em;

    padding: 0 5px;

    text-shadow: 1px 1px 1px #FFF;

}



.meta li:first-child, .widget .meta li:first-child {				

    border: none;

    padding: 0 5px 0 0;

}



.meta li a { }



.meta li a:hover { }



.meta .comments-meta, .meta .comments-meta:first-child, .widget .meta .comments-meta {				

    background: url(images/comment-icon.png) right 0 no-repeat;

    padding-right: 16px;

    float: left;

}



.meta .views, .meta .max-image-link {					

    border: none;

    float: right;

    font-size: 14px;

    font-weight: 700;

}



.meta .max-image-link {					

    background: url(images/zoom-icon.png) right center no-repeat;

    padding-right: 24px;

}



#features p { margin: 10px 0 0 10px; }



#features .read-more {

    display: block;

    margin: 12px 0 0 10px;

}



.small-title .button.right { margin: 15px 0 0; }





/* ----- HOME SIDEBAR CONTENT ----- */



#home-content {			

    clear: both;

    overflow: hidden;

    width: 920px;

}



#content .col-595 {

    background: url('images/sidebar-trim.png') no-repeat top right;

    padding-right: 40px;

    min-height:850px;

}



/* ----- SIDEBAR ----- */



#sidebar {		

    float: left;

    width: 264px;

}



#sidebar .widget { margin: 20px 0 0;	}



/* ----- PAGE CONTENT ----- */



.small-title {			

    background: url(images/horizontal-line.png) repeat-x;

    display: block;

    height: 34px;

    position: relative;

    text-shadow: 1px 1px 1px #FFF;

}



.small-title h1,

.small-title h2, 

.small-title h3, 

.small-title h4, 

.small-title h5, 

.small-title h6 {

    font-size: 12px;

    float: left;

    letter-spacing: 0;

    line-height: 1em;

    margin: 20px 0 0 10px;

    padding: 0 10px;

}



.col-900 {			

    clear: both;

    width: 900px;

}



.col-595 {			

    display: block;

    float: left;

    margin: 0 0 0 0;

    padding-right:20px;

    overflow: hidden;

    width: 595px;

}



#article-list {			

    clear: both;

    margin: 0 0 20px;

    overflow: hidden;

}



#article-list img {			

    float: left;

    margin: 0 20px 0 0;

    padding: 10px;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



#article-list article {				

    margin: 20px 0 0;

    overflow: hidden;

    padding: 0 0 20px;

}



#article-list article:last-child { border: none; }



#article-list h1 {				

    font-size: 14px;

    letter-spacing: 0;

    margin: 5px 0 0;

}



#article-list .meta {				

    margin: 10px 10px 0;

    overflow: hidden;

}



#article-list p { margin: 10px 0 0; }



.sticky { }



#article-list .sticky { padding-right: 10px; }



/* ----- VIDEOS ----- */



.videoplayer { background-color: #000; }



.video-text{	

    /*

      background-color: #000;

      color: #EEE;

      font-size: 18px; 

    */

    background-color: #F6F6F6;

    color: #333;

    font-size: 12px;

    line-height: 1.4em;

    padding: 10px 20px;

}



#videos {				

    margin: 0 0 20px -20px;

    overflow: hidden;

    width: 615px;

}



#videos article {					

    float: left;

    height: 173px;

    margin: 20px 0 0 20px;

    width: 184px;

    position: relative;

}



#videos a {						

    display: block;

    overflow: hidden;

    position: relative;

}



#videos img {						

    padding: 10px;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



#videos span {		

    background: url(images/video-overlay.png) 1px 0 no-repeat;

    display: block;

    height: 21px;

    position: absolute;

    right: 21px;

    top: 72px;

    width: 22px;

}



#videos h1 {						

    font-size: 12px;

    letter-spacing: 0;

    margin: 10px 10px 0;

}



#videos .meta {						

    margin: 10px 10px 0;

    overflow: hidden;

}



#videos p { margin: 10px 10px 0; }





/* ----- IMAGES ----- */



.gallery {				

    margin: 0 0 0 -10px;

    overflow: hidden;

    width: 615px;

}



.gallery-item {					

    float: left;

    height: 140px;

    margin: 20px 0 0 10px;

    position: relative;

    width: 190px;

}



.gallery img {					

    display: block;

    margin: 0 auto;

    padding: 4px;

}



.gallery-item span {

    background: url(images/image-overlay.png) center center no-repeat;

    visibility: hidden;

    height: 130px;

    left: 0;

    position: absolute;

    top: 0;

    width: 190px;

}





/* ----- MAIN ARTICLES ----- */



.meta {				

    margin: 20px 0;

    overflow: hidden;

}



#feature-image img {				

    display: block;

    clear: both;

    margin: 20px 0 0;

    padding: 4px;

}



#author-bio {

    overflow: hidden;

}



#share-box {

    margin: 20px 0;

    overflow: hidden;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



#share-box h4 {					

    float: left;

    font-size: 24px;

    margin: 20px 0 20px 20px;

}



.addthis_toolbox { float: right; margin: 20px 20px 0 0; }



#share-box a { display: block; }





/* ----- PAGINATION ----- */



.pagination {					

    font-weight: 700;

    height: 22px;

    margin: 20px 0 0;

}



.pagination span { margin: 0 10px 0 5px; }



.pagination a span {

    margin: 0 5px 0 0;

    padding: 4px 5px;

}	



#push {	

    clear: both;

    height: 135px;

}

/*

#navigation {

    line-height: 60px;

    position: relative;

    float: right;

    border-right: 1px solid #000;

}



#navigation li {

    display: block;

    float: left;

    height: 58px;

}





#navigation a {

    font-family: Arial, sans-serif;

    font-weight: bold;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: -1px;

    display: block;

    padding: 0 20px;

    height: 100%;



    border-left: 1px solid #000;

    color: #FFF;

}



#navigation a:hover {

    color: #FF0000;

}

*/



footer {

    background: url('images/footer-bg.png');

    border-top: 5px SOLID #18223f;

    height: 115px;

    min-width: 955px;

    padding: 20px 0 0;

    position: relative;

    z-index: 1;

}



#footer-top {

    margin: 0 auto;

    width: 955px;

    height:68px;

    background: url('images/footer-nav-bg.png') no-repeat;

}







footer nav { float: right; }



footer .logo {

    float: left;

    margin-left:20px;

    margin-top5px;

}



footer ul {

    line-height: 58px;

    margin: 10px 20px 0;

    overflow: hidden;

}



footer li {

    display:block;

    float: left;

    border-left: 1px solid black;

    color:#FFF;

}



footer nav li:hover { 

    background:none;

}



footer nav a {

    display: block;

    padding: 0 20px;

}



footer a {

    color:#FFF;

    font-size: 14px;

}



footer a:hover {

    color:#FF0000;

}



#copyright {

    clear:both;

    background: none;

    float: right;

    margin-right: 10px;

    margin-top: -5px;

}



#copyright p, #copyright p a {

    background: none;

    font-size: 10px;

    color: #FFF;

    margin: 0;

}





/* ----------------------------------------

	COMMENTS 

---------------------------------------- */



#comment-pagination { margin: 20px 0; overflow: hidden; }



#comments {

    clear: both;

    margin: 20px 0 0;

    padding: 0;

    width: 100%;

}



.comment {

    background: url(images/comment-thread-horizontal.png) repeat-y;

    width: 100%

}



.comment .comment{ background: url(images/comment-thread-vertical.png) no-repeat; }



.children .children { background: url(images/comment-thread-horizontal-2.png) repeat-y; }



.comment .comment .comment{ background: url(images/comment-thread-vertical-2.png) no-repeat; }





/* ----- First Level ----- */



.comment-holder {

    float: right;

    margin: 0 0 20px;

    overflow: hidden;

    position: relative;

    width: 593px;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.author-text {

    float: right;

    padding: 10px;

    width: 514px;

}





/* ----- Second Level ----- */



.children .comment-holder { width: 493px; }



.children .author-text { width: 414px; }





/* ----- Third Level ----- */



.children .children .comment-holder { width: 393px; }



.children .children .author-text { width: 314px; }



.admin_comment {	}



.avatar {

    height: 35px;

    float: left;

    margin: 10px 0 0 10px;

    padding: 3px;

    width: 35px;

}



.author-text small {

    float: right;

    font-size: 10px;

    font-weight: 700;

}



.comment small a { }



.comment small a:hover{ }



.author-text h4 {			

    font-size: 14px;

    float: left;

    margin: 5px 0 10px;

}



.the-comment {			

    clear: both;

    margin: 20px 0 0;

}



.the-comment p { margin: 20px 0 0; }



.comment-reply-link {		

    cursor: pointer;

    float: right;

    font-size: 10px;

    font-weight: 700;

    margin: 20px 0 0;

    padding: 3px 10px;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.comment-reply-link:hover {}



#respond {

    clear: both;

}



#respond form { margin-top: 20px; }



#respond p { overflow: hidden; }



label {

    font-weight: 700;

    line-height: 30px;

    margin-top: 2px;

}



label span { }



input[type=text], input[type=password] {

    clear: both;

    display: block;

    padding: 7px 8px;

    width: 50%;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}	



textarea {

    font-family: Arial, san-serif;

    height: 141px;

    padding: 8px;

    resize: none;

    width: 575px;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



input[type=checkbox] {			

    background: none;

    float: left;

    height: 25px;

    margin: 2px 10px 0 0;

    width: 25px;

}



label.checkbox {			

    float: left;

    width: 490px;

}



input[type=submit] {			

    cursor: pointer;

    display: block;

    font-size: 10px;

    font-weight: 700;

    margin: 0 auto 0;

    padding: 7px 0;

    width: 100%;

}



input[type=submit]:hover { background: #666; }



input.error, textarea.error { }



textarea.error { width: 571px; }



label.error{ color: #CC0000; }



#reply-title small { 

    float: right;

    font-size: 12px;

    letter-spacing: 0;

}





/* ----------------------------------------

	PROFILE

---------------------------------------- */



#edituser .small-title { float: none; }





/* ----------------------------------------

	WIDGETS

---------------------------------------- */



#home-content .widget { 

    border:0px; width: 284px;

}



.widget {

    float: left;

    margin: 20px 20px 0 0;

    overflow: hidden;

    width: 100%;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



#sidebar .widget {

    background: url('images/sidebar-hr.png') no-repeat;

    padding-bottom:30px;

    background-position: bottom;

}



.widget h2 {

    font-family: 'Swiss911UCmBTRegular', Arial, sans-serif;

    font-weight: normal;

    text-transform: uppercase;

    font-size: 32px;

    color:#747474;

    letter-spacing: 0;

    margin: 5px 10px 0 10px;

}



#home-content .widget h2 {

    border-bottom:1px solid #dddddd;

    background: url('images/heading-icon.png') no-repeat center left;

    height:33px;

    padding: 0 0 10px 35px;

}



.home-page-hr {

    width: 595px;

    height: 30px;

    float:left;

    background: url('images/home-page-hr.png') no-repeat;

    background-color:transparent;

    background-position: center;

    border:none;

}



.home-page-hr hr {

    display:none;

}



/*

.heading-image {

    border:0px;

    position: absolute;

    margin-right: 35px;

    margin-top:10px;

    margin-left:-33px;

    height:33px;

    width:29px;

    background: url('images/heading-icon.png') no-repeat;

}

*/



.widget h3 {	

    font-size: 12px;

    letter-spacing: 0;

    margin: 0;

}



.widget img {

    float: left;

    margin: 0 10px 0 0;

    padding: 3px;

}



p.no-posts { margin: 10px 0; }



.raw_videos a {		

    display: block;

    float: left;

    position: relative;

    overflow: hidden;

}



.raw_videos span {		

    background: url(images/video-overlay.png) no-repeat;

    display: block;

    height: 21px;

    position: absolute;

    right: 18px;

    top: 34px;

    width: 22px;

}



.widget ul { overflow: hidden; }



.widget li {			

    clear: both;

    display: block;

    overflow: hidden;

    padding: 10px 10px;

}



.widget li:first-child { border: none; }



.widget .highlight {

    margin: 10px 0 0;

}

/* Text colour in post meta */

.widget .highlight li { text-shadow: none; }



.widget a + h3 { margin: 5px 0 0; }



/* Post Title and Meta link colour */

.widget .highlight a { }



.widget .highlight a:hover { }



.widget .highlight img { border: none; }



.widget .meta { margin: 10px 0 0; }



.widget .meta li {				

    border-top: none;

    clear: none;

    padding: 0 5px;

}



.widget select {

    display: block;

    height: 24px;

    padding: 0 3px;

    margin: 20px auto;

    width: 197px;

}





/* ----- SEARCH WIDGET ----- */



#content .widget_search {	

    height: 73px;

}



header .search_widget { height: 75px; }



header .widget_search form {

    background: url(images/search-background.png) no-repeat;

    height: 24px;

    margin: 0 auto;

    width: 203px;

}



header .widget_search input[type=text] {

    background: none;

    border: none;

    color: #FFF;

    display: inline;

    line-height: 24px;

    padding: 0px 5px 0;

    width: 165px;

}



header .widget_search input[type=submit] {

    background: url(images/search-button.png) no-repeat;

    border: none;

    cursor: pointer;

    float: right;

    height: 24px;

    margin: 0;

    text-indent: -999px;

    width: 26px;



    /* Hide text in IE7 */

    font-size: 0;

    display: block;

    line-height: 0;

}



header .widget_search input[type=submit]:hover { background: url(images/search-button.png) 0 -24px no-repeat; }



/* ----- SIDEBAR SEARCH WIDGET ----- */



#sidebar .widget_search {

    height: 125px;

}



#sidebar .widget_search form {

    background: url(images/sidebar-search-bg.png) no-repeat;

    height: 50px;

    margin-left: 20px;

    width: 203px;

}



#sidebar .widget_search input[type=text] {

    background: none;

    border: none;

    color: #000;

    display: inline;

    line-height: 24px;

    padding: 5px 5px 0;

    width: 150px;

    margin-top:10px;

    margin-left:5px;

}



#sidebar .widget_search input[type=submit] {

    background: url(images/sidebar-search-button.png) no-repeat;

    float:right;

    border: none;

    cursor: pointer;

    float: right;

    height: 45px;

    margin-top:5px;

    margin-right:-10px;

    text-indent: -999px;

    width: 55px;



    /* Hide text in IE7 */

    font-size: 0;

    display: block;

    line-height: 0;

}





/* ----- SOCIAL BUTTONS ----- */



#header-wrapper .social-button-holder {

    float:left;

    height: 34px; overflow: hidden; 

    margin-top: 20px;

    

}



.social-button-holder {

    height: 34px; overflow: hidden; 

    margin-top: 10px;

    margin-left:20px;

    margin-bottom:20px;

}



.social-button-holder li{	

    border: none;

    clear: none;

    float: left;

    margin: 0 10px 10px 0;

    padding: 0;

}



.social-button-holder a {		

    display: block;

    height: 34px;

    float: left;

    overflow: hidden;

    text-indent: 9999px;

    width: 34px;

}



.email-button { background: url(images/social/email.png) no-repeat; }

.rss-button { background: url(images/social/rss-h.png) no-repeat;	}

.facebook-button { background: url(images/social/facebook-h.png) no-repeat; }

.twitter-button { background: url(images/social/twitter-h.png) no-repeat; }

.google-button { background: url(images/social/google.png) no-repeat; }

.digg-button { background: url(images/social/digg.png) no-repeat; }

.myspace-button { background: url(images/social/myspace.png) no-repeat; }

.dribbble-button { background: url(images/social/dribbble.png) no-repeat; }

.flickr-button { background: url(images/social/flickr.png) no-repeat; }

.linkedin-button { background: url(images/social/linkedin.png) no-repeat; }

.vimeo-button { background: url(images/social/vimeo.png) no-repeat; }

.youtube-button { background: url(images/social/youtube-h.png) no-repeat; }





/* TEXT WIDGET */



.textwidget { margin: 10px; overflow: hidden; }



.widget_text img { border: none; max-width: 254px; }





/* TWITTER */



.raw_twitter .button { margin: 3px 10px 10px 0; }



.raw_twitter span { display: block; margin-bottom: 10px; }





/* ----------------------------------------

	SHORTCODES / TYPOGRAPHY 

---------------------------------------- */



.button {	

    cursor: pointer;

    float: left;

    font-size: 10px;

    font-weight: 700;

    margin: 20px 20px 0 0;

    padding: 3px 10px;

    text-shadow: none;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.button:hover {}



article table {	

    border-bottom: 1px solid #DDD;

    border-collapse: collapse;

    border-spacing: 0;

    margin: 20px auto 0;

    text-align: center;

    width: 100%;

}



article th {		

    background-color: #333;

    border-left: 1px solid #333;

    color: #FFF;

    font-weight: 700;

    padding: 4px;

}



article td {		

    border-left: 1px solid #DDD;

    padding: 4px;

    position: relative;

    vertical-align: middle;

}



article tr {		

    background-color: #FFF;

    border-right: 1px solid #DDD;

}



article tr:nth-child(2n) { background-color: #F6F6F6; }



article ul { margin: 16px 0 0 16px; }



article ul li {		

    background: url(images/li_cross.png) 4px -2px no-repeat;

    padding: 2px 0 2px 22px;

}



article li ul { margin: 0; }



article ul ol li { background: none;}



article ol {	

    margin: 16px 0 0 16px;

    padding-left: 20px;

}

article ol li {

    list-style-type:decimal;

    padding: 2px 0 2px 3px;

}

article li ol { margin:0; }



article ol ul li {	

    background: url(images/li_cross.png) 4px -2px no-repeat;

    list-style-type: none;

    margin: 0 0 0 -2px;

    padding: 2px 0 2px 22px;

}





/* Thirds */



.third {

    float: left;

    margin: 0 20px 0 0;

    padding: 1px 0 0;

    position: relative;

    width: 286px;

}



.col-595 .third { width: 185px; }





/* Half */



.half { 

    float: left;

    margin: 0 20px 0 0;

    position: relative;

    width: 440px;

}



.col-595 .half { width: 287px; }





/* Two Thirds */



.two-thirds { 

    float: left;

    margin: 0 20px 0 0;

    position: relative;

    width: 592px;

}



.col-595 .two-thirds { width: 390px; }



.end { margin: 0; }	





/* Dropcaps */



.dropcap_1 { 	

    font-size: 34px;

    font-weight: 700;

    float: left;

    height: 30px;

    line-height: 30px;

    padding-top: 3px;

    text-align: center;

    width: 36px;

}



.dropcap_2 {

    float: left;

    height: 36px;

    line-height: 30px;

    margin-top: 5px;

    margin-right: 10px;

    margin-bottom: -9px;

    padding-top: 5px;

    text-align: center;

    width: 40px;

    font-size: 30px;

    font-weight: 700;



    border-radius:100px;

    -moz-border-radius:100px;

    -webkit-border-radius:100px;

}





/* Highlight */



.highlight {	

    background-color: #FFFF00;

    color: #111111;

    padding: 5px;

}





/* Download Box */



.download_box { 	

    background: url(images/download-icon.png) 20px center no-repeat #C0E04F;

    border: 1px solid #548E13;

    color: #548E13;

    margin-top: 16px;

    padding: 0 20px 0 80px;

    text-shadow: none;



    border-radius:5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.download_box a {

    border-bottom: 1px dotted #548E13;

    color: #548E13;

}



.download_box a:hover {	

    border-bottom: none;

    color: #666;

}





/* Info Box */



.info_box {

    background: url(images/info-icon.png) 20px center no-repeat #BFE4F9;

    border: 1px solid #68A2CF;

    clear: both;

    color: #2E6093;

    margin-top: 16px;

    padding: 0 20px 0 80px;

    text-shadow: none;



    border-radius:5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.info_box a { 	

    border-bottom: 1px dotted #68A2CF;

    color: #68A2CF;

}



.info_box a:hover { 	

    border-bottom: none;

    color: #666;

}





/* Warning Box */



.warning_box {	

    background: url(images/warning-icon.png) 20px center no-repeat #FCC;

    border: 1px solid #F99;

    clear: both;

    color: #C31B00;

    margin-top: 16px;

    padding: 0 20px 0 80px;

    text-shadow: none;



    border-radius:5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.warning_box a {	

    border-bottom: 1px dotted #F99;

    color: #F99;

}



.warning_box a:hover {

    border-bottom: none;

    color: #666;

}





/* Alternate Lists */



article ul.square { padding-left: 20px; }

article ul.circle { padding-left: 20px; }



article ul.check li { background: url(images/li_true.png) left 5px no-repeat; }

article ul.cross li { background: url(images/li_false.png) left 5px no-repeat; }



article ul.square li { background: none; list-style-type: square; }

article ul.circle li { background: none; list-style-type: disc;}





/* Quotes */



blockquote {

    color: #666;

    font-size: 14px;

    line-height: 22px;

    margin: 20px 0 20px;

    padding: 1px 20px;

}



blockquote.alignleft, blockquote.alignright { width: 233px; }



blockquote.alignleft { 

    float: left;

    margin: 0 20px 20px 0;

    padding: 20px 0 20px 20px;

}

blockquote.alignright  { 

    float: right;

    margin: 0 0 20px 20px;

    padding: 20px 0 20px 20px;

}





/* Dividers */



.hr {

    background:	none;

    border: none;

}



.divider.top { 

    background: none;

    height: auto;

    clear: both;

    margin: 16px 0 0;

}



.top {	

    font-size: 10px;

    line-height: 10px;

    position: relative;

    text-align: right;

    width: 92%;

}



.top a {		

    display: block;

    height: 20px;

    padding-left: 17px;

    position: absolute;

    right: -40px;

    top: -5px;

    width: 20px;

}



.top a:hover{}





/* Toggle content */	



.toggle-content {	

    clear: both;

    display: block;

    margin: 16px 0 0;

    float: left;

    width: 99%;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}



.toggle-content + .toggle-content { margin: 0; }



.toggle-content .expand-button {	

    cursor: pointer;

    padding: 8px;

}

.toggle-content .expand-button.close {}



.toggle-content .expand-button p { font-weight: 700; margin: 0; }



.toggle-content .expand {

    margin: 0;

    padding: 1px 8px;

}

.expanding .expand { display: none; }



.expanding .expand p {	

    margin: 12px 20px 20px;



}





/* ----------------------------------------

	STYLING

---------------------------------------- */



.clearboth { 

    height: 1px;

    clear: both;

    width: 100%;

}



.displace { 

    position: absolute;

    left: -9999px;

}



.screen-reader-text { display: none; }



.right, .button.right { float: right; margin: 20px 0 0 20px }



.left, .button.left { float: left; }



.button.center { display: block; margin: 16px auto 0; text-align: center; }



.no-top-margin { margin-top: 0; }



.no-margin { margin: 0; }



.margin-top { margin-top: 20px; }



div br:first-child { display: none; }



.alignleft {

    float: left;

    margin: 3px 20px 10px 0;

}



.alignright {

    float: right;

    margin: 3px 0 10px 20px;

}



.aligncenter {

    display: block;

    margin: 16px auto;

}



img.alignleft,

img.alignright,

img.aligncenter,

img.alignnone {

    padding: 5px;

}



img.alignleft,

img.alignright,

img.aligncenter,

img.alignnone,

.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter,

.wp-caption.alignnone {

    text-align: center;

}



.wp-caption img { margin: 5px 5px; }



.wp-caption-text {

    font-weight: 700;

    margin: 10px 0;

}



.gallery-caption {

    background: #FFF;

    bottom: 0;

    color: #333;

    font-weight: 700;

    position: abolsute;

}





/* ----------------------------------------

	MOBILE DEVICES & LOW RESOLUTIONS

---------------------------------------- */



@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {

    #skin { display: none; } /* Hide background advert */

}

.video-text img { max-width:100%; height:auto; }
.sidebar_picture { padding: 0 10px; }
.sidebar_picture img { max-width:100%; }

.download_button { display: block; clear:left; padding:5px 0;}
.download_button img { width:100px; }

.wmrs_banner_holder p,
.wmrs_banner_holder h3 { margin: 5px 0; }
.wmrs_banner img {max-width:98%;}

.radio_spot #feature-image {
	width:300px;
	float:right; margin-right:2%;
}
.radio_spot #feature-image img {
	max-width:100%;
	height:auto;
}


 #article-list .radio_spots .meta { display:none; }

.radio-banner-holder {
	position:absolute;
	margin-left: 275px;
	margin-top: 18px;
}

header nav { top:20px; }
#content-holder { top: 15px; }
#header-wrapper .social-button-holder { float: right; }
.frm_forms .submit input { width:90%!important;}