/*
Theme Name: Atching Tan
Update URI: false
Theme URI: http://www.atchingtan.com/
Description: 
Version: 1.0
Author: custardfish
Author URI: http://www.custardfish.com/
*/

/* ------------------------------------------------------------
    reset nasty things - all ccs by jason of custardfish - HI!
------------------------------------------------------------ */


* {
	margin: 0;
	padding: 0;
	outline: none;
}

.clear {clear: both;	height: 0px;}

/* ------------------------------------------------------------
    basic elements
------------------------------------------------------------ */

body {
	font-size: 62.5%;
	margin: 0; padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5A324C;
	}

img { border: none }

p, ul, ol, li, dl, dt, dd, legend {font-family:  Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, legend { 
	padding: 0em;
	margin: 0;
}

ul, dl, dt, dd { list-style: none; }

#main-copy ul { list-style: circle; }

h1, h2, h3, h4, h5, h6{
	font-family:  Georgia, Times, �Times New Roman�, serif;
	font-weight: normal;
	color: #852C2C;
	margin: 5px 0 5px 0;
	font-size: 24px;
}

h2 {font-size: 18px;}


p {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #735751;
	margin: 4px 0 20px 0;
	font-size: 14px;
	line-height: 26px;
}

/* ------------------------------------------------------------
    basic site structure
------------------------------------------------------------ */

body {background: url(img/bg-texture.jpg) top left repeat;}

#wrapper {padding: 0;	width: 100%; background: transparent url(img/body-footer-bg.png) bottom left repeat-x;}

/* ------------------------------------------------------------
    main naviation bits
------------------------------------------------------------ */

#wrapper{background: url(img/bg-header-tile.png) top left repeat-x;}

#burst{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 142px;
	position: absolute;
}

#burst span {
	display: block;
	background: url(img/burst.png) top left no-repeat;
	height: 145px;
	width: 1045px;
	margin: 0 auto;
}

#masthead{height: 170px; padding-top: 20px; margin: 0 auto;}

#logos{width: 930px; margin: 0 auto;}

#logo {
	padding: 0 0 0 0;
	text-indent: -9999px;
	float: left;
}

#tagline {
	float: right;
	text-indent: -9999px;
	padding-top: 31px;
}

#tagline a {
	display: block;
	width: 270px;
	height: 77px;
	background: url() transparent 0 0 no-repeat;
}

#logo-atching-tan a{
	background: url(img/logos.png) 0 0 no-repeat;
	height: 115px;
	width: 340px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: -20px;
}

#logo-romany-theatre a{
	background: url(img/logos.png) -340px 0px no-repeat;
	height: 115px;
	width: 115px;
	display: block;
	text-indent: -9999px;
	float: right;
}

#logo-hlf a{
	background: url(img/logos.png) -465px 0px no-repeat;
	height: 115px;
	width: 142px;
	display: block;
	text-indent: -9999px;
	margin-top: -10px;
}


#nav {
	margin: 0 auto;
	position: relative;
	clear: both;
	font-size: 14px;
	height: 50px;
	line-height: 26px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #43130E;
	font-weight: bold;
	background: url(img/bg-menu.png) top left repeat-x;
	padding-top: 4px;
}


#nav ul {
	width: 960px;
	margin: 0 auto;
}

#nav ul ul{width: 250px;}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	26px;
	/* menu-bullet.png never existed in this theme (404 on every page) - removed 2026-10-12 */
	/*padding-left: 20px;*/
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}

/*** MENU SKIN ***/

.sf-menu a {
	padding: 8px 16px 10px 16px;
	text-decoration:none;
}

.sf-menu li a, .sf-menu li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #511711;
}

.sf-menu li a:hover{
	color: #812B01;
}

.sf-menu li ul {
	border: solid 4px #985842;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sf-menu li li {background: #E8DDB6; /*main bg colour*/}
.sf-menu li li a, .sf-menu li li a:visited {color: #342A20;} /*main drop down colour*/

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:	#483A2D;
	outline:		0;
	color: #F8F3E7;
}

.sf-menu li.current_page_item a {color: #51504C; text-decoration: underline;}
.sf-menu li.current_page_parent a {color: #51504C; text-decoration: none;}

.sf-menu li.current_page_item li.page_item a {color: #727292; text-decoration: none;}
.sf-menu li.current_page_item li.page_item a:hover {color: #FFF;}

.sf-menu li.current_page_parent li.page_item a {color: #511711; text-decoration: none;}
.sf-menu li.current_page_parent li.current_page_item a {color: #51504C; text-decoration: underline;}
.sf-menu li.current_page_parent li.current_page_item a:hover {color: #FFF;}
.sf-menu li.current_page_parent li.page_item a:hover {color: #FFF;}


/* ------------------------------------------------------------
    content bits - main text etc etc
------------------------------------------------------------ */

#main-content {
	width: 957px;
	margin: -7px auto;
	background: url(img/bg-content.png) top left repeat-y #FFF;
	padding: 0 0 75px 0;
}

#header {
	width: 932px;
	height: 318px;
	margin: 0 0 0 12px;
	background: url(img/bg-mainHeader.jpg) top left no-repeat #FFF;
}

#header.sub {
	width: 932px;
	height: 50px;
	background: none;
}


#header p {
	float: left;
	padding: 275px 0 0 120px;
	margin: 0;
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
}

#header p a{
	text-decoration: none;
	color: #483F34;
}

#header p span{
	font-family: Segoe Print;
	font-size: 17px;
}

#header ul {
	float: right;
	padding: 58px 176px 0 0;
	width: 160px;
}

#header li {
	font-family: Arial Rounded MT;
	font-size: 23px;
	margin: 0 0 40px 0;
	font-weight: bold;
}
#header li a{color: #352B1F;}


#header li span {
	font-family: Segoe Print;
	font-size: 18px;
	line-height: 22px;
	display: block;
	color: #5A6457;
}

#main-content #body{
	background: url(img/bg-content-top.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	padding-top: 18px;
}	
		
#main-content #main-copy {
	padding: 0 0 0 30px;
	width: 510px;
	margin: 0px;
	float: left;
	font-size: 14px;
	line-height: 22px;
	color: #4A4A4A;
	font-size: 13px;
}

#main-content #main-copy.home {padding-top: 20px;}

#main-content #extra-info {
	width: 325px;
	margin: 0 50px 0 0;
	float: right;
	background: url(img/bg-side-bar.jpg) -4px -52px no-repeat;
}

#main-content #extra-info.sub {background: url(img/bg-side-bar.jpg) top left no-repeat;}
#main-content #extra-info.sub ul{padding: 60px 40px 0 60px;}

#main-content #extra-info.sub li.radio {color: #F5F023; font-size: 23px;}
#main-content #extra-info.sub li.radio span {color: #E1E8C7; line-height: 26px;}

#main-content #extra-info.radio {
	background: url(img/bg-side-bar-sm.jpg) top left no-repeat;
	margin: 0 6px 0 0;
}
#main-content #extra-info.radio ul{padding: 40px 30px 0 50px;}
#main-content #extra-info.radio li {color:#E1E8C7; font-size: 17px; margin: 4px 0 10px 0;}
#main-content #extra-info.radio li.bbc {margin: 4px 0 4px 0;}
#main-content #extra-info.radio li.freq {font-size: 15px; margin: 0 0 14px 0;}
#main-content #extra-info.radio li a{color:#E1E8C7; text-decoration: none; border-bottom: 1px solid #E1E8C7;}
#main-content #extra-info.radio li h1{color: #F5F023; font-size: 21px;}

#main-content #extra-info.radio li.link {margin: 20px 0;}
#main-content #extra-info.radio h1{color: #F5F023; font-size: 21px; margin: 0;}
#main-content #extra-info.radio li.header {font-size: 17px; margin: 4px 30px 20px 0;}

#main-content #extra-info ul{padding: 30px 50px 0 50px;	height: 529px;}

#main-content #extra-info li {
	font-family: Arial Rounded MT;
	font-size: 23px;
	margin: 0 0 40px 0;
}
#main-content #extra-info li a{color: #F5F023;}

#main-content #extra-info li span {
	font-family: Segoe Print;
	font-size: 20px;
	line-height: 22px;
	display: block;
}

#main-content #extra-info li a span{color: #E1E8C7;}

#main-content #extra-info img{padding-left: 80px;}

#main-content #extra-info div.news{padding: 30px 50px 0 50px;	height: 529px;}
#main-content #extra-info div.news h1{color: #F5F023; font-size: 22px; padding: 16px 0 20px 0;}
#main-content #extra-info div.news p {color: white; font-size: 15px; line-height: 17px; margin:0; padding:0;}
#main-content #extra-info div.news p a {color: #F5F023;}
#main-content #extra-info div.news p.date {font-size: 12px; color: #E1E8C7; line-height: 16px; margin:6px 0 30px 0; padding:0;}

#main-content #main-copy a:link, #main-content a:visited {
	color: #382E22;
	text-decoration: none;
	border-bottom: 1px solid;
}

#main-content #main-copy a:hover, #main-content a:active {
	border-bottom: 2px solid;
	color: #A9520F;
}

#main-content #main-copy ul{margin: 4px 30px 20px 30px;}
#main-content #main-copy li{margin: 8px 0 0 0;}

#main-content #main-copy ol{margin: 4px 30px 20px 40px;}
#main-content #main-copy li{margin: 8px 0 0 0;}

#main-content {}

#accordion {margin: 0 15px 0 10px;}


.ui-icon {
	background-image:url(http://jqueryui.com/themes/base/images/ui-icons_454545_256x240.png);
	height:16px;
	width:16px;
	display: block;
	position:absolute;
}

.ui-icon {
	background-repeat:no-repeat;
	overflow:hidden;
	margin: 2px 0 0 0;
}

.ui-accordion .ui-accordion-header {cursor:pointer; margin:20px 0 0;}

#main-content #main-copy .ui-accordion .ui-accordion-header a:link, #main-content #main-copy .ui-accordion .ui-accordion-header a:visited{
	display:block;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 2px 20px;
	border: none;
	text-decoration: underline;
}

#main-content #main-copy .ui-accordion .ui-accordion-header a:hover, #main-content #main-copy .ui-accordion .ui-accordion-header a:active{
	display:block;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 2px 20px;
	border: none;
	text-decoration: underline;
}


	
.ui-state-active .ui-icon {background-image:url(http://jqueryui.com/themes/base/images/ui-icons_454545_256x240.png);}
.ui-icon-triangle-1-e {background-position:-32px -16px;}
.ui-icon-triangle-1-s {background-position:-64px -16px;}


/* ------------------------------------------------------------
    formatting for special areas
------------------------------------------------------------ */

div.wp-caption {margin: 20px 0 20px 0;}

p.wp-caption-text {
	font-size: 11px;
	line-height: 11px;
	margin: 0 5px 20px 5px;
}

div.wp-caption img {
	margin: 0;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #735751;
}

/* news section */

div.news-post {
	margin: 0 0 45px 0;
	padding: 0 0 24px 0;
	border-bottom: 1px dotted #999999;
}

div.news-post h1 {font-size: 20px;}
#main-content #main-copy div.news-post h1 a {border-bottom: none;}
div.news-post p.date {font-size: 12px; margin: 0; line-height: 16px;}
div.news-post  a.more-link {font-size: 11px;}
p.more-link a{font-size: 11px;}

/* ------------------------------------------------------------
    footer bits - serives and contact info etc
------------------------------------------------------------ */

#base {
	background:  url(img/bg-footer.jpg) top left repeat-x;
	height: 170px;
	clear: both;
	margin: 0 auto;
}

#footer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 940px;
	line-height: 24px;
	font-size: 12px;
	margin: 0 auto;
	color: #EAE4CA;
	padding-top: 26px;
	letter-spacing: -0.1px;
}


#footer li a {color: #EAE4CA; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#footer li a:hover, #footer li a:active{text-decoration: underline; color: #fff;}

#footer li.cf, #footer li.cf a { font-size: 11px; color: #A69E83;}

#footer ul#menu1 {float: left; padding: 0 56px 0 0; margin: 0 0 0 0; background: url(img/bg-footer-bar.png) top right no-repeat;}
#footer ul#menu2 {float: left; margin: 0 0 0 64px;}
#footer ul#menu3 {float: left; margin: 0 0 0 82px;}
#footer #logo-hlf {float: right;}



/* ------------------------------------------------------------
    interview entry bits 
------------------------------------------------------------ */

div.interview-entry {
	background-color: #FFF;
	border: 1px solid #EDDDC5;
	width: 830px;
	margin: 28px 0 28px 15px;	
	clear: both;
	padding: 14px;
}

div.interview-entry p{
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 16px;
	color: #852C2C;
	margin: 0;
	padding: 0;
}

div.interview-entry p span {
	color: #AB6D6D;
	padding-right: 12px;
}

div.interview-entry div.int-details {
	float: left;
	width: 250px;
}

div.interview-entry div.int-content {
	float: left;
	width: 400px;
}

div.interview-entry div.int-content p.listen {float: left;}

div.interview-entry div.mp3 {margin-top: 4px;}	

div.interview-entry div.int-pdf {
	float: right;
	width: 145px;
	height: 40px;
	text-align: right;
	margin: 42px 20px 0 0;
	padding: 4px 0 0 0;
	background: url(img/pdf.png) top right no-repeat;
}

div.interview-entry div.int-pdf p {
	font-size: 12px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 14px;
}

#main-content #main-copy div.interview-entry div.int-pdf a:link, #main-content #main-copy div.interview-entry div.int-pdf a:visited {
	border-bottom: none;
	text-decoration: none;
	padding-right: 45px;
	display: block;
}

#page2links {width: 560px;}
#page2links p{float: left;}
#page2links p.right {float:right;}

/* ------------------------------------------------------------
    radio show entry bits 
------------------------------------------------------------ */

div.radio-show {
	background-color: #FFF;
	border: 1px solid #EDDDC5;
	width: 530px;
	margin: 28px 0;	
	clear: both;
	padding: 14px;
}

div.radio-show p{
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 16px;
	color: #852C2C;
	margin: 0;
	padding: 0 0 2px 0;
}

div.radio-show p span {
	color: #AB6D6D;
	padding-right: 12px;
}

div.radio-show div.mp3 {margin-top: 6px;}


/* ------------------------------------------------------------
    topics show entry bits 
------------------------------------------------------------ */

div.topics {
	background-color: #FFF;
	border: 1px solid #EDDDC5;
	width: 530px;
	margin: 28px 0;	
	clear: both;
	padding: 14px 14px 6px 14px;
}

div.topics p{
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 16px;
	color: #852C2C;
	margin: 0;
	padding: 0 0 6px 0;
}

div.topics p span {
	color: #AB6D6D;
	padding-right: 12px;
}

div.topics div.mp3 {margin-top: 6px;}

div.topics div.pdf {
	float: right;
	width: 145px;
	height: 40px;
	text-align: right;
	padding: 4px 0 0 0;
	background: url(img/pdf.png) top right no-repeat;
}

div.topics div.pdf p {
	font-size: 12px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 14px;
}

#main-content #main-copy div.topics div.pdf a:link, #main-content #main-copy div.topics div.pdf a:visited {
	border-bottom: none;
	text-decoration: none;
	padding-right: 45px;
	display: block;
}

div.topic-box{
	width: 480px;
	min-height: 80px;
	background-color: #EDDDC5;
	border: 1px solid #B97562;
	margin: 25px 0;
	padding: 12px 18px;
}


div.topic-box h2 {
	color: #423725;
	font-size: 28px;
	font-family:  Georgia, Times, �Times New Roman�, serif;
}

div.topic-box p {
	line-height: 20px;
	margin-bottom: 10px;
	color: #714747;
	font-size: 15px;
	font-family:  Georgia, Times, �Times New Roman�, serif;
}

div.topic-box p.listen {
	text-align: right;
	width: 475px;
	color: #171612;
	font-size: 16px;
	font-family:  Georgia, Times, �Times New Roman�, serif;
	margin: 0;
	padding: 0;
}

#main-content #main-copy div.topic-box p.listen a:hover {
	color: #090805;
}

div.topic-box.hover{
	background-color: #8E645B;
	border: 1px solid #B97562;
	color: #FFF;
}


#main-copy h1 span{
	color: #816767;
}

/* WordPress core's visually-hidden text (2026-09-28): newer WP wraps "on <post title>" in comment links in
   .screen-reader-text; this theme predates it, so the text showed on screen. Hidden visually, still read aloud. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }