/* responsive stylesheet for robinboardman.me.uk */

/*mobile and tablet*/
@media screen and (max-width: 1200px) {

body	{
	font-family:'Arial', sans-serif;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}

p	{
	clear:none;
	padding:0px;
	}

.bold	{
	font-weight:bold;
	}

a	{
	color:blue;
	}

#sitedesc {
	background-color:lightcyan;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	font-style:italic;
	text-align:justify;
	padding:0.5em;
	}
	
#navbar {
	padding-top:2.0em;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
	}

.currentpage {
	background-color:tomato;
	}

img.floatleft	{
	float:left;
	margin-right:0.5em;
	}

img.floatright	{
	float:right;
	margin-left:0.5em;
	}
	
#gallerytext {
	margin-left:auto;
	margin-right:auto;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
	font-weight:bold;
	}

#gallerynavarrow {
	vertical-align:middle;
	padding-left:0.5em;
	padding-right:0.5em;
	}

#galleryimg {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}

div.links  {
	border-style:solid;
	border-width:2px;
	text-align:justify;
	padding:0.5em;
	margin-top:1em;
	margin-bottom:1em;
	}

#formerror {
	color:red;
	font-weight:normal;
	}

#guestbookcomment {
	background-color:lightgray;
	}

}

/*desktop*/
@media screen and (min-width:1200px) { 

body	{
	font-family:'Arial', sans-serif;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	}

p	{
	clear:none;
	padding:0px;
	}

.bold	{
	font-weight:bold;
	}

a	{
	color:blue;
	}

#sitedesc {
	background-color:lightcyan;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	font-style:italic;
	text-align:justify;
	padding:0.5em;
	}
	
#navbar {
	padding-top:2.0em;
	text-align:center;
	font-weight:bold;
	}

.currentpage {
	background-color:tomato;
	}

img.floatleft	{
	float:left;
	margin-right:0.5em;
	}

img.floatright	{
	float:right;
	margin-left:0.5em;
	}

#gallerytext {
	margin-left:auto;
	margin-right:auto;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	}

#gallerynavarrow {
	vertical-align:middle;
	padding-left:0.5em;
	padding-right:0.5em;
	}

#galleryimg {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}

div.links  {
	border-style:solid;
	border-width:2px;
	text-align:justify;
	padding:0.5em;
	margin-top:1em;
	margin-bottom:1em;
	}


#formerror {
	color:red;
	font-weight:normal;
	}

#guestbookcomment {
	background-color:lightgray;
	}

}