/*
Theme Name: GM2013
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Andy Brockie & The WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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

/* to do  3 oct 2017

remove reference to this specific template when live: 
.page-template-GM-Sec-DWorld-php
.page-template-GM-Sec-SAfrica-php



*/

/* hiding the new nav from old template*/
body.page-template-GM-Project-php  div.nav, 
span.mobile-nav, 
div.footer-nav,
body.page-template-home-page-php div.rsSlideCount, 
body.page-template-GM-Sec-Info-php div.rsSlideCount
{
display:none;
}



.page-template-GM-Project-php .royalHtmlContent 
{
	position: absolute;
	bottom: 0;
	left: 0;
	color:#666;
	background: #fff; 
	padding: 5px;
	padding-left:0;
	width:100%;
}



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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
        -webkit-font-smoothing: antialiased;


}



:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	background: #fff;
	line-height: 1;
	padding: 0 0em;
	
}


ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a,
a:link
{
text-decoration:none;
}

div.chapter-text a:link,
div.chapter-text a
{
text-decoration: underline;
}



/* =Structure
----------------------------------------------- */

header#branding
{
 /*position:absolute;*/
width:96%;
height:85px;
margin-top:10px;
padding-left:5px;
}


header#branding h1.meta, 
.nav
{
border-top: 1px solid #fff;
}


header#branding h1
{
text-transform: uppercase;
}

header#branding h1.mobile
{
	display:none;
}


/* working out responsive grid. width = 940px, so 262px/904 = 0.278
gutters of 18px = 0.0191% 
cols used for nav = 88 = 0.1173%
 working out responsive grid. width = 820px, so 262px/904 = 0.278


*/

.subnav,
.sub-nav,
header#branding h1.meta
{
width: 19.5%; 
}

.sub-nav
{
width: 24.5%
}


header#branding h1.meta span
{
	width:500px;
}



hgroup
{
	margin: 0em auto;
	max-width: 820px;
/*	border:1px solid green; */
}	

.page-template-GM-Project-php hgroup
{
	max-width: 940px;
	width:72.1%;
}


/*div#gallery-1 div.rsGCaption */
div#gallery-1 .rsCaption

{
	width:34%;
	width:48.4%;
	width:51.5%;
	width:310px;
}


body.two-column div.rsGCaption
{

width: 100%;
}

div#gallery-1 .rsGCaption .caption-left

{
	float:left;
	width: 50%
}

div#gallery-1 .rsGCaption .caption-right
{
float:left;
width: 49%

}




/* 
2 col = 220 / 640 = 34%
3 col = 310 / 640 = 51.5%
4 col = 420 / 640 = 65.6%
5 col = 540 / 640 = 84%
*/


div#gallery-1 div.extended-extract
{
	width:420px;

}

.extended-extract span
{
padding-top:10px;
clear:both;
float:left;
}


p.rsCaption
{
	padding-right:0;
}



#page {
	margin: 0em auto;
	max-width: 820px;
	width:100%;
/*	width:96%; */
}


#main
{
	float:left;
	padding:0 ;
	margin-bottom: 5.2%;
	width:96%;
	padding-left:5px;
/*	background-color: pink;*/
}


#main,
header#branding

{
		width:100%; /*fix */

}




/*body.page-template-GM-Sec-DWorld-php .royalSlider, 
body.page-template-GM-Sec-SAfrica-php .royalSlider,
*/
.royalSlider
{
  width: 100%;
}




div.chapter-text
{
/*   margin-top: 14px; */
   width:84%;
}



div.project
{
/*	float: left; */
	margin: 0 0 0 0;
	margin: 0em auto;
/*	width: 72.1%;   /* 600 divided by 860 */
}

div#primary div.entry-content p

{
/*	padding-right: 17.18%*/


}


div.project p
{
/*	padding-right:120px; */
}




div.more-info
{
	float: right;
	margin: 0;
	width: 23.25%;   /* 200 divided by 860 */
	margin-top:5.2em;
}


/* --- =floats ---- */

header#branding h1
{
float:left;
}


header#branding .nav
{
float:right;
}

header#branding .nav
{
width: 78%;
min-width:300px;
}


header#branding .nav ol
{
list-style:none;
margin:0;
display:inline;
}

header#branding div.nav ol li
{	
/*		min-width: 90px; !important */
	display:inline;
	float:left;
	overflow:hidden;
	text-align:center;
	width: 14.06%;
	margin-right:3.12%;
	width: 12.1%;
	margin-right:2.5%;


}

header#branding div.nav ol li.last
{
margin-right:0;
}

/*body.page-template-GM-Sec-DWorld-php li.drowning-world a, */
body.page-template-GM-Sec-SAfrica-php li.south-africa a,
body.page-template-GM-Sec-Africa-php li.africa a,
body.page-template-GM-Sec-HIV-php li.hiv a,
body.page-template-GM-Sec-UK-php li.uk a,
body.page-template-GM-Sec-Info-php li.info a,
body.page-template-GM-Sec-Dzhangal-php li.dzhangal a,
body.page-template-GM-Sec-Story-Archive-php li.story-archive a,
body.page-template-GM-Sec-Freedom-or-death-php li.freedom-or-death a,
body.page-template-GM-Sec-Fire-php li.fire a,
body.page-template-GM-Sec-DWorld-php li.fire a, 
body.page-template-GM-Sec-Nobody-Knows-php li.nobody-knows a,
div.sub-nav li.selected a
{
color: #000;
}

/*
.page-template-GM-Sec-DWorld-php div#primary,
.page-template-GM-Sec-SAfrica-php div#primary,
*/
div#primary
{
width: 78%;
float:right;
color: #333;
}

/*tighter-test */
/*.page-template-GM-Sec-SAfrica-php div#primary, 
.page-template-GM-Sec-SAfrica-php header#branding .nav,
*/
header#branding .nav,
div#primary, 
div.copyright 
{
width: 78%;
}


.subnav, 
.sub-nav
{
/*border-top:1px solid green;*/
float:left;
margin-right:2.72%;
height:auto;

}



.sub-nav li a, 
div.rsSlideCount, 
.rsGCaption
{
color: #777;
}




.sub-nav
{
/*border-top:1px solid #ff3300;*/
margin-left:-27.9%; 
/*
margin-left:-280px; 
27.8%*/

}

 .sub-nav
{
margin-left:-28.1%; 
}

div.copyright 
{
margin-left:23%; 
}


/* labels and nav links */

body.page-template-portfolio-page-php h2.label a,
header#branding nav ul li a
{
	padding:2px 5px 1px 5px;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}

body.page-template-portfolio-page-php h2.label a:hover,
header#branding nav ul li a:hover
{
	background-color:#c00;
	color:#FFF;
}

body.page-template-portfolio-page-php h2.label a:hover,
header#branding nav ul li a:hover,
header#branding h1 a:hover
{
	text-decoration:none;
}





/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

.extended
{
background: #ededed
}

#show
{
/*display:none;*/
}


/* =Typography
----------------------------------------------- */

p.star
{text-align: center;}

span.post-meta-key
{
width:100%;
margin-bottom:5px;
}


img.rsImg
{
	padding-top:3px;
}


.video p
{
 color: #666666;
 margin-bottom: 20px;
}



header#branding ul li,
div.entry-content p,
header#branding

{
font-size: 20px;
line-height: 24px;
font-weight:normal;
}

/*
body.page-template-GM-Sec-DWorld-php header#branding div.nav ol li,
body.page-template-GM-Sec-SAfrica-php header#branding div.nav ol li,
*/
header#branding div.nav ol li
{
font-weight:normal;
}

.sub-nav li, 
div.rsSlideCount, 
div.copyright ul li,
/*
body.page-template-GM-Sec-DWorld-php div.entry-content .rsGCaption p,
body.page-template-GM-Sec-SAfrica-php div.entry-content .rsGCaption p,
*/
div.entry-content div.rsGCaption p
{
font-size:16px;
line-height:16px;
line-height:20px;
}

div.copyright ul li
{
	display:inline;
	padding-right:10px;
}



div.copyright img.email
{
margin-bottom:-12px;
padding-left:10px;
}


h1.entry-title
{
color: #000;
font-size: 20px;
line-height: 23px;
min-height:36px;
text-transform: uppercase;
}


 h1.entry-title
{display:none;}



p.standfirst
{
display:none;
font-size: 20px;
line-height: 23px;
}


div.entry-content p, 
div.chapter-text h2
{
font-size:20px;
line-height:23px;
}


	
.widget-title, 
ul.post-meta li,
#secondary aside ul li, 
div#respond h3, 
#respond .comment-notes,
#respond .logged-in-as, 
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label
{
	line-height: 1.286em; /* line-height = 18px */
}

#respond input#submit,
header#branding h1,
body.page-template-portfolio-page-php h2.label a,
header#branding nav ul li,
#comments-title, 
.widget-title, 
#comments-title span
{
	font-weight:normal;
}


body.page-template-portfolio-page-php h2.label a,
header#branding nav ul li,
#secondary ul.post-meta li, 
#reply-title,
#respond .comment-notes,
#respond .logged-in-as, 
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label,
#comments-title, 
.widget-title, 
#comments-title span
{
	font-size:14px; 
	line-height:1.286;

}

div.entry-content div.rsGCaption p.copyright, 
div.entry-content div.rsGCaption span.copyright
{
	margin-top: 20px;
	font-size:14px; 
		line-height:1.286;
}


div.entry-content p.wp-caption-text, 
#respond input#submit, 
div.comment-author, 
div.comment-content
{
		font-size: 16px;
	line-height: 1.385em;
	font-family: "lucida Grande" , serif; /* if Lucida Grande make 13px */
	letter-spacing:-0.01em;
}

#comments-title, 
.widget-title, 
#comments-title span
{
	color: #333;
}

#comments-title
{
margin-bottom: 0.86em;
margin-bottom: 1.30em;
}

div.comment-author
{
	color:#666;
	margin-bottom:13px;
}

ul.children div.comment-content
{
	padding: 0 0.55em 0 0.52em;
}

div.comment-content
{
	padding: 0
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font-size: 20px;
	line-height: 23px;
	font-family: "brandon-grotesque",sans-serif;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}


/* Text elements */
p {
	margin-bottom: 0.75em;
}

p.logged-in-as
{
	margin-bottom:0;
}

dl {
	margin: 0 1.625em;
}
dt {
	font-weight: normal;
}
dd {
	margin-bottom: 1.625em;
}

strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 1.6em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
textarea {
    border-radius: 3px 3px 3px 3px;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit,
#secondary span.post-meta-key
{
	display: none;
}

/* Links */
a {
	color: #777;
	text-decoration: none;
}
a:focus,
a:active,
a:hover,
div.sub-nav li a:hover
{
		color: #333;
}

div.chapter-text a:link,
div.chapter-text a
{
text-decoration: underline;
}




/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #c00;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	position: relative;
	z-index: 9999;
}





/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
position:absolute;
 top:0;
/*moved this off to the left for now, need better fix */
  left:-2000px;
  width:100%;
height:48px;

}



#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}


.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: .32em;
	padding-top: 15px;
}


.entry-title
{
		padding-top: 0px;
}

.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #c00;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: normal;
}
.single-author .entry-meta .by-author {
	display: none;
}
/*
.entry-content,
.entry-summary {
		padding: 1.625em 0 0;
		padding: 1.85em 0 0;

}
*/

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: normal;
	margin: 0 0 .8125em;
	font-size: 15px;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: normal;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.5em;
}
.wp-caption {
	margin-bottom: 1.625em;
	max-width: 100%;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	margin-top:-2px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
}
.wp-caption .wp-caption-text {
	padding: 4px 0 0 0px;
	position: relative;
	margin-bottom:2.1em;

}

#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden; 
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: normal;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #c00;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}



/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}



/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: normal;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 14px;
}
.widget {
	clear: both;
	margin: 0 0 2.15em;
}

.widget a {
	font-weight: normal;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 78%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 14px;
	line-height: 18px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #c00;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}



/* =Comments
----------------------------------------------- */



.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 100%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	margin: 0 0 1.625em;
	margin: 0 0 1.2em;

	padding: 0.76em 0.64em 0.64em 0.64em; /* 10px */
	position: relative;

	
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
}
.commentlist .children li.comment {
/*	margin: 1.625em 0 0; */
	margin-bottom: 0.76em; 
	position: relative;
	background: #fff;
}

/*
ul.children
{
	padding:0.76em 0.76em 0.76em 0.76em;
}
*/

.commentlist ul.children>:first-child
{
	margin-top: 0.76em;
}

.commentlist ul.children>:last-child
{
	margin-bottom: 0;

}


.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	min-height:4.8em;
}
.commentlist .children li.comment .comment-meta
{
	line-height: 1.500em;
	padding: 0.5em 0.55em 0 0.52em;
}

.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}

.commentlist .avatar {
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	padding: 0;
	
	top: 0;
	float:left;
	margin-right:10px;
}

.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;

	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	display: inline-block;
	font-size: 12px;
	  padding: 2px 5px 1px;
}

a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

div.reply
{

text-align:right;
height:1.6em;
}

/* Post author highlighting */
/*
=color  =colour */

header#branding h1 a, 
header#branding h1 a:link
{
color:#777;
}

body.page-template-portfolio-page-php h2.label a,
header#branding nav ul li a,
header#branding nav ul li a:hover,
header#branding h1 a:hover

{
	color:#000;
}

body.page-template-portfolio-page-php h2.label a:hover
{
	background-color:#c00;
	color:#FFF;
}




header#branding h1 span.subtitle,
div.rsSlideCount, 
/*body.page-template-GM-Sec-DWorld-php div.entry-content .rsGCaption p,
body.page-template-GM-Sec-SAfrica-php div.entry-content .rsGCaption p,
*/
div.entry-content .rsGCaption p
{
color:#777;
}

header#branding nav ul li a
{
color:#666;
background: none;
}



/*body.page-template-portfolio-page-php #secondary */
.commentlist > li.comment
{
background: #ededed; 

}

/*.commentlist .children li.comment, 
.commentlist > li.bypostauthor,*/


.commentlist > li.bypostauthor,
.commentlist > li.comment 
{
/*	background: #ededed; */
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor,
#respond
{
/*	background: #ddd; */
}




/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	
	margin-top:1.95em;
	position: relative;
}

#respond input[type="text"],
#respond textarea {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 2px rgba(204,204,204,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(204,204,204,0.25);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	color: #999;
	display: inline-block;
	left: 4px;
	min-width: 60px;
	padding: 2px 5px 2px;
	position: relative;
	top: 36px;
	z-index: 1;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: normal;
	left: 75%;
	position: absolute;
	top: 34px;
	z-index: 1;
}

#respond .form-submit {
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
	color: #fff;
	cursor: pointer;
	margin: 24px 0 0 0;
	padding: 2px 5px 2px;
	position: relative;
	
}
#respond input#submit:active {
	background: #c00;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: none;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-weight: normal;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
	margin-top:100px;
	padding: 1.625em 0 1.625em 0;
/*	border-top:1px solid; */

}

footer ol li
{
float:left;
	margin-right:10px;
}

footer ol li img {
margin-top: 0px;
}



/* ------------------ =Home page --------------------------------------------- */		
	
body.home h1.entry-title	
	{
	display:none;
	}
	
body.home .entry-content li.last {
margin-right: 0;
}	

.row 
{
/*float:left;
clear:both;*/
}



body.home .entry-content li a
{
font-weight:normal;
}


body.home .entry-content .double {
float:left;
clear:both;
}



body.home .entry-content .double li {
width: 420px;
width: 48.5%;
}


body.home .full li {
width:100%;
margin-right: 0;
}


ol.meta
{
	padding-left:120px;
}

div.video p
{
margin-bottom:0;
}

div.video p.caption
{
margin-bottom:20px;
}

/* ------------------ styling for the popup START---------------------------------------------- */		
		
	
#overlayEffect
{
	display:none;
	position:fixed;
	opacity:0.7;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index:1;
}
#popupContainer
{
	position:fixed;
	left:50%;
	top:50%;
	width:100%;
	background:url('images/body_bg.jpg') repeat-x left bottom #e5e5e5;
	background:#fff;
	border:5px solid #cecece;
	z-index:2;
	padding:10px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	height:460px;
}

/*
#popupContainer h1
{
	text-align:left;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color:#090;
	font:22px;
	border-bottom:2px dotted #D3D3D3;
	padding: 5px 2px;
	margin-bottom:10px;
}
#popupContainer p
{
	font-size:16px;
	line-height:1.4;
} */
#close
{
	background:url('images/x.png') no-repeat center center;
	cursor:pointer;
	width:25px;
	height:26px;
	position:fixed;
	z-index:3200;
	position:absolute;
	top:-25px;
	right:-22px;
}
#button
{
	text-align:center;
	padding:10px;
}

.hidden { display:none; }	

div.more-info ol li
{
	margin-bottom:5px;
}


/* =cv table style */


body.page-template-GM-Sec-Info-php td { text-align: left; 

padding-left:20px;

}

body.page-template-GM-Sec-Info-php td:first-child { 
text-align: left;
padding-right: 0px;
padding-left:0px;
min-width:50px;

}

	


/* =Responsive Structure pt 2  ----------------------------------------------- */



@media (max-width: 1024px) {
div.sub-nav
{

}

}


@media (max-width: 768px) {

/*
body.page-template-GM-Sec-DWorld-php header#branding, 
body.page-template-GM-Sec-DWorld-php div.entry-content p, 
body.page-template-GM-Sec-SAfrica-php header#branding, 
body.page-template-GM-Sec-SAfrica-php div.entry-content p, 
*/
header#branding ul li,
header#branding, 
div.entry-content p
{
font-size: 18px;
line-height: 22px;
font-weight:normal;
}


}



@media (max-width: 800px) {
div.sub-nav
{
}

}


/* 600 x 800  
@media (max-width: 650px) { */
@media (max-width: 750px) {

/*
.page-template-GM-Sec-DWorld-php div#primary div.entry-content p,
.page-template-GM-Sec-SAfrica-php div#primary div.entry-content p,
*/
div#primary div.entry-content p
{
	padding-right: 0%
}


div.chapter-text h2 
{
	display:none;
}

div.copyright 
{
margin-left:4.6%;
margin-top:2.6%;
float:left;
width:92%;
}


span.mobile-nav
{
	float:right;
/*	border:1px solid green;*/
	display:block;
	margin-right:6%;
}


header#branding h1.mobile
{
	display:block;
	width:80%;
	margin-left:4%;
}

header#branding h1.meta
{
	display:none;
}


body.page-template-GM-Sec-DWorld-php div.nav li.drowning-world a,
body.page-template-GM-Sec-SAfrica-php div.nav li.south-africa a,
body.page-template-GM-Sec-Africa-php div.nav li.africa a,
body.page-template-GM-Sec-HIV-php div.nav li.hiv a,
body.page-template-GM-Sec-UK-php div.nav li.uk a,
body.page-template-GM-Sec-Info-php div.nav li.info a,
body.page-template-GM-Sec-Story-Archive-php div.nav li.story-archive a, 
body.page-template-GM-Sec-Freedom-or-death-php li.freedom-or-death a,
body.page-template-GM-Sec-Nobody-Knows-php li.nobody-knows a,
body.page-template-GM-Sec-Fire-php li.fire a
{
	display:none;
}

body.page-template-GM-Sec-DWorld-php header#branding div.nav ol li.drowning-world,
body.page-template-GM-Sec-SAfrica-php header#branding div.nav ol li.south-africa,
body.page-template-GM-Sec-Africa-php header#branding div.nav ol li.africa,
body.page-template-GM-Sec-HIV-php header#branding div.nav li.hiv,
body.page-template-GM-Sec-UK-php header#branding div.nav li.uk,
body.page-template-GM-Sec-Info-php header#branding div.nav li.info, 
body.page-template-GM-Sec-Story-Archive-php header#branding div.nav li.story-archive, 
body.page-template-GM-Sec-Freedom-or-death-php li.freedom-or-death a,
body.page-template-GM-Sec-Nobody-Knows-php li.nobody-knows a,
body.page-template-GM-Sec-Fire-php li.fire a
{
width:100%;
float:left;
text-align:left;
height:0px;
}

/*
body.page-template-GM-Sec-DWorld-php div.nav li a,
body.page-template-GM-Sec-SAfrica-php div.nav li a,
body.page-template-home-page-php div.nav li a,
*/
div.nav li a
{
display:none;
}

/*
body.page-template-GM-Sec-DWorld-php header#branding div.nav,
body.page-template-GM-Sec-SAfrica-php header#branding div.nav,
*/
header#branding div.nav
{
width:100%;

}


header#branding div.nav, 
div.sub-nav,
div#gallery-1
{
float:left;
}

div.subnav, 
header#branding .nav
{
border:0px solid green;
width:100%;

}

div.sub-nav
{
margin-left:0;
width:100%;
border-top:0;
}

/*
.page-template-GM-Sec-DWorld-php div#primary,
.page-template-GM-Sec-SAfrica-php div#primary,
*/
div#primary
{
width:100%; 
border-top:0;
}

div.sub-nav li.selected
{
display:block;
height:30px;
height:auto;
padding-bottom:10px;
}

header#branding
{
height:20px;
height:auto;
}

div#primary
{
margin-top:-10px;
}

div.sub-nav li
{
display:none;
}

/*
.rsDefaultInv .rsArrow 
{
display:none;
width:0px;
overflow:hidden;
}
*/

div.footer-nav
{
background-color: #777;
padding-left:4.6%;
padding-right:4.6%;
display:block;
margin-top:100px;
padding-top: 2%;
float:left;
/*height:1300px;*/
width:92%;

}

div.footer-nav ul.chapter, 
div.footer-nav ul.sub-chapter
{
	border-top:1px solid #bbb;
	padding-top:1.5%
}

div.footer-nav ul.sub-chapter
{
	border-top:0px dotted #bbb;
}

div.footer-nav li a
{
color:#bbb;
}

div.footer-nav li a:hover
{
color:#fff;
}

div.footer-nav li,
div.copyright ul li
{
font-size:16px;
height:34px;
}

div.copyright ul li
{
	display:block;
}

div.copyright img.email
{
margin-bottom:-12px;
padding-left:0px;
margin-top:-7px;
}


div.footer-nav ul li
{
display:none;
}


div.footer-nav ul li.heading,
body.page-template-GM-Sec-SAfrica-php div.footer-nav ul.south-africa li, 
body.page-template-GM-Sec-DWorld-php div.footer-nav ul.drowning-world li, 

body.page-template-GM-Sec-Africa-php div.footer-nav ul.africa li,
body.page-template-GM-Sec-HIV-php div.footer-nav ul.hiv li,
body.page-template-GM-Sec-UK-php div.footer-nav ul.uk li,
body.page-template-GM-Sec-Dzhangal-php div.footer-nav ul.dzhangal li,
body.page-template-GM-Sec-Info-php div.footer-nav ul.info li, 
body.page-template-GM-Sec-Story-Archive-php div.footer-nav ul.story-archive li, 
body.page-template-GM-Sec-Freedom-or-death-php div.footer-nav ul.freedom-or-death li,
body.page-template-GM-Sec-Fire-php div.footer-nav ul.fire li, 

body.page-template-GM-Sec-Fire-php div.footer-nav ul.fire li a,
body.page-template-GM-Sec-Freedom-or-death-php div.footer-nav ul.freedom-or-death li a

/*
body.page-template-GM-Sec-DWorld-php div.footer-nav ul.fire-flood li, 
body.page-template-GM-Sec-DWorld-php div.footer-nav ul.fire-flood li a, 
body.page-template-GM-Sec-Fire-php div.footer-nav ul.fire-flood li,
body.page-template-GM-Sec-Fire-php div.footer-nav ul.fire-flood li a,
body.page-template-GM-Sec-Nobody-Knows-php div.footer-nav ul.nobody-knows li.nobody-knows a,
*/


body.page-template-GM-Sec-Fire-php div.footer-nav ul.fire-flood li, 
body.page-template-GM-Sec-DWorld-php div.footer-nav ul.fire-flood li, 
body.page-template-GM-Sec-Nobody-Knows-php div.footer-nav li.nobody-knows a, 
body.page-template-GM-Sec-Nobody-Knows-php div.footer-nav ul.nobody-knows li
{
display:block;
/*color: #f00;*/
}





body.page-template-GM-Sec-Story-Archive-php div.footer-nav ul.sub-chapter, 
body.page-template-GM-Sec-DWorld-php div.footer-nav ul.sub-chapter, 
body.page-template-GM-Sec-Fire-php div.footer-nav ul.sub-chapter
{
	border-top:1px dotted #bbb;
}



body.page-template-GM-Sec-DWorld-php div.footer-nav li.drowning-world a, 
body.page-template-GM-Sec-SAfrica-php div.footer-nav li.south-africa a,
body.page-template-GM-Sec-Africa-php div.footer-nav li.africa a,
body.page-template-GM-Sec-HIV-php div.footer-nav li.hiv a,
body.page-template-GM-Sec-UK-php div.footer-nav li.uk a,
body.page-template-GM-Sec-Dzhangal-php div.footer-nav li.dzhangal a,
body.page-template-GM-Sec-Info-php div.footer-nav li.info a,
div.sub-nav div.footer-nav li.selected a,
body.page-template-GM-Sec-SAfrica-php div.footer-nav ul.south-africa li.heading a,
body.page-template-GM-Sec-Story-Archive-php div.footer-nav ul.story-archive li.heading a, 
body.page-template-GM-Sec-Freedom-or-death-php div.footer-nav ul.freedom-or-death li.heading a,
body.page-template-GM-Sec-Fire-php div.footer-nav ul.fire li.heading a, 
body.page-template-GM-Sec-Fire-php div.footer-nav li.fire,
body.page-template-GM-Sec-Fire-php div.footer-nav li.freedom-or-death, 
body.page-template-GM-Sec-Story-Archive-php div.footer-nav ul.fire-flood li.heading a
/*body.page-template-GM-Sec-Nobody-Knows-php div.footer-nav ul.nobody-knows li.heading a */

{
color: #fff;
}





div.entry-content
{
margin-left:4%;
margin-right:4%;
width:92%;
}




}

/* iPad landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


}

/* iPad portrait  
@media (max-width: 768px) {
*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


#page
{
/*	max-width:768px;
		max-width:732px;
*/
width:94%;
}







/*
.page-template-GM-Sec-DWorld-php div#primary
{
border-top:1px solid blue;
width: 70.212%;
float:right;
color: #333;
}
*/



}

/*Just iPhone
@media only screen and (max-device-width: 480px) {
@media only screen and (max-width : 320px) {*/

@media  (max-width : 420px) {

header#branding h1.mobile
{
	display:block;
}

header#branding h1.meta
{
display:none;
}

div#gallery-1 .rsCaption, 
div#gallery-1 .extended-extract 
{
width:160%;
width:360px;
}

div#gallery-1 div.extended-extract
{
	width:320px;
}

div.copyright img.email
{
padding-left:0px;
}



/*
.rsDefaultInv .rsArrow 
{
display:none;
width:0px;
overflow:hidden;
}
*/


}

/*iPad styles*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
/*Print */

@media print {
}