/*  body { background: #F9F8ED url(../images/backcolour.gif) repeat-x; color: #593A2F; } */
body {background: #F9F8ED; color: #593A2F;border-top: 3px solid #5C0501;font-size:15px;}
#header {background: #581312 url(../images/backcolour.gif) repeat-x bottom;margin-bottom:.5em;border-bottom: none;}
#header p {margin-bottom: 0px;}
#header p a {font-size:.1em;}
a { color: #63608C; text-decoration: none; line-height: inherit; }
a:hover { color: #CB1F37; text-decoration:underline;}
a:focus { color: #CB1F37; text-decoration:underline;outline: none; }
p a, p a:visited { line-height: inherit; }
ul, ol, dl { list-style-position: inside; }
/*  Typography f084c0 */

h1, h2, h3, h4, h5, h6, .message-text { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 16px; margin-top: 16px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 {color:#870B14;font-weight: normal;font-size: 37px;font-style: italic; }
h2, .message-text {color: #F9A048;font-weight: normal;font-size: 27px;font-style: italic; }
h3 {color: #9B5A75;font-weight: normal;font-size: 23px;}
h4 {color: #936F7C;font-weight: normal;font-size: 18px;}
h5 {color: #777;font-weight: normal;font-size: 16px;}
h6 {color: #777;font-weight: normal;}

.name h1 {font-family: Georgia, "Times New Roman",Times, serif;color:#F9F8ED; }
.name h1 span {font-family: Georgia, "Times New Roman",Times, serif; }
aside h2 {color:#816052;font-size: 27px;}
aside h3 {color:#9B5A75;font-size: 23px;}
aside p {font-size: 14px; font-style: normal;line-height: 1.6;}
aside img {margin-bottom: .5em;}
aside blockquote, aside blockquote p{color:#593A2F;font-style:italic;font-size: 15px;}
.smallnote {font-size: 80%; line-height: inherit;}
.projectweb {font-size:92%;}
.highlighttext {background: #f9f897;}
.slogan{font-weight: bold;font-variant: normal;letter-spacing: 1px;color: #991b1e;}
p.initials {margin-right:22px;height:60px;background: url(../images/arina-signature.png) no-repeat right bottom;}
.strikethru {text-decoration: line-through;}
.button.success { background-color: #b52925; border: 1px solid #761e1e; }
.button.success:hover, .button.success:focus { background-color: #cd3531; text-decoration:none;}
.button.start { background-color: #9f3e82; border: 1px solid #973976; }
.button.start:hover, .button.alert:focus { background-color: #b34a94;text-decoration:none;}
.button.store { background-color: #BF4582; border: 1px solid #973976; }
.button.store:hover, .button.alert:focus { background-color: #934267;text-decoration:none;}
.button.alert { background-color: #f39d2f; border: 1px solid #e7912e; }
.button.alert:hover, .button.alert:focus { background-color: #fcba46; text-decoration:none;}
.bordered {border: 1px #bbb solid;padding: 2px;margin-bottom: .5em;}
.panel.nobg {background: transparent; border: none;}
.panel.palebg {background: #FBFBF4; border: solid 1px #F3ECDD; }
.panel.boldbg {background: #fff; border: solid 1px #F3ECDD; }
.bottom {margin-bottom:0;padding-bottom:0;}
.button span{color:#f9e3f2;text-transform:uppercase;font-size: 14px;letter-spacing:1px;}
.button.large {margin-bottom:.5em;}
footer ul.link-list li a, footer p{ font-size: 14px;}
ul.link-list.right li.active a {color: #CB1F37;}
ul.link-list.right li a:hover, ul.link-list.right li a:focus{color: #CB1F37;text-decoration:none;}

.top-bar {margin-bottom:10px;background:transparent;}
.top-bar ul > li a:not(.button) { color: #F9F8ED; display: block; font-size: 15px; font-weight: bold; height: 45px; line-height: 45px; padding: 0 15px;}
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: #7c0c03;}
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #ffb942; }
.top-bar ul > li.name:hover a, .top-bar ul > li.name.active a, .top-bar ul > li.name:focus a { background: #7c0c03; }
.top-bar ul > li.toggle-topbar:hover, .top-bar ul > li.toggle-topbar.active, .top-bar ul > li.toggle-topbar:focus { background: #7c0c03; }
.top-bar ul > li.toggle-topbar:hover a, .top-bar ul > li.toggle-topbar.active a, .top-bar ul > li.toggle-topbar:focus a { background: #7c0c03; }

.lt-ie9 .top-bar ul li a { color: #F9F8ED;}
.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus { color: #ffb942; }
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus { background: #7c0c03; }
.lt-ie9 .top-bar section > ul > li.active, .lt-ie9 .top-bar section > ul > li.active a { background: #7c0c03; color: #ffb942; }

body.projects .five.columns img {border: 1px solid #DAD3D1;}

@media handheld, only screen and (max-width: 767px) {
	h1 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
	h2 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
	h3 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
	h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
	h5 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }
 	
 	body{border-top:none;}
	#header{background: #581312  url(../images/backcolour.gif) repeat-x bottom;}
	.top-bar {background:#581312;}
	.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: #7c0c03; }
	.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #ffb942; }
	.top-bar ul > li.name a, .top-bar ul > li.name h1 a, .top-bar ul > li.name.active a, top-bar ul > li.name.active h1 a {font-weight: normal;padding-left:5px;}
	.top-bar ul > li.toggle-topbar {height: 45px; position: absolute; right: 0; top: 0; width: 18%; }
 	}
 	
@media only screen and (max-width: 940px) { 
.top-bar ul > li.toggle-topbar { cursor: pointer; display: block; height: 45px; position: absolute; right: 0; top: 0; width: 18%; }
}