﻿body {background:#fff url(../images/backgrounds/back_body.gif) repeat-x;text-align:center;margin:13px 0 13px 0;padding:0;font-family:Georgia, Verdana, Arial;font-size:70%;}

h1{font-style:italic;font-size:2em;line-height:1.3em;margin:0;padding:0 0 1em 1px;border-bottom:2px solid;display:block;min-height:2.15em;}
/* quick hacks for IE */
*html h1 {display:inline-block;height:2.15em;}
/**+html h1 {display:inline-block;height:2.15em;}*/
.profile h1{border:0;min-height:1.3em;}
/* quick hacks for IE */
*html .profile h1 {height:auto}
*+html .profile h1 {height:auto}
h2{font-weight:normal;font-style:italic;font-size:1.3em;line-height:1.24em;margin:12px 0 0 0;padding:0 0 1em 1px;}
h3{font-size:1em;margin:6px 0 0 0;padding:0;display:block;}
h4{font-style:italic;font-size:1.6em;padding:1.6em 0 0.5em 1px;margin:0;border-bottom:3px solid;display:block;}
h6{font-size:0.8em;margin:0 0 1em 0;padding:0;display:block;font-weight:normal;color:#999;}
#contentwide h1{border-bottom:4px solid;min-height:1.2em;padding:7px 0 1em 8px;}

p{margin:0 0 1em 0;padding:0;}
blockquote p{display:inline;margin:0;}

hr{height:1px;color:#000;border:0;overflow: hidden;background-color: #000;margin:2px 0 2px 0;padding:0;}
/* quick hacks for IE */
*html hr {margin:-3px 0 0 0;}
*+html hr {margin:-3px 0 0 0;}

img{border:0;}

a{color:#000;}
a:hover, a:active{background:#fff200;text-decoration:none;}

/** GLOBALS ****************************************************************************************************************************************************************************************/
a.readmore{display:block;border-top:1px solid;border-bottom:3px solid;text-transform:uppercase;padding:6px 0 5px 29px;background:#fff url(../images/backgrounds/sprite.gif) no-repeat -979px -577px;text-decoration:none;}
a.readmore:hover{background:#fff200 url(../images/backgrounds/sprite.gif) no-repeat -979px -577px;}
.frontpage a.readmore{padding:7px 0 6px 29px;}

a.arrow{text-decoration:none;background:#fff url(../images/backgrounds/sprite.gif) no-repeat -987px -583px;text-decoration:none;padding:0 0 0 21px;text-transform:uppercase;}
a.arrow:hover{text-decoration:none;background:#fff200 url(../images/backgrounds/sprite.gif) no-repeat -987px -583px;text-decoration:none;padding:0 0 0 21px;}

a.top{text-decoration:none;font-size:0.8em;text-transform:uppercase;}
a.top span{background:url(../images/backgrounds/sprite.gif) no-repeat -989px -850px;padding:0 11px 0 0;margin:0 0 0 5px;}

a.dp-choose-date, a.dp-choose-date:hover{background-color:transparent;}

.left{float:left;}
.left img{margin:0px 10px 10px 0px}
.right{float:right;}
.right img{margin:0px 0px 10px 10px}
img.right{margin:0px 0px 0px 10px}
img.left{margin:0px 10px 10px 0px}
.bordertop{border-top:1px solid;padding:5px 0 6px 0;}
.borderbottom{border-bottom:3px solid;padding:5px 0 6px 0;}
.clear{clear:both;}
.accessibility {display:none;}

/** FORMS ****************************************************************************************************************************************************************************************/

form{padding:0px;margin:0px;}
fieldset{padding:0px;margin:0px;border:0px;width:224px;}
#content fieldset{width:498px;font-size:0.9em;}
#contentwide fieldset{width:754px;font-size:0.9em;}
legend{display:none;}
input, textarea, button, select{font-size:1em;font-family:Georgia, Verdana, Arial;margin:3px 8px 8px 0;}
label{font-weight:bold;font-size:1em;}


button{text-align:center;cursor:pointer;font-size:1.1em;width:106px;text-transform:uppercase;border:1px solid #dedede;background:#fdf8a0 url(../images/backgrounds/back_button.gif) repeat-x bottom left;padding:0px 0 1px 0;}
input.txtdate{padding:2px 1px 3px 1px;border-bottom:1px solid #e4e4e4;border-top:1px solid #909090;border-left:1px solid #cecece;border-right:1px solid #cecece;float:left;width:147px;}
input.button{text-align:center;cursor:pointer;font-size:1.1em;width:106px;text-transform:uppercase;border:1px solid #dedede;background:#fdf8a0 url(../images/backgrounds/back_button.gif) repeat-x bottom left;padding:0px 0 1px 0;}

.personaldata{padding:8px 0 4px 0;width:598px;overflow:hidden;border-bottom:3px solid;}
.personaldata form{border-bottom:1px solid;padding:0 0 8px 0;}
.personaldata label{font-size:1.1em;line-height:1.4em;}
.personaldata input{padding:2px 1px 3px 3px;border-bottom:1px solid #e4e4e4;border-top:1px solid #909090;border-left:1px solid #cecece;border-right:1px solid #cecece;width:233px;margin:2px 8px 12px 0;}
.personaldata select{padding:1px 0;border-bottom:1px solid #e4e4e4;border-top:1px solid #909090;border-left:1px solid #cecece;border-right:1px solid #cecece;width:239px;margin:2px 8px 6px 0;}
.personaldata textarea{padding:2px 1px 3px 3px;border-bottom:1px solid #e4e4e4;border-top:1px solid #909090;border-left:1px solid #cecece;border-right:1px solid #cecece;width:233px;height:172px;margin:2px 8px 12px 0;}
.personaldata .rss{background:#fffa99;border-bottom:1px solid;border-top:1px solid;padding:12px 0 4px 8px;margin:0 0 12px 0;}
.personaldata .rss label{width:472px;background:#fdf8a0 url(../images/icons/rss.gif) no-repeat center right;float:left;}
.personaldata .rss input{width:466px;}
.personaldata .right{padding:0 4px 0 0;}
.personaldata .right button{text-align:center;cursor:pointer;font-size:1.1em;width:116px;text-transform:uppercase;border:1px solid #dedede;background:#fdf8a0 url(../images/backgrounds/back_button.gif) repeat-x bottom left;padding:0px 0 1px 0;margin:0 3px;}
.personaldata .right .button{text-align:center;cursor:pointer;font-size:1.1em;width:116px;text-transform:uppercase;border:1px solid #dedede;background:#fdf8a0 url(../images/backgrounds/back_button.gif) repeat-x bottom left;padding:0px 0 1px 0;margin:0 3px}

.paging{border-bottom:1px solid;padding:5px 0 6px 0;float:left;}
.paging .right{color:#ccc;}
.paging .right a{text-decoration:none;margin:0 11px;}
.paging .right a.next{text-decoration:none;margin:0 0 0 11px;}

/** COLOURS ****************************************************************************************************************************************************************************************/

#content.journalist, .journalist .content{border-color:#f63;}
.journalist .contentauthor, .journalist h1, .journalist h2, .journalist blockquote{color:#f63;}
.journalist a.readmore{border-color:#f63;background-position:7px -1393px;color:#f63;}

#content.author, .author .content{border-color:#3cf;}
.author .contentauthor, .author h1, .author h2, .author blockquote{color:#3cf;}
.author a.readmore{border-color:#3cf;background-position:-232px -1393px;color:#3cf;}

#content.music, .music .content{border-color:#f09}
.music .contentauthor, .music h1, .music h2, .music blockquote{color:#f09;}
.music a.readmore{background-position:-473px -1393px;color:#f09;}

#content.identity, .identity .content{border-color:#939;}
.identity .contentauthor, .identity h1, .identity h2, .identity blockquote{color:#939;border-color:#939;}
.identity a.readmore{border-color:#939;background-position:-715px -1393px;color:#939;}

.login{background:#fff200;}

/** TOP ****************************************************************************************************************************************************************************************/

#top{width:984px;margin:auto;text-align:left;height:117px;}
#top h1{float:left;padding:0;margin:3px 0 0 0;border:0;}
#top h1 a{display:block;width:490px;height:95px;background:url(../images/backgrounds/sprite.gif) no-repeat 0 -500px;text-decoration:none;}
#top h1 a span{display:none;}
#top ul{float:right;padding:0;margin:0;}
#top ul li{float:left;padding:0 9px 0 7px;margin:0;display:inline;list-style:none;border-right:1px solid #ccc;}
#top ul li.last{border:0;padding:0 0 0 7px;}
#top ul li a{text-transform:uppercase;text-decoration:none;line-height:1em;}

/** TOPMENU ****************************************************************************************************************************************************************************************/

#topmenu{width:984px;margin:auto;text-align:left;height:28px;}
#topmenu ul{padding:0;margin:0;}
#topmenu ul li{float:left;padding:0 0 0 2px;margin:0;display:inline;list-style:none;background:url(../images/backgrounds/sprite.gif) no-repeat -998px -500px;}
#topmenu ul li a{float:left;background:url(../images/backgrounds/sprite.gif) no-repeat;height:26px;}
#topmenu ul li a span{display:none;}
#topmenu ul li a.news{background-position:0px -640px;width:92px;}
#topmenu ul li a.sides{background-position:0px -666px;width:114px;}
#topmenu ul li a.courses{background-position:0px -692px;width:122px;}
#topmenu ul li a.community{background-position:0px -718px;width:152px;}
#topmenu ul li a.about{background-position:0px -744px;width:180px;}
#topmenu ul li a.news:hover, #topmenu ul li a.news:active, #topmenu ul li.selected a.news{background-position:0px -799px;}
#topmenu ul li a.sides:hover, #topmenu ul li a.sides:active, #topmenu ul li.selected a.sides{background-position:0px -825px;}
#topmenu ul li a.courses:hover,  #topmenu ul li a.courses:active,  #topmenu ul li.selected a.courses{background-position:0px -851px;}
#topmenu ul li a.community:hover, #topmenu ul li a.community:active, #topmenu ul li.selected a.community{background-position:0px -877px;}
#topmenu ul li a.about:hover, #topmenu ul li a.about:active, #topmenu ul li.selected a.about{background-position:0px -903px;}

/** BREADCRUMB ****************************************************************************************************************************************************************************************/

#breadcrumb{margin:auto;margin-top:13px;width:984px;text-align:left;overflow:hidden;text-transform:uppercase;font-size:0.9em;min-height:36px;color:#ccc;}
#breadcrumb span{float:left;color:#000;}
#breadcrumb ul{margin:0;padding:0;float:left;display:inline;}
#breadcrumb ul li{margin:0;padding:0;float:left;display:inline;}
#breadcrumb ul li a{margin:0 5px;padding:0;float:left;display:inline;color:#666;text-decoration:none;}

/** MAIN CONTENT ****************************************************************************************************************************************************************************************/

#main{margin:auto;margin-top:8px;width:984px;text-align:left;overflow:hidden;}

#left{width:240px;margin-right:8px;float:left;overflow:hidden;border-top:4px solid;padding:8px 0 0 0;}
#content{width:488px;margin-right:8px;float:left;overflow:hidden;font-size:1.1em;line-height:1.3em;border-top:4px solid;padding:2px 0 0 0;}
#contentwide{width:736px;margin:0;float:left;overflow:hidden;font-size:1.1em;line-height:1.3em;border-top:4px solid;padding:2px 0 0 0;}
#right{width:240px;float:left;border-top:4px solid;padding:8px 0 0 0;overflow:hidden;}

.content{border-bottom:1px solid;margin:0 0 5px 0;}
.content .contentauthor{font-style:italic;border-bottom:2px solid;font-size:0.9em;line-height:2.1em;margin:0;}
.content .contentnewsdate{font-style:italic;border-bottom:2px solid;font-size:1.3em;line-height:2.1em;margin:0;}
.content blockquote{float:left;border-top:2px solid; border-bottom:2px solid;margin:12px 16px 8px 0;padding:12px 0 1.75em 0;font-size:2.2em;line-height:0.95em;width:240px;font-style:italic;}

#right .content{padding:8px 8px 0 8px;margin:0 0 12px 0;}

.profile{border-bottom:1px solid;padding:0 0 5px 0;}
.profile img.left{margin:5px 10px 0 0;}

ul.brief{margin:10px 0 0 0;padding:0;border-bottom:1px solid;float:left;}
ul.brief li{margin:2px 0 0 0;padding:0 0 0.5em 0;list-style:none;clear:left;}
ul.brief li a{font-weight:bold;text-decoration:none;text-transform:uppercase;}
ul.brief li a span{font-weight:normal;text-transform:uppercase;color:#ccc;}
ul.brief li p{margin-top:3px;margin-bottom:20px;}
ul.brief li img.right{margin:0 0 0 10px;}
ul.brief li img.left{margin:0 10px 10px 0;}

ul.profile{margin:10px 0 0 0;padding:0;border-bottom:1px solid;}
ul.profile li{margin:2px 0 0 0;padding:0 0 0.5em 0;list-style:none;}
ul.profile li a{font-weight:bold;text-decoration:none;}
ul.profile li p{margin-top:3px;margin-bottom:10px;}
ul.profile li img.right{margin:0 0 0.5em 10px;}
ul.profile li img.left{margin:0 10px 0.5em 0;}

dd.readmore{}
dd.readmore ul{margin:0;padding:6px 0 12px 0;}
dd.readmore ul li{margin:0;padding:3px 0;list-style:none;}
dd.readmore ul li a{display:block;padding:2px 0 2px 29px;background:#fff url(../images/backgrounds/sprite.gif) no-repeat -979px -582px;text-decoration:none;text-transform:uppercase;}
dd.readmore ul li a:hover{background:#fff200 url(../images/backgrounds/sprite.gif) no-repeat -979px -582px;}

dd.related{border-bottom:3px solid;}
dd.related ul{margin:0 0 3px 0;padding:6px 0 12px 0;border-bottom:1px solid;}
dd.related ul li{margin:0;padding:3px 0;list-style:none;}
dd.related ul li a{display:block;padding:2px 0 2px 29px;background:#fff url(../images/backgrounds/sprite.gif) no-repeat -979px -582px;text-decoration:none;text-transform:uppercase;}
dd.related ul li a:hover{background:#fff200 url(../images/backgrounds/sprite.gif) no-repeat -979px -582px;}

ul.images{margin:8px 0 8px 0;padding:0;width:258px;}
#content ul.images{width:498px}
#contentwide ul.images{width:754px}
ul.images li{margin:0;padding:0 6px 8px 0;list-style:none;float:left;position:relative;width:116px;height:100px;}
/* quick hacks for IE */
*html #right ul.images li {padding:0 0 8px 0;}
ul.images li img{float:left;border:1px solid #ccc;}
ul.images li a:hover{background:none;}
ul.images li a:hover img{border:1px solid #999;}

ul.flickr li img{border:8px solid #f2f2f2;}
ul.flickr li a:hover img{border:8px solid #f2f2f2;}
ul.flickr li a span{background:#f2f2f2 url(../images/backgrounds/sprite.gif) no-repeat -621px -500px;position:absolute;width:75px;height:75px;top:8px;left:8px;display:none;cursor:pointer;}
ul.flickr li a:hover span{display:block;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}

.lines{width:745px;padding:0 0 0 0;}
.lines dl{padding:0;margin:8px 8px 0 0;float:left;width:240px;overflow:hidden;}
.lines dl dt{margin:0;padding:0;}
.lines dl dd{margin:0;padding:0 0 8px 0;}
.lines dl dd h2{margin:8px 0 13px 0;padding:0;font-weight:normal;font-size:1.3em;line-height:1.17em;min-height:95px;font-style:normal;}
/* quick hacks for IE */
*html .lines dl dd h2 {height:95px;}
*+html .lines dl dd h2 {height:95px;}


/** LEFT MENU ****************************************************************************************************************************************************************************************/

#left img{float:left;display:inline;}
#left ul{margin:0;padding:0;float:left;}
#left ul li{margin:0;padding:0;list-style:none;border-bottom:1px solid;float:left;width:240px;clear:left;}
/* quick hacks for IE */
*html #left ul li {display:inline-block;}
*+html #left ul li {display:inline-block;}
#left ul li a{display:block;padding:7px 0 6px 29px;background:#fff url(../images/backgrounds/sprite.gif) no-repeat -979px -577px;text-decoration:none;text-transform:uppercase;}
#left ul li a:hover, #left ul li a:active{background:#fff200 url(../images/backgrounds/sprite.gif) no-repeat -979px -577px;}
#left ul li.selected a{background:#fff200 url(../images/backgrounds/sprite.gif) no-repeat -979px -577px;font-style:italic;}
#left ul li.selected ul{border-top:1px solid;background:#fffa99;}
#left ul li.selected ul li{margin:-1px 0 0 0;width:240px;border-bottom:0;border-top:1px solid;}
#left ul li.selected ul li a{padding:7px 0 6px 0;background:#fffa99 none;font-style:normal;float:left;display:inline}
#left ul li.selected ul li a:hover, #left ul li.selected ul li a:active{font-weight:bold;background:#fffa99 none;}
#left ul li.selected ul li.selected a{font-style:italic;background:#fffa99 none}
#left ul li.selected ul li ul{border-top:1px solid;}
#left ul li.selected ul li ul li{margin:0 0 0 13px;width:240px;border:0;}
#left ul li.selected ul li.selected ul{padding:1px 0 6px 0;}
#left ul li.selected ul li.selected ul li a{font-style:normal;padding:4px 0 0 0;width:188px;}
#left ul li.selected ul li.selected ul li.selected a{font-weight:bold;}
#left ul li.selected ul li ul li a:hover, left ul li.selected ul li ul li a:active{font-weight:bold;background:#fffa99 none;}
#left ul li.selected span{font-style:normal;font-weight:normal;float:left;padding:7px 0 6px 0px;margin:0 0 0 29px;}
#left ul li.selected li li span{font-style:normal;font-weight:normal;float:left;padding:4px 0 0 0;width:10px;margin:0 0 0 29px;}

/** RIGHT CONTENT ****************************************************************************************************************************************************************************************/

#right dl{padding:0;margin:0 0 24px 0;float:left;width:240px;overflow:hidden;}
#right dl dt{margin:0;padding:0;}
#right dl dt img{float:left;}
#right dl dd{margin:0;padding:0;clear:left;}
#right dl dd.borderbottom{border-bottom:1px solid;margin:0 0 3px 0;}
#right dl dd blockquote{border-top:8px solid;margin:0;padding:8px 0 1em 0;font-size:2.2em;line-height:0.95em;width:240px;font-style:italic;}
#right dl dd blockquote a{background:#fff;color:inherit;text-decoration:none;}
#right dl dd blockquote img{margin:0 8px 0 0;}

#right .login{margin:0;}
#right .login dd{border-bottom:1px solid;}
#right .login p{padding-bottom:0.7em;}
#right .login dd form{padding:8px 8px 20px 8px;}
#right .login dd label{font-weight:normal;}
#right .login dd input{padding:2px 1px 3px 1px;border-bottom:1px solid #e4e4e4;border-top:1px solid #909090;border-left:1px solid #cecece;border-right:1px solid #cecece;width:220px;}
#right .login dd button{margin:7px 0;float:none;border-color:#ded300}
#right .login dd .button{margin:7px 0;float:none;border-color:#ded300;width:106px;padding:0px 0 1px 0;}
#right .login a.readmore{background:#fff200;border-width:1px;border-bottom:0;padding:7px 8px;}
#right .login a.readmore:hover{font-weight:bold;}

#right #password{background:#fffa99;border-bottom:1px solid;float:left;width:240px;display:none;}
#right #password form{padding:8px;}
#right #password label{font-weight:normal;padding:8px 0 0 0;}
#right #password input{padding:2px 1px 3px 1px;border-bottom:1px solid #e4e4e4;border-top:1px solid #909090;border-left:1px solid #cecece;border-right:1px solid #cecece;width:220px;}
#right #password button{margin:7px 0;float:none;border-color:#ded300}
#right #password .button{margin:7px 0;float:none;border-color:#ded300;width:106px;padding:0px 0 1px 0;}
#right a.show{font-style:italic;}

/** FRONTPAGE SPECIALS ****************************************************************************************************************************************************************************************/

.frontpage .colour{margin:5px 0 0 0;width:1000px;border-bottom:4px solid;background:#fff;}
.frontpage .colour dl{margin:0;padding:0;margin:0 8px 0 0;float:left;width:240px;overflow:hidden;}
.frontpage .colour dl dt{margin:0;padding:0;}
.frontpage .colour dl.journalist dd{background:#fff url(../images/backgrounds/sprite.gif) no-repeat 0 -976px;margin:3px 0 24px 0;padding:2px 0 0 0;display:block;font-size:2.3em;min-height:3.75em;border-bottom:2px solid #f63;line-height:1.05em;}   
.frontpage .colour dl.author dd{background:#fff url(../images/backgrounds/sprite.gif) no-repeat -240px -976px;margin:3px 0 24px 0;padding:2px 0 0 0;display:block;font-size:2.3em;min-height:3.75em;border-bottom:2px solid #3cf;line-height:1.05em;}
.frontpage .colour dl.music dd{background:#fff url(../images/backgrounds/sprite.gif) no-repeat -480px -976px;margin:3px 0 24px 0;padding:2px 0 0 0;display:block;font-size:2.3em;min-height:3.75em;border-bottom:2px solid #f09;line-height:1.05em;}
.frontpage .colour dl.identity dd{background:#fff url(../images/backgrounds/sprite.gif) no-repeat -720px -976px;margin:3px 0 24px 0;padding:2px 0 0 0;display:block;font-size:2.3em;min-height:3.75em;border-bottom:2px solid #939;line-height:1.05em;}
.frontpage .colour dl.journalist dd a{color:#f63;}   
.frontpage .colour dl.author dd a{color: #3cf;}
.frontpage .colour dl.music dd a{color: #f09;}
.frontpage .colour dl.identity dd a{color: #939;}
.frontpage .colour dl a:hover, .frontpage .colour dl a { background: none; text-decoration: none; }
/* quick hacks for IE */
*html .frontpage .colour dl dd {height:3.75em;}
/**+html .frontpage .colour dl dd {height:3.75em;}*/
.frontpage .colour dl dd blockquote{font-style:italic;margin:0;padding:0 0 0 44px;display:inline;}
.frontpage .bw{margin:8px 0 9px 0;width:1000px;}
.frontpage .bw dl{margin:0;padding:0;margin:0 8px 0 0;float:left;width:240px;overflow:hidden;}
.frontpage .bw dl dt{margin:0;padding:0;}
.frontpage .bw dl img{float:left;margin:0 0 8px 0;}
.frontpage .bw dl dd{margin:0 0 8px 0;padding:0;}
.frontpage .bw dl dd div{min-height:152px;display:block;clear:left;padding:3px 8px 0 8px; margin:0;}
.frontpage .bw dl dd.readmore ul{min-height:155px;display:block;clear:left;padding:0; }
.frontpage .bw dl dd div.gradient{min-height:131px;padding:8px 8px 0 8px;background:#000 url(../images/backgrounds/back_gradient.gif) repeat-x bottom left;color:#fff;margin:0 0 16px 0;}
.frontpage .bw dl dd div img{float:none;}
/* quick hacks for IE */
*html .frontpage .bw dl dd div {height:152px;}
/**+html .frontpage .bw dl dd div {height:152px;}*/
*html .frontpage .bw dl dd div.gradient {height:131px;}
*+html .frontpage .bw dl dd div.gradient {height:131px;}
*html .frontpage .bw dl dd.readmore ul{display:block;height:155px;}
*+html .frontpage .bw dl dd.readmore ul{display:block;height:155px;}

/** FOOTER ****************************************************************************************************************************************************************************************/

#footer{border-top:1px solid #000;border-bottom:1px solid #000;font-size:0.9em;padding:7px 0 6px 0;margin:38px 0 0 0;height:1.4em;}
#footer .vcard{margin:auto;width:984px;text-align:left;}
#footer .vcard div{float:left;padding:0 7px 0 9px;background:url(../images/backgrounds/sprite.gif) no-repeat -999px -548px;display:inline;}
#footer .vcard b{float:left;padding:0 7px 0 0;}
#footer a{text-decoration:none;}


/** PRINT STYLES ****************************************************************************************************************************************************************************************/
@media print {
	body {background:#fff;text-align:left;}
	#top{width:auto;}
	#top ul{display:none;}
	#top h1{font-style:italic;font-size:2.2em;line-height:1.3em;margin:0;width:auto;}
	#top h1 a{display:inline;background:none;text-decoration:none;width:auto;}
	#top h1 a span{display:block;}
	#topmenu{display:none;}
	#breadcrumb{display:none;}
	#main{width:auto;}
	#left{display:none;}
	#content{width:auto;}
	#contentwide{width:auto;}
	#right{display:none;}
	#footer .vcard{width:auto;}
}