/* Print CSS for SOAS website */
body {font: 76%/1.4 Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#434342; text-align:center; padding:20px 0 0 0;}

/* Kill all browser defaults 
* {margin:0; padding:0;}#
*/
/* end */

/* page containers */
div#wrapper {margin:0; text-align:left; padding:0 0 14px 0;}
div#container {margin:0; padding:0;}
p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#contentarea {float:left; background:#fff; margin:0 0 0 0; display:inline;}
div#content {padding:10px 0;}
div#left {display:none;}
/* end general layout rules */

/* homepge layout */
div#homeintro {float:left; border-bottom:1px solid #036148;}
div#homeintro { padding:10px 24px 12px 0px; margin:0;} 
div#homeintro h2 {font-size:1.4em;}
div#homeintro ul {display:none;}

div#homeleft {display:none;}

div#homeright {float:left; background: #DEE6C8; width:372px;}
div#homeright h3 {font-size:1em; font-weight:bold;  margin:4px 0 6px 0;}
div#homeright .listitem {float:left; padding:0 12px 12px 0;}
div#homeright .listitem img {float:left; border:1px solid #036148; margin: 0 12px 0 0;}
div#homeright .listitem p {float:left; margin:0 0 2px 0; width:260px;}
div#homeright .listitem p a {color:#65A41A;}
div#homeright div.line {display:none;}
div#homeright div.line hr {}
/* homepge layout */

div#admissions-grid {float:left; font-size:1.3em; background:#fff;}

/* page header */
div#header {} 
div#headerbg {} 
div#header img {}
div#header h1 {display:inline; text-transform:uppercase;font-size: 1.3em; margin:0 0 10px 0;} 
div#header h1 a {float: left; height: 46px; margin: 0; display: block; color:#434342;} 
/* end page header */

/* site search */
div#quicksearch {display:none;}
/* end site search */

/* primary navigaton */
div#nav {display:none;}
/* end primary navigaton */

/* breadcrumb trail */
div#crumbs {float:left; font-size:0.92em; width:100%; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 0 10px 0;}
div#crumbs ul {float:left; list-style-type:none; padding:5px 0;}
div#crumbs ul li {float:left; padding:0 0 0 4px;}
div#crumbs ul li a {padding:0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
/* end breadcrumb trail */

/* footer */
div#footer {float:left; font-size:.94em; border-top:1px solid #000; padding:10px 0 10px 0; width:100%;}
div#footer .footerlinks {display:none;}
div#footer img {float:right; padding:0 10px 4px 14px;}
div#footer address {float:left; font-style:normal; font-weight:normal; margin: 4px 0 0 0;}
div#footer address p {display:block; margin:0; text-align:left;}
/* end footer */

/* general typography */
h2, h3, h4, h5 {font-weight:normal;}
h2 {font-size:1.4em; margin:0 0 .4em 0;}
h3 {font-size:1.4em; margin:0 0 .4em 0;}
h4 {font-size:1.4em; margin:1em 0 .6em 0; border-bottom: 1px solid #D6D6D6;}
h5 {font-size:1.2em; margin:1em 0 0 0;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 1em 0;}
blockquote {margin:.5em 2em 1.5em 2em;}
acronym {border-bottom: 1px dashed #E8E8E8; cursor: help;}
div#content hr {height:1px; color:#E8E8E8; border: 0; background-color: #E8E8E8; margin: .5em 0 1em 0; clear:both;}
/* end general typography */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:4px 0 4px 12px;}
img.leftborder, img.rightborder, img.border {padding:1px; border: 1px solid #000;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:186px; background-color:#E8E8E8; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; margin:4px 0 4px 12px; width:186px; background-color:#E8E8E8;}

.captionleftborder {float:left; margin:4px 12px 4px 0; width:186px; border: 1px solid #333; background-color:#E8E8E8; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:186px; border: 1px solid #333; background-color:#E8E8E8;}
/* end image captions */

/* pull quote */
div#content .pullquote {font-size:.92em; margin:0 0 1.5em 12px; background: url(../assets/quote_left.gif) no-repeat 10px 10px #F4F2EC; border:1px solid #D8CEB9; padding:0 0 0 0; float:right; clear:right; width:144px;}
div#content .pullquote blockquote {text-align:left; text-indent:15px;  padding:10px; margin:0; background:url(../assets/quote_right.gif) no-repeat 90% 100% ;}
div#content .pullquote p {font-weight:bold; padding:10px 0 5px 10px; margin:0;}
/* end pull quote */

/* right hand menu */
div#rhnav {display:none;}
/* end right hand menu */

/* lists */
div#content ul {margin:0 0 1em 3em;}
div#content ul li {padding:0; list-style-type:square;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-size:1.1em; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}

div#content dl.tabular {float:left; width:100%; margin: 0 0 10px 0;}
div#content dl.tabular dt {float:left; clear:left; width: 120px; margin:0; font-size:1em; font-weight:bold;}
div#content dl.tabular dd {float:left; padding:0 0 0 10px; margin:0; width: 409px; w\idth: 399px;}

div#content ul.links {margin:0 0 1em 0; line-height:1.6;}
div#content ul.links li {padding:0; list-style-type:none;}
div#content ul.links li a:link, div#content ul.links li a:visited {margin:0 0 0 6px; text-decoration:none; border:none; color:#365759; }
div#content ul.links li a:hover {text-decoration:underline; border:none;}
/* end lists */

/* links */
a:link, a:visited {color:#014F37; text-decoration:none;}
a:hover {color:#014F37; text-decoration:underline;}

div#content a:link, div#content a:visited {color:#000; text-decoration:none; border-bottom: 1px dashed #000;}
div#content a:hover {color:#000; text-decoration:none; border-bottom: 1px solid #000;}
/* end links */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: .5em 0 1em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #E8E8E8; border-top:1px solid #E8E8E8;}
th {padding: .2em .4em; background:#E8E8E8; text-align:left;}
td {padding: .4em; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
table caption {text-align:left; font-size:1em; padding:0 0 4px 0; font-weight:bold;}
/* end tables */

/* forms */
div#content form {margin: 20px 0 20px 0; float:left; width:100%; display:block;}
div#content fieldset {border:none;}
div#content legend {font-size:1.4em; margin:0 0 4px 0; color:#434342;}
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 180px; float:left;}
div#content input, div#content textarea, div#content select {width:200px; float:left; margin:0.075em 0; border: 1px solid #DED6C4; background:none;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 180px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#E8E8E8;border:1px solid #DED6C4; clear:left;}
/* end forms */


/* News page */
div#content .listitem {float:left; padding:6px 0 0 0; border-top: 1px solid #DED6C4; margin:0 0 6px 0; width:100%;}
div#content .featured {float:left; margin:6px 0 12px 0; border-bottom: 1px solid #DED6C4;}
div#content .listitem img {float: right; border:1px solid #036148; margin: 0 0 8px 12px;}
div#content .listitem h6 {font-size:.92em;}
div#content .listitem p {margin:0 0 2px 0;}

div#content .cv .intro {padding:12px; margin:6px 0; background-color:#F4F2EC; border-bottom: 1px solid #DED6C4; border-top: 1px solid #DED6C4; width:100%;}
div#content .cv img {float: right; border:1px solid #036148; margin: 0 0 8px 12px;}
div#content .cv h6 {font-size:.92em;}
div#content .cv p {margin:0 0 2px 0;}

div#search {display:none;}
/* end news page */

/* Events page */
div#content div#eventslist {float:left; margin:0 0 0 0;} 
div#content div#eventslist .listitem {float:left; padding:0 0 6px 0; border-bottom: 1px solid #DED6C4; border-top:none; margin:-24px 0 24px 0; width:100%;}
div#content div#eventslist h4 {float:left; margin:0 0 24px 0; width:100%;}
div#content div#eventslist h5 {float:left; font-size:1em; font-weight:bold; color:#434342; margin: 6px 0 0 0; width:59px;}
div#content div#eventslist ul {float:left; margin:6px 0 0 12px; padding:0; width:458px; }
div#content div#eventslist ul li {float:left; list-style:none; padding:0 0 0 0; width:458px;}
div#content div#eventslist ul li h6 {font-size:.92em;}
div#content div#eventslist div.cancelled {color:#D30202; background:url(../assets/cancelled.png) no-repeat 0 30px;}
div#content div#eventslist div.cancelled h5, div#content div.cancelled a, div#content div.cancelled a:visited {color:#D30202;}
div#content div#eventslist div.featured {background:url(../assets/featured.png) no-repeat 0 30px;}
div#content div#eventslist div.line {border-bottom:1px solid #DED6C4; margin:0px 0 0px 0; height:6px; clear:left;}
div#content div#eventslist div.line hr {display:none;}
/* end events page */


/* thumbnail image gallery */
div#content ul.thumbnails {width: 528px; margin: 0 0 12px 0; padding:0; list-style-type: none;}
div#content ul.thumbnails li {float:left; width: 128px; height: 128px; background-color: #f5f2ed; border: 1px solid #d5c8ae; margin: 0 1px 1px 0; list-style-type: none; text-align:center;}
div#content ul.thumbnails li a {height: 128px; background-color: #f5f2ed; display:block;}
div#content ul.thumbnails li a:hover {background-color: #fff;}
div#content ul.thumbnails li img {border: 1px solid #d5c8ae;}
div#content ul.thumbnails li img.portrait {margin-top: 6px;}
div#content ul.thumbnails li img.landscape {margin-top: 25px;}
/* end thumbnail image gallery */