/* 

Mark Boulton Design
Web site: http://markboultondesign.com
Twitter: http://twitter.com/markboultondsg

*/

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 320px) {

html{
background-color:#7f58a5;
height: 100%;
}

body{
font-family: "Hoefler Text", Times, Georgia, serif;
font-size: 13px;
background-image: -moz-linear-gradient(top, #72489b, #7f58a5);
background-image: -ms-linear-gradient(top, #72489b, #7f58a5); /* IE10 */
background-image: -o-linear-gradient(top, #72489b, #7f58a5); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#72489b), to(#7f58a5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #72489b, #7f58a5); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #72489b, #7f58a5);
height: auto;
border-top: 5px solid #241433;

}

h1 a{
background: url("../images/logo-iphone.png") no-repeat scroll left top transparent;
display: block;
height: 92px;
text-indent: -9999em;
margin-left: -14px;
}	

.wrapper{
margin: 55px 5%;
width: 90%;
}

header{
margin-bottom: 20px;
width: 100%;
}

/* aside/nav ----------- */

aside{
width: 20%;
}

nav {
margin: 0;
}

nav ul li{
text-align: right;
margin:0 20px 0 0 ;
display: inline;
line-height: 26px;
}

nav ul li a{
text-decoration: none;
//background-color: #7F58A5;
color: #241433;
font-size: 18px;

-webkit-transition:color 0.2s ease-in;  
-moz-transition:color 0.2s ease-in;  
-o-transition:color 0.2s ease-in;  
transition:color 0.2s ease-in;  
}

ul#address{
list-style: none;
}

a{
text-decoration: none;
color: #D7659F;
}


.body{
width: 100%;

}

img{
border: 10px solid #886aa5;
margin-bottom: 20px;
}

}
/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

html{
background-color:#7f58a5;
height: 100%;
}

body{
font-family: "Hoefler Text", Times, Georgia, serif;
font-size: 14px;
background-image: -moz-linear-gradient(top, #72489b, #7f58a5);
background-image: -ms-linear-gradient(top, #72489b, #7f58a5); /* IE10 */
background-image: -o-linear-gradient(top, #72489b, #7f58a5); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#72489b), to(#7f58a5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #72489b, #7f58a5); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #72489b, #7f58a5);
height: auto;
border-top: 5px solid #241433;
width: 100%;
}

.wrapper{
margin: 55px 5%;
width: 90%;
}

h1 a{
background: url("../images/logo.png") no-repeat scroll left top transparent;
display: block;
height: 92px;
text-indent: -9999em;
margin-left: -14px;
}	

header{
margin-bottom: 20px;
width: 100%;
}

/* aside/nav ----------- */

aside{
width: 20%;
}

nav {
margin: 40px 0;
}

nav ul li{
text-align: right;
margin:0 20px 0 0 ;
display: inline;
}

nav ul li a{
text-decoration: none;
//background-color: #7F58A5;
color: #241433;
font-size: 24px;

-webkit-transition:color 0.2s ease-in;  
-moz-transition:color 0.2s ease-in;  
-o-transition:color 0.2s ease-in;  
transition:color 0.2s ease-in;  
}

.body{
width: 100%;

}

}/*/mediaquery*/

/*992px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1020px) {

html{
background-color:#7f58a5;
height: 100%;
}

body{
font-family: "Hoefler Text", Times, Georgia, serif;
font-size: 14px;
background-image: -moz-linear-gradient(top, #72489b, #7f58a5);
background-image: -ms-linear-gradient(top, #72489b, #7f58a5); /* IE10 */
background-image: -o-linear-gradient(top, #72489b, #7f58a5); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#72489b), to(#7f58a5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #72489b, #7f58a5); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #72489b, #7f58a5);
height: 100%;
border-top: 5px solid #241433;
}

h1 a{
background: url("../images/logo.png") no-repeat scroll left top transparent;
display: block;
height: 92px;
text-indent: -9999em;
margin-left: -14px;
}	

/* wrapper ----------- */

.wrapper{
margin: 55px auto;
width: 960px;
}

header{
height: 100px;
margin-bottom: 20px;
width: 35%;
float: left;
}

/* aside/nav ----------- */

aside{
width: 20%;
float: left;
}

nav ul li{
text-align: right;
margin:0 5px 10px 0 ;
display: block;
}

nav ul li a{
text-decoration: none;
//background-color: #7F58A5;
color: #241433;
font-size: 42px;

-webkit-transition:color 0.2s ease-in;  
-moz-transition:color 0.2s ease-in;  
-o-transition:color 0.2s ease-in;  
transition:color 0.2s ease-in;  
}

.body{
width: 63%;
float: right;
margin-top: 16px;
}

nav{
margin: 40px 20px;
}

}/*/mediaquery*/

/* General ----------- */

/* headings ----------- */



h2{
font-size: 32px;
font-weight: normal;
margin-bottom:30px ;
}

h3{
font-size: 22px;
font-weight: normal;
margin-bottom:10px ;
color: #d7659f;
}

/* nav----------- */

.active{
color: #d7659f;
}

article{
margin-bottom: 20px;
}

/* body ----------- */

p{
color: #241433;
line-height: 22px;
margin-bottom: 10px;
}

p.standfirst{
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
}

ul li{
margin-bottom: 8px;
}

p.note{
line-height: 13px;
font-size: 12px;
}

span.asterix{
color: #d7659f;
}

blockquote{
font-family: georgia;
font-size: 13px;
font-style: italic;
line-height: 25px;
margin: 20px 40px;
}

/* footer ----------- */

footer{
color: #4c3563;
padding: 10px 0 30px 0;
border-top: 1px dotted #5d4079;
font-size: 10px;
display: block;
clear: right;
}