/*
Theme Name: brichardsV3
Theme URI: https://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Barry Richards
Version: 0.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


@import 'reset.css';

@import url(960.css) screen and (min-width:481px) and (min-device-width:481px);


/* @import 'text.css'; */

/* Text scale
size px:       11,     12,   14,   16,   18,   21,   24,   36,   48,   60,   72
line-hight em: 1.43, 1.43, 1.43, 1.43, 1.11, 1.11, 1.11, 1.11, 1.04, 1.04, 1.04  
*/

@font-face {
    font-family: 'CA BND Web Bold';
    src: url('fonts/Fontkits/CABNDWebBold/cabndwebbold-webfont.eot');
    src: url('fonts/Fontkits/CABNDWebBold/cabndwebbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Fontkits/CABNDWebBold/cabndwebbold-webfont.woff') format('woff'),
         url('fonts/Fontkits/CABNDWebBold/cabndwebbold-webfont.ttf') format('truetype'),
         url('fonts/Fontkits/CABNDWebBold/cabndwebbold-webfont.svg#CABNDWebBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



html{
	
	
	margin:0;
	padding:0;
	border:0;
	
	min-height:100%;
	
	
	
	
	background: #170D42; /* Old browsers */  /* 130534  previous background color, may still be needed*/

	background: -moz-linear-gradient(top,  #170d42 0%, #6e80ff 50%, #000000 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#170d42), color-stop(50%,#6e80ff), color-stop(100%,#000000)); /* 	Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #170d42 0%,#6e80ff 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #170d42 0%,#6e80ff 50%,#000000 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #170d42 0%,#6e80ff 50%,#000000 100%); /* IE10+ */
	
	background: linear-gradient(top,  #170d42 0%,#6e80ff 50%,#000000 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170d42', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


	background-color: #170D42\9;  /*IE hack, what else! */
	
	
	
	
	
}

body{
	margin:0;
	padding:0px;
	font:14px/1.43 "CA BND Web Bold",'Helvetica Neue',Verdana,'Liberation Sans',FreeSans,sans-serif;
	color:#FFF;
	min-height:100%;
	height:100%;
	
	
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{
	margin-bottom:20px;
}




#copyright, #copyright a{
	font:14px/1.43 "CA BND Web Bold",'Helvetica Neue',Verdana,'Liberation Sans',FreeSans,sans-serif;
	color:#FFF;
}

h1{
	font-size:72px;
	color:rgba(255,255,255,0.75);
	margin-left:10px;
	line-height:1.04em;
	
}

.pageContentH1{
	margin-left:0px;
	padding-left:100px;
	padding-right:100px;
}


.indented{
	margin-left:25px;
}



h2{
	font-size:21px;
	line-height:1.11em;
	text-align:left;
	margin-top:30px;
	margin-bottom:10px;
}



h3{
	font-size:18px;
	line-height:1.11em;
	text-align:left;
	margin-top:30px;
}
h4{
	font-size:16px;
	text-align:left;
	margin-top:30px;
	line-height:1.43em;
}
h5{
	font-size:14px;
	text-align:left;
	margin-top:30px;
	line-height:1.43em;
}
h6{
	font-size:13px;
	text-align:left;
	margin-top:30px;
	line-height:1.43em;
}


p, p ul,p ol, p a, ul, ol, li{
	font-family:"ff-meta-web-pro", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	line-height:1.43em;
}

ul, ol{
	margin-left:0px;
	margin-right:20px;
}

li{
	margin-bottom:10px;
	margin-left:30px;
}


ol{
	list-style:decimal;
}
ul{
	list-style:disc;
}

.bnd {
  color:#999;
 /*font: 50px/50px "CA BND Web Bold",Verdana, Arial, Helvetica, sans-serif;*/
}


a:focus{
	outline:1px dotted;
}
hr{
	border:0 #ccc solid;border-top-width:1px;clear:both;height:0;
}

blockquote{
	text-indent: -0.4em;
}

blockquote p{
	font-family:"ff-meta-web-pro", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-style:italic;
	line-height:1.43em;
	margin-left:20px;
	margin-right:20px;
}

blockquote p:before {
    content: '"';
}
 
blockquote p:after {
    content: '"';
}





strong{
	font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

em{
	font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;
	font-style:italic;
}


a{
	text-decoration:none;
}

#main{
	padding-bottom:10px;
}


#site-title{
	margin-left:0px;
	margin-top:0px;
}


#wrapper{
	height:100%;
	min-height:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	
	background:url('images/starburst.png') center top no-repeat,url('images/stripes.png') left top repeat-y;
	/*background:url('images/starburst.png') center top no-repeat;*/
	
	width:1020px;
	
}


/**************** NAVIGATION *******************/
nav a, nav a:hover,nav  a:active{
	color:#FFF;
}
#menu-mainnav li{
	font-size:18px;
}

#menu-mainnav li a, #menu-secondarynav li a, .previousPost p a, .nextPost p a, .returnToCategory p a, #copyright a{
	color:rgba(255,255,255,1);
	-webkit-transition:color 1.2s ease;
	-moz-transition:color 1.2s ease;
	-o-transition:color 1.2s ease;
	transition:color 1.2s ease; 
}

#menu-mainnav li a:hover, #menu-secondarynav li a:hover, .previousPost p a:hover, .nextPost p a:hover, .returnToCategory p a:hover, #copyright a:hover {
	color:#9F3;
	
}



#menu-secondarynav li, #menu-mainnav li{
	font-family:"CA BND Web Bold", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
}
.returnToCategory{
	text-align:center;

}

.nextPost{
	text-align:right;
}

.previousPost{
	text-align:left;
}

.returnToCategory a, .nextPost a, .previousPost a{
	font:16px/1.7 "CA BND Web Bold",'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}


#nav-below{
	margin-bottom:50px;
}

#nav-below p, #nav-below p{
	font:13px/1.5 "CA BND Web Bold",'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	color:#FFF;
	margin:0px;
	padding:0px;

}

.returnToCategory a, .nextPost a, .previousPost a{
	color:#FFF;
}
/***********************************************/


/***** HEADER RULES *****/
header{
	padding-top:10px;
	margin-bottom:75px;
}

#site-title a{
	width:255px;
	height:60px;
	display:block;
	margin-left:25px;
	background:url('images/BR_logo.png') no-repeat;
}

#site-title a span{
	display:none;
}

/***** FOOTER RULES *****/

footer{
	
	height:160px;
	
	margin-bottom:0px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	
	
}
.footerNav{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	background-color:rgba(255,255,255,0.25);	
}
.footerNav ul{
	text-align:center;
	margin:0px;
	padding:0px;
	color:#FFF;
}
.footerNav ul li{
	display:inline;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

.footerNav ul li a{
	text-align:center;
	padding:0px;
	margin:0px;
}

.footerNav ul{
	font-size:14px;
	color:#FFF;
}

.footerNav ul li a, .footerNav ul li a:hover, .footerNav ul li a:active{
	color:#FFF;
}

#twitterBadge{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}


/***********************************/

#multicolumn{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count:2;
	-ms-column-count:2;
	column-count:2;
	
	-moz-column-gap: 0px;
	-webkit-column-gap : 1px;
	-o-column-gap:0px;
	-ms-column-gap:0px;
	column-gap:0px;
	
	-moz-column-rule-color:  #ccc;
	-moz-column-rule-style:  solid;
	-moz-column-rule-width:  1px;
			
	-webkit-column-rule-color:  #ccc;
	-webkit-column-rule-style: solid ;
	-webkit-column-rule-width:  1px;
	
	-o-column-rule-color:#ccc;
	-o-column-rule-style:solid;
	-o-column-rule-width:1px;
	
	-ms-column-rule-color:#ccc;
	-ms-column-rule-style:solid;
	-ms-column-rule-width:1px;	
		
	column-rule-color:#ccc;
	column-rule-style:solid;
	column-rule-width:1px;
	-webkit-column-fill:balance;
		
}

#multicolumn article{
	min-height:175px;
	
}




#homePageBlog article p{
	color:rgba(22,12,66,1);	
	margin-top:10px;
	margin-bottom:10px;
}
#homePageBlog article p a, #homePageBlog article p a:link, .visually_embed_cycle{
	/* font-family:"CA BND Web Bold", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;*/
	font-family:"ff-meta-web-pro", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:bold;
	color:rgba(22,12,66,1);
	
}


/* rules for embedding visual.ly infographics */
.visually_embed_bar, .visually_embed{
	padding-bottom:15px;
	background-color:transparent !important;
}


.visually_embed p img{
	width:100% !important;
	
}

.visually_embed, .visually_embed_overlay, .visually_embed_bar{
	width:100% !important;
}

.visually_embed p{
	margin-bottom:5px !important;
}

/* end of visual.ly rules */

#pageTitle{
	display:block;
}




.menu-header ul {
	padding-top:15px
}

.menu-header ul li{
	text-decoration:none;
	display:inline;
	padding-left:15px;
	padding-right:15px;

}

#jumpMenu{
	visibility:hidden;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
	margin-left:-3000px;
}

#standardMenu{
	visibility:visible;
}


/* the boxes that hold the content on the home page */
.categoryBox{
	margin-top:20px;
	min-height:452px;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.5);
	
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	
	-webkit-transition:background-color 1.2s ease;
	-moz-transition:background-color 1.2s ease;
	-o-transition:background-color 1.2s ease;
	transition:background-color 1.2s ease; 
	
}

.categoryBox article{	
	margin:0px;
	padding:15px 15px 15px 15px;

	-webkit-transition:background-color 1.2s ease;
	-moz-transition:background-color 1.2s ease;
	-o-transition:background-color 1.2s ease;
	transition:background-color 1.2s ease; 
}

.categoryBox article a{
	display:block;
}

.categoryBox article h3{
	margin:5px 0px 0px 0px;
}


.categoryArticle{
	margin-bottom:30px;
	
	
	background-color:#FFF;
	background-color:rgba(255,255,255,0.5);
	
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomright:20px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	
	-webkit-transition:background-color 1.2s ease;
	-moz-transition:background-color 1.2s ease;
	-o-transition:background-color 1.2s ease;
	transition:background-color 1.2s ease; 
	
}




.categoryArticle img{
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:0px;
	
}

.categoryArticle h3{
	margin-left:15px;
	
	
}


.blogArticle{
	padding:10px;
	
}

.blogArticle p{
	margin:10px;
}

.blogArticle h3{
	margin-left:10px;
}

/* required by jQuery as a selector */
.category_highlight{
	
}
/* required by jQuery as a selector */
.category_box_highlight{
	
}
/* required by jQuery as a selector */
.category_article_highlight{
	
}

#nav-below{
	margin:0px;
	margin-bottom:30px;
	padding:0px;
}


.designdev-content, .entry-content{
	padding:20px;
	margin-top:20px;
	margin-bottom:30px;
	
	background-color:#FFF;
	background-color:rgba(255,255,255,0.75);
	
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	
	
	
}



.pageContent{
	color:rgba(22,12,66,1);	
	text-align:justify;
	padding-top:30px;
	padding-bottom:50px;
	padding:40px;

	
	
	background-color:#FFF;
	background-color:rgba(255,255,255,0.5);
	
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}

.illustration-content{
	margin-top:20px;
}
.illustration-content p a{
	font-family:"ff-meta-web-pro", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}

.illustration-content img, .illustration-content p iframe{
	padding:20px;
	margin-left:-20px;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.5);
	
	
	
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
		
	-webkit-border-bottom-right-radius:20px;
	
	-moz-border-radius-topleft:20px;
	
	-moz-border-radius-bottomright:20px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
		
}

.illustration-content p{
	padding-right:20px;
}

.photo-content{
	margin-top:20px;
	margin-bottom:30px;
	
}

/****** TWITTER RULES ******/

#twitter-4{
	list-style:none;
	padding:0px;
	margin:0px;
	
}

.tweets{
	list-style:none;

}

#twitter-4 h3 a, #twitter-4 p{
	font-family:"CA BND Web Bold", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	color:rgba(22,12,66,1);	
}

#twitter-4 p{
	margin-left:15px;
	margin-right:10px;
}

.tweets li{
	font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:15px;
	
	-webkit-transition:background-color 1.2s ease;
	-moz-transition:background-color 1.2s ease;
	-o-transition:background-color 1.2s ease;
	transition:background-color 1.2s ease; 
}

.tweets li a{
	color:rgba(22,12,66,1);	
	font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
}

.twitter_link_highlight{
	
}

.tweets{
	margin:0px;
	
}

.tweets li{
	padding-right:10px;
	
}
/*
#twitter_timeline-2, .widget-title{ 
	font-family:"CA BND Web Bold", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	color:rgba(22,12,66,1);	
	margin-left:10px;
	list-style:none !important;
	line-height: 1.11em;
    margin-bottom: 10px;
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	margin-top:10px;
}


#twitter_timeline-2 iframe html body {
	background-color:#0F0 !important;
	color:#fff !important;
}
*/

/*************************/

.cycle_lite_container{
	margin-bottom:30px;
}


.page-title{
	margin-bottom:40px;
}




.categoryBox h2, #twitter-4 h3{
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	margin-top:10px;

}






.categoryBox article h3, .categoryArticle h3{
	font-size:14px;
	text-transform:uppercase;
	margin-top:5px;;
}

.categoryBox h2 a, article h3 a, .categoryArticle h3 a, .tweets li, .blogArticle p{
	color:rgba(22,12,66,1);	
}





.categoryBox h2 a:hover, .categoryBox h2 a:active , .categoryBox article h3 a:hover,.categoryBox  article h3 a:active, .categoryArticle h3 a:hover, .categoryArticle h3 a:active{
	color:rgba(22,12,66,1);		
	text-transform:uppercase;
}






.designdev-content p, .designdev-content h2, .designdev-content h3, .designdev-content h4, .designdev-content h5, .designdev-content h6, .designdev-content ol, .designdev-content ul, .designdev-content ol li, .designdev-content ul li, .designdev-content blockquote, .designdev-content strong, .designdev-content em, .designdev-content p strong, .designdev-content p em{
	color:rgba(22,12,66,1);	
}

.designdev-content h2, .designdev-content h3, .designdev-content h4, .designdev-content h5, .designdev-content h6{
	text-align:left;
}

.designdev-content p{
	text-align:justify;
    margin-bottom:20px;
	line-height:1.43em;
}

.illustration-content h2, .illustration-content h3, .illustration-content h4, .illustration-content h5, .illustration-content h6{
	text-align:left;
	padding-left:20px;
}

.illustration-content ol, .illustration-content ul{
	text-align:left;
	margin-left:30px;
	margin-right:30px;
}

.illustration-content p{
	text-align:justify;
}

#copyright {
	margin-top:20px;
	text-align:center;
	line-height:1.5em;
}



.blogArticle p a, .categoryArticle p a{
	font-family:"ff-meta-web-pro", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:bold;
	color:rgba(22,12,66,1);
	
	
}

.designdev-content p a, .pageContent p a{
	font-family:"ff-meta-web-pro", 'Helvetica Neue',Verdana, Geneva,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:bold;
	color:rgba(22,12,66,1);
	text-decoration:underline;
}

.message404{
	color:rgba(22,12,66,1);
	
}

.postDate, .extractPostDate{
	font:14px/1.43 "CA BND Web Bold",'Helvetica Neue',Verdana,'Liberation Sans',FreeSans,sans-serif;
	color:rgba(22,12,66,1);
	font-size:13px;
}

article .extractPostDate{
	margin-top:5px;
	margin-bottom:10px;	
}

article .blog-title{
	margin-bottom:5px;
	
}

#postDateRight{
	text-align:right;
}

/* styles for iPhone screen  in portrait */

@media screen and (max-device-width:320px){

	html{
		
		padding-top:0px;
		margin-top:0px;
		
		
	}
	
	body{
		width:100%;
		background:url('images/starburst.png') center top no-repeat;
		padding-top:0px;
		margin-top:0px;
	}
	
	#wrapper{
		height:100%;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		background:none;
		width:90%;
		
	
	}
	
	header{
		padding-top:10px;
		margin-bottom:10px;
		margin-bottom:0px;
		
	}
	
	#site-title{
		
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		width:255px;
		height:60px;
	}
	
	
	#site-title a {
		background: url("images/BR_logo.png") no-repeat scroll 0 0 transparent;
    	display: block;
    	height: 60px;
    	margin-left:auto;
		margin-right:auto;
    	width: 255px;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.categoryBox{
		padding-top:5px;
		margin-top:20px;
		min-height:452px;
		background-color:#FFF;
		background-color:rgba(255,255,255,0.5);
		
		-webkit-border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topleft:20px;
		-moz-border-radius-topright:20px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		
		-webkit-transition:background-color 1.2s ease;
		-moz-transition:background-color 1.2s ease;
		-o-transition:background-color 1.2s ease;
		transition:background-color 1.2s ease; 
	
	}
	
	
	.menu-header ul {
		margin-top:0px;
		margin-botttom:30px;
	}

	.menu-header ul li{
		text-decoration:none;
		display:block;
		padding-left:25px;
		padding-right:25px;
		text-align:center;

	}
	
	#menu-mainnav{
		margin-bottom:20px;
		border-bottom:10px;
		border-color:#FFF;
	}
	
	#jumpMenu{
		visibility:visible;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:auto;
		height:auto;
		
	}
	
	#standardMenu{
		visibility:hidden;
		margin:0px;
		padding:0px;
		width:0px;
		height:0px;
	}
	
	.categoryBox article{
			
		margin:0px;
		padding:15px 15px 15px 15px;

		-webkit-transition:background-color 1.2s ease;
		-moz-transition:background-color 1.2s ease;
		-o-transition:background-color 1.2s ease;
		transition:background-color 1.2s ease; 
	}

	.categoryBox article a{
		display:block;
	}

	.categoryBox article h3{
		margin:5px 0px 0px 0px;
	}

	.categoryBox article a img{
		max-width:270px;
		width:100%;
		height:auto;
	}
	
	.categoryArticle{
		margin-bottom:30px;
		padding-bottom:2px;
		max-width:270px;
		width:270px;
	
		background-color:#FFF;
		background-color:rgba(255,255,255,0.5);
	
		-webkit-border-top-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-topleft:20px;
		-moz-border-radius-bottomright:20px;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
	
		-webkit-transition:background-color 1.2s ease;
		-moz-transition:background-color 1.2s ease;
		-o-transition:background-color 1.2s ease;
		transition:background-color 1.2s ease; 
	
	}
	
	.categoryArticle img{
		
		width:100%;
		max-width:260px;
		margin-left:15px;
		margin-right:15px;
		margin-top:15px;
		margin-bottom:0px;
		
	
	}
	
	.blogArticle{
		padding:10px;
		max-width:268px !important;
		width:268px !important;
	}
	
	#about-cycle-lite, #about-cycle-lite img{
		max-width:100%;
		height:auto;
		margin-bottom:0px;
		padding-bottom:0px;
		max-height:175px;
		
	}
	
	.cycle_lite_container, #about-cycle-lite_container{
		margin-bottom:0px;
		height:auto;
		padding-bottom:0px;
		max-width:100%;
		max-height:175px;
				
	}
	
	.pageContent{
		color:rgba(22,12,66,1);	
		text-align:left;
	
		padding:20px;
	}
	
	h1{
		font-size:42px;
		color:rgba(255,255,255,0.75);
		margin-left:0px;
		line-height:1.04em;
		text-align:center;
		
	
	}
	
	.page-title{
		margin-bottom:10px;
		line-height:1em;
	}
	
	.indented{
		margin-left:0px;
	}
	
	h2{
		font-size:21px;
		line-height:1.11em;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	footer{
		margin-left:auto;
		margin-right:auto;
		
	
		margin-bottom:0px;
		margin-top:20px;
		
		
	}
	
	.footerNav ul li{
		display:inline;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		margin:0px;
		line-height:1.7em;
	}
	
	#twitterBadge{
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	
	.returnToCategory{
		text-align:center;
		margin-bottom:10px;

	}

	.nextPost{
		text-align:center;
		margin-bottom:10px;
	}

	.previousPost{
		text-align:center;
		margin-bottom:10px;
	}
	
	#nav-below{
		margin-bottom:10px;
	}
	
	
	.illustration-content{
		margin-left:0px;
		margin-right:0px;
		
		width:320px;
		max-width:320px;
		
	}
	
	.illustration-content img{
		padding:15px;
		margin-left:0px;
	
		
		
	}
	
	
	.illustration-content p{
		max-width:240px;	
		margin-top:10px;
		margin-left:15px;
		text-align:left;
	}
	
	.illustration-content div, .illustration-content dl, .illustration-content dt, .illustration-content a{
		max-width:320px;
		margin:0px;
		padding:0px;
	}
	
	
	.size-full{
		max-width:260px!important;
		width:100% !important;
		height:auto;
		
		
		
		
	}
	
	.ngg-galleryoverview, .ngg-gallery-thumbnail-box, .photo-content{
		margin-left:auto;
		margin-right:auto;
		width:100%;
		max-width:290px;
	}
	
	.ngg-gallery-thumbnail-box{
		margin-left:0px !important;
	}
	
	.ngg-gallery-thumbnail a img{
		max-width:260px;
		width:260px;	
	}
	
	.photo-article{
		margin-left:auto;
		margin-right:auto;
	}
	
	.message404{
		color:rgba(22,12,66,1);
		
	}
	
	#multicolumn{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count:1;
		-ms-column-count:1;
		column-count:1;
		
		-moz-column-gap: 0px;
		-webkit-column-gap : 0px;
		-o-column-gap:0px;
		-ms-column-gap:0px;
		column-gap:0px;
		
		-moz-column-rule-color:  #ccc;
		-moz-column-rule-style:  solid;
		-moz-column-rule-width:  1px;
		
		
		-webkit-column-rule-color:  #ccc;
		-webkit-column-rule-style: solid ;
		-webkit-column-rule-width:  1px;
		
		-o-column-rule-color:#ccc;
		-o-column-rule-style:solid;
		-o-column-rule-width:1px;
		
		-ms-column-rule-color:#ccc;
		-ms-column-rule-style:solid;
		-ms-column-rule-width:1px;	
		
		column-rule-color:#FFF;
		column-rule-style:solid;
		column-rule-width:1px;
		
	}
	
}



/*styles for narrow screen widths*/

@media screen and (max-width:480px){
	html{
		
		padding-top:0px;
		margin-top:0px;
		max-width:480px; 
		
	}
	
	body{
		width:100%;
		
		background:url('images/starburst.png') center top no-repeat;
		padding-top:0px;
		margin-top:0px;
	}
	
	#wrapper{
		height:100%;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		background:none;
		width:90%;
		
		
	
	}
	
	header{
		padding-top:10px;
		margin-bottom:10px;
		margin-bottom:0px;
		
	}
	
	#site-title{
		
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		width:255px;
		height:60px;
	}
	
	
	#site-title a {
		background: url("images/BR_logo.png") no-repeat scroll 0 0 transparent;
    	display: block;
    	height: 60px;
    	margin-left:auto;
		margin-right:auto;
    	width: 255px;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.categoryBox{
		
		padding-top:5px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		max-width:300px;
		min-height:452px;
		background-color:#FFF;
		background-color:rgba(255,255,255,0.5);
		
		-webkit-border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topleft:20px;
		-moz-border-radius-topright:20px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		
		-webkit-transition:background-color 1.2s ease;
		-moz-transition:background-color 1.2s ease;
		-o-transition:background-color 1.2s ease;
		transition:background-color 1.2s ease; 
	
	}
	
	
	.menu-header ul {
		margin-top:0px;
		margin-botttom:30px;
	}

	.menu-header ul li{
		text-decoration:none;
		display:block;
		padding-left:25px;
		padding-right:25px;
		text-align:center;

	}
	
	#menu-mainnav{
		margin-bottom:20px;
		border-bottom:10px;
		border-color:#FFF;
	}
	
	#jumpMenu{
		visibility:visible;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:auto;
		height:auto;
		
	}
	
	#standardMenu{
		visibility:hidden;
		margin:0px;
		padding:0px;
		width:0px;
		height:0px;
	}
	
	.categoryBox article{
			
		margin:0px;
		padding:15px 15px 15px 15px;

		-webkit-transition:background-color 1.2s ease;
		-moz-transition:background-color 1.2s ease;
		-o-transition:background-color 1.2s ease;
		transition:background-color 1.2s ease; 
	}

	.categoryBox article a{
		display:block;
	}

	.categoryBox article h3{
		margin:5px 0px 0px 0px;
	}

	.categoryBox article a img{
		max-width:270px;
		width:100%;
		height:auto;
	}
	
	.categoryArticle{
		margin-bottom:30px;
		padding-bottom:2px;
		margin-left:auto;
		margin-right:auto;
		width:290px;
		max-width:290px;
		
		background-color:#FFF;
		background-color:rgba(255,255,255,0.5);
	
		-webkit-border-top-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-topleft:20px;
		-moz-border-radius-bottomright:20px;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
	
		-webkit-transition:background-color 1.2s ease;
		-moz-transition:background-color 1.2s ease;
		-o-transition:background-color 1.2s ease;
		transition:background-color 1.2s ease; 
	
	}
	
	.categoryArticle img{
		max-width:260px;
		width:100%;
		margin-left:15px;
		margin-right:15px;
		margin-top:15px;
		margin-bottom:0px;
		
	
	}
	
	
	
	/* problem here needs fixing, something creating extra space under img slide show */
	#about-cycle-lite, #about-cycle-lite img{
		max-width:100%;
		height:auto;
		margin-bottom:0px;
		padding-bottom:0px;
		
		
	}
	
	.cycle_lite_container, #about-cycle-lite_container{
		margin-bottom:0px;
		height:auto;
		padding-bottom:0px;
		max-width:100%;
		max-height:275px;
				
	}
	
	.pageContent{
		color:rgba(22,12,66,1);	
		text-align:left;
	
		padding:20px;
	}
	
	h1{
		font-size:42px;
		color:rgba(255,255,255,0.75);
		margin-left:0px;
		line-height:1.04em;
		text-align:center;
	
	}
	
	.page-title{
		margin-bottom:20px;
		line-height:1em;
	}
	
	.indented{
		margin-left:0px;
	}
	
	h2{
		font-size:21px;
		line-height:1.11em;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	footer{
		margin-left:auto;
		margin-right:auto;
		
	
		margin-bottom:0px;
		margin-top:20px;
		
		
	}
	
	.footerNav ul li{
		display:inline;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		margin:0px;
		line-height:1.7em;
	}
	
	#twitterBadge{
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.returnToCategory{
		text-align:center;
		margin-bottom:10px;

	}

	.nextPost{
		text-align:center;
		margin-bottom:10px;
	}

	.previousPost{
		text-align:center;
		margin-bottom:10px;
	}
	
	#nav-below{
		margin-bottom:10px;
	}
	
	
	.illustration-content{
		margin-left:0px;
		margin-right:0px;
		
		width:320px;
		max-width:320px;
		
	}
	
	.illustration-content img{
		padding:15px;
		margin-left:0px;
	
		
		
	}
	
	
	.illustration-content p{
		max-width:240px;	
		margin-top:10px;
		margin-left:15px;
		text-align:left;
	}
	
	.illustration-content div, .illustration-content dl, .illustration-content dt, .illustration-content a{
		max-width:320px;
		margin:0px;
		padding:0px;
	}
	
	
	.size-full{
		max-width:260px!important;
		width:100% !important;
		height:auto;
		
		
		
		
	}
	
	.ngg-galleryoverview, .ngg-gallery-thumbnail-box, .photo-content{
		margin-left:auto;
		margin-right:auto;
		width:100%;
		max-width:300px;
	}
	
	.ngg-gallery-thumbnail-box{
		margin-left:0px !important;
	}
	
	.ngg-gallery-thumbnail a img{
		max-width:260px;
		width:260px;	
	}
	
	.photo-article{
		margin-left:auto;
		margin-right:auto;
	}
	
	.message404{
		color:rgba(22,12,66,1);
	
	}
	
	#multicolumn{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count:1;
		-ms-column-count:1;
		column-count:1;
		
		-moz-column-gap: 0px;
		-webkit-column-gap : 0px;
		-o-column-gap:0px;
		-ms-column-gap:0px;
		column-gap:0px;
		
		-moz-column-rule-color:  #ccc;
		-moz-column-rule-style:  solid;
		-moz-column-rule-width:  1px;
		
		
		-webkit-column-rule-color:  #ccc;
		-webkit-column-rule-style: solid ;
		-webkit-column-rule-width:  1px;
		
		-o-column-rule-color:#ccc;
		-o-column-rule-style:solid;
		-o-column-rule-width:1px;	
		
		-ms-column-rule-color:#ccc;
		-ms-column-rule-style:solid;
		-ms-column-rule-width:1px;	
	
		column-rule-color:#FFF;
		column-rule-style:solid;
		column-rule-width:1px;
		
	}
	
}