/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
body {background:#380500 url("/theme/images/background.jpg") top center no-repeat fixed; color:#333; font-size:12px;}
/* anchors
----------------------------------------------- */
a {color:#000;font-weight:bold;text-decoration:none;}
a:hover {color:#336600;text-decoration:underline;} /*CDD96F*/

/* headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 {line-height:1.2em; margin-bottom:0.3em; color:#330702;}
h2{margin-top:1em;}
h5{font-size:12px;}
h6{font-size:10px;text-transform:uppercase;}

h1 a{font-weight:normal;}


/* page heading
----------------------------------------------- */
/*h2#page-heading{font-weight:normal;padding:.5em;margin:0 0 10px 0;border-bottom:1px solid #ccc;}*/

/* boxes
----------------------------------------------- */
.box{margin-bottom:20px;padding:10px 10px 1px 10px;}
.box h2{font-size:16px;font-weight:normal;text-transform:uppercase;color:#330702;border-bottom:#333 dashed 1px; margin-bottom:10px;}
.box h2 a, .box h2 a.visible{display:block; border:none;}
.grid_4 .box h2 a{}
.grid_5 .box h2 a{}
.grid_12 .box h2 a{}
.box h2 a.hidden,
.box h2 a.hidden:hover{}
.box h2 a:hover{color:#336600;text-decoration:underline;}
.block{padding-top:10px;}
div.menu{padding:0;}
div.menu h2{margin:0;}
div.menu .block{padding-top:0;}
/* paragraphs,quotes and lists
----------------------------------------------- */
p{ margin-bottom:1em;}
blockquote {padding-left:10px;}
blockquote cite{font-size:.9em;}
ul,ol{padding-top:0;}

/* table
----------------------------------------------- */
table{width:100%;border:1px solid #3C0A01;margin-bottom:10px;}
col.colC{width:8em;}
th,td{padding:.2em 1em;text-align:left;}
thead th{border-bottom:2px solid #3C0A01;background:#C1A287;padding:.4em 1em .2em;}
thead th.table-head{font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#C1A287;border:1px solid #555;}
tbody th,
tbody td{border-top:1px solid #bbb;border-bottom:1px solid #3C0A01;}
tbody tr.odd th,
tbody tr.odd td{background:#fff;}
tfoot th,
tfoot td{border-top:2px solid #3C0A01;}
tfoot tr.total th,
tfoot tr.total td{border-top:6px double #3C0A01;}
tfoot tr.total th{text-transform:uppercase;}
th.currency,
td.currency{text-align:right;}
/* forms
----------------------------------------------- */
form{overflow:hidden;}
fieldset{border:1px solid #bbb;padding:10px;position:relative;background:#e9e9e9;margin-bottom:10px;}
legend{font-size:1.1em;padding:.4em .8em;background:#fff;border:1px solid #bbb;}
fieldset.login p{margin-bottom:1em;margin-top:0pt;}
fieldset p label{width:98%;}
fieldset p input{width:98%;}
fieldset p select{width:99%;}
fieldset.login p label{float:left;line-height:2em;margin-right:3%;text-align:right;width:32%;}
fieldset.login p input{width:60%;}
fieldset.login input.button{margin-left:35%;}
form p.notice{font-weight:bold;}
input.search.text{width:66%;}
input.search.button{width:28%;margin-left:2%;}

#container {position: relative;}
/*-- background-elements ----------------------*/

#background-elements {position: absolute; top: 0; left: 60px; width: 863px; height: 730px; z-index: -1; margin: 0 auto; background: url("/theme/images/background-elements.png") no-repeat bottom left; }

/*colours*/
.yellow{background:#EDDF6F;}
.brown{background:#EAB669;}
.green{background:#CDD96F;}

/*main*/
#main {padding-left: 5px;}
#main h1{padding: 15px 0 0 15px; }

/* header */

#header{background:transparent url("/theme/images/header.png") center no-repeat;height:300px;margin-left:-4px;}
#header #search{float:right;margin-top:169px;margin-right:90px;}
#header #search #input{width:160px;}
#header #home-link{height:75px;margin-left:170px;margin-top:120px;position:absolute;width:380px;}
#content{background: url("/theme/images/content-bg.png");margin-left:18px;min-height:600px;}

/*nav*/
ul#nav{list-style:none;}

#nav li{margin:0;}
#nav a {width:190px; height:35px; background:url("/theme/images/nav-sprite.jpg") no-repeat; display:block;}
#nav a span{margin-left:-9999px;}

#nav #blog a{background-position:0 -150px;}
#nav #about a{background-position:0 -185px;}
#nav #gallery a{background-position:0 -220px;}
#nav #notes a{background-position:0 -255px;}

#nav #blog a:hover, #nav #blog .current {background-position:0 0;}
#nav #about a:hover, #nav #about .current {background-position:0 -35px;}
#nav #gallery a:hover, #nav #gallery .current {background-position:0 -70px;}
#nav #notes a:hover, #nav #notes .current {background-position:0 -110px;}

/*image-attribution*/

#catnav,
#catnav li {list-style: none; margin: 0; padding: 0}

#catnav {position:absolute; width: 100%; top: 255px; left: 115px}

#catnav li a {display: block; width: 80px; height: 46px; border: 2px solid white; float: left; margin-right: 5px;}

#catnav li a {
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); /* FF3.5+ */
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
box-shadow: 0px 2px 3px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */

filter: 
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=0,strength=3)
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=90,strength=4)
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=180,strength=4)
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=270,strength=3);

-ms-filter: "
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=0,strength=3)
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=90,strength=4)
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=180,strength=4)
progid:DXImageTransform.Microsoft.Shadow(color=#938a75,direction=270,strength=3);
"; /* IE8 */
}

#catnav_6 a {background: url('/theme/images/catnav_music.jpg') no-repeat;}
#catnav_7 a {background: url('/theme/images/catnav_entertainment.jpg') no-repeat;}
#catnav_9 a {background: url('/theme/images/catnav_sport.jpg') no-repeat;}
#catnav_4	 a {background: url('/theme/images/catnav_art.jpg') no-repeat;}
#catnav_5 a {background: url('/theme/images/catnav_culture.jpg') no-repeat;}
#catnav_8 a {background: url('/theme/images/catnav_politics.jpg') no-repeat;}
#catnav li a span {margin-left: -9999px}

.blog-image {background-color:#F3F3F3; border:1px solid #DDDDDD; padding: 5px; margin-bottom: 6px;}

.image-caption {font-size:10px; font-weight:normal; font-style: italic; padding: 5px 0 2px 0;}
.image-attribution {font-weight:bold;}

/*featured posts*/
#featured-post #image {background:url('/theme/images/featured-image-bg.png') no-repeat center; height:150px; width:500px; position:relative;}

#featured-post #image img {margin:10px;}
#featured-post #image h1 {width:auto; position:absolute; bottom:30px; left:10px; padding:5px; background:#E28802; color:#333; border:none !important; font-size:16px; font-weight:bold; text-transform: uppercase;}
#featured-post #image h1 a {color: inherit; font: inherit; }
#featured-post p {font-size:12px;}

/*other posts*/
#other-posts h3 {font-size:15px;color:#330702;}
#other-posts p {color:#7f635e;}
#other-posts .item {margin-bottom:10px;margin-left:5px;padding:10px;}
#other-posts .item img {float:left;padding:0 10px 0 0;}
#other-posts a:hover {color:#333;}

.other-posts {margin-bottom: 20px}


/* Line break */
.line-break {margin-bottom:10px; margin-top: 5px;}
.line-break {background:url('/theme/images/line-sep.png') repeat-x center; height:5px;}

/*Q & A*/

.q-and-a {margin-left:10px;padding-left:10px;}
.q-and-a h3 {background:#CDD96F none repeat scroll 0 0;border:medium none;color:#333333;font-size:13px;font-weight:bold;line-height:20px;margin-left:-10px;padding-left:5px;}

/*main box styling*/
#main .box {padding: 10px 18px;}

/*pagination links*/
#pagination{text-align:center; margin-top:10px;}
#pagecount{border:1px #333 solid;padding:5px;}
#pagelinks a{border:1px #333 solid;padding:5px;}
#pagelinks strong{border-bottom:3px #CDD96F solid;border-top:3px #CDD96F solid;padding:5px;}


/*slideshow*/
.slideshow{width:500px;height:300px;margin-bottom:15px;}

/*byline*/
#byline{float:right; font-size:11px;}
#byline-feature{font-size:11px; margin-bottom:10px; margin-top:10px; }
#byline-feature #contributor{text-align:left; float:left;}

/*blog entry comments*/

.comment-item {padding:10px;border-bottom:#333 1px dashed;}
.last {border-bottom:none;}
.comment-item .alt{}
.editor-comment{background:#CBA;}

/*sidebar,twitter and flickr*/

#sidebar {color:#f2ebe4; width: 215px;}

#sidebar {padding: 0; margin: 0; float: left; width: 225px;}
#sidebar .box {padding: 10px 10px 10px 0;}

#sidebar .third-party {margin-left:10px;margin-bottom:10px;}

/*floats*/
.float{float:left;margin-right:10px;}
.floatright{float:right;margin-left:10px;}
.floatleft{float:left;margin-right:10px;}

/*list styling for twitter*/
#twitter ul {margin-bottom: 15px;}
#twitter ul li{display:block;list-style-type:none;margin-bottom:5px;margin-left:0px;border-bottom:#333 thin dashed;}

/*gallery*/
ul.gallery{padding-top:10px;}

#twitter h3 span {margin-left: -9999px;}
#flickr span {margin-left: -9999px;}

#twitter h3 a {width:190px;height:46px;background:url("/theme/images/twitter.jpg") no-repeat;display:block; background-position: 0 -46px;}
#twitter h3 a:hover{background-position: 0 0px;}

#flickr #link a{width:190px;height:35px;background:url("/theme/images/flickr.jpg") 0 -35px no-repeat;display:block; margin-bottom: 10px;}
#flickr #link a:hover{background-position: 0 0;}

ul.block-images li {display:block;list-style-type:none;float:left; margin-left: 0; margin-right:10px;}

/*footer*/
#footer {/*background:transparent url(/theme/images/content-bg.png) no-repeat scroll 0 0;*/ margin-left: 18px;}
#footer p {margin-bottom: 0; color: #FFFFFF;}
#footer p a {color: #FFFFFF;}

/*google iframe*/

#cse-search-results iframe{width:500px;}

/* NORMAL FORM 
-----------------------------------*/
div.normalform ul,div.normalform ol{list-style:none !important;margin:0 !important;padding:0 !important;}
div.normalform form fieldset{margin-bottom:10px;}
div.normalform form legend{padding:0 2px;font-weight:bold;}
div.normalform form label.text{display:inline-block;line-height:1.8;vertical-align:top;}
div.normalform form fieldset ol{margin:0;padding:0;}
div.normalform form fieldset li{list-style:none;padding:5px;margin:0;}
div.normalform form fieldset fieldset{border:none;margin:3px 0 0;}
div.normalform form fieldset fieldset legend{padding:0 0 5px;font-weight:normal;}
div.normalform form fieldset fieldset label{display:block;width:auto;}
div.normalform form em{font-weight:bold;font-style:normal;color:#f00;}
div.normalform label.text{width:120px;/* Width of labels */}
div.normalform form fieldset fieldset label{/* Width plus 3 (html space) */}

/* CONTACT FORM
-----------------------------------*/
textarea{font:12px Helvetica,Arial,Verdana,sans-serif;width:400px;}