/*
Theme Name: SJA 2010
Theme URI: http://www.simbax.com/
Description: WordPress theme developed for the SJA by Simbax.com Ltd.
Version: 1.0
Author: Simon Baxter
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	color: #333;
	background:#fff;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	padding:15px 0
}


/* header styling
-------------------------------------------------------------*/
h1 {
	font:26px Tahoma, Geneva, sans-serif;
	/*font:26px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	margin-bottom:15px
}
h1.archive_h1 {
	font-size:20px;
}
h1.archive_h1 span {
	color:#666;
	font-style:italic;
}
h2 {
	font:22px Tahoma, Geneva, sans-serif;
	margin:20px 0 5px;
}
div.post_title {
	background:#036;
	/*border:1px solid #ccc;*/
	padding:5px 10px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
}
div.post_title a:link, div.post_title a:visited {
	color:#fff;
	text-decoration:none;
}
div.post_title a:hover {
	color:#eee;
}
div.post_title:hover {
	background:#000;
}
div.post_title h2 {
	margin:0;
	font-size:18px
}
div.post_title span {
	display:block;
	text-align:center;
	float:right;
	color:#ccc;
	line-height:10px;
	font-size:10px;
}
h2 a:link, h2 a:visited {
	text-decoration:none;
}
h2 a:hover {
	color:#000;
}

h2.blueheading {
	background:#036;
	/*border:1px solid #ccc;*/
	padding:5px 10px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	font-size:18px
}

h3 {
	font:18px Tahoma, Geneva, sans-serif;
	color:#333;
	margin:15px 0 7px;
}

h4 {
	font:bold 14px Tahoma, Geneva, sans-serif;
	color:#333;
	margin:15px 0 7px;
}

/* <p>, <span>, <em>, <strong> etc
-------------------------------------------------------------*/

p {	margin:10px 0 5px }

p.error, p.success, p.recaptcha-error {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:2px;
	border-color:#c00;
	padding:8px 10px 8px 10px;
	text-align:left;
	background:#f5f5f5;
	color:#c00;
}
p.success {
	border-color:#6C0;
	color:#090
}

p.postmetadata {
	font-size:12px;
	color:#666;
	border-left:1px solid #ccc;
	padding:3px 10px;
}

p.footer_credit {
	color:#ccc;
}

p#footer_numbers {
	font-size:16px;
}	

div.adblock p {
	margin:5px 0
}

span.formerr {
	display:block;
	color:#c00;
	background:url(i/icon_warning.png) no-repeat center left;
	padding:3px 0 3px 20px
}

span.comment_count {
	background:url(i/icon_comment.png) no-repeat center left;
	padding:3px 0 3px 20px
}

span.rss {
	background:url(i/icon_rss.png) no-repeat center left;
	padding:5px 0 5px 20px;
}

span.label {color:#888}

span.adblock_arrow {
	color:#c00;
	font-size:14px;
	line-height:12px
}

address {
	margin:0 0 10px
}

acronym, abbr {
	border-bottom: 1px dashed #333;
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 10px;
	padding-left: 10px;
	color:#333
}

em {
	color:#666;
}

.center {
	text-align:center;
}

.red {
	color:#c00;
}

.star {
	color:#c00;
	font-weight:bold;
	padding-left:5px;
}

.size18 {
	font-size:18px;
}

.print_only {display:none}

hr {
	border:0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}


/* ul, ol, li, dl, dt, dd styling
-------------------------------------------------------------*/

ul {
	padding:10px 0 10px 25px;
}
ul li {
	list-style-image:url(i/icon_li.png);
	padding:2px 0
}

ol {
	padding:10px 0 10px 25px;
}
ol li {
	padding:2px 0
}

ol#commentlist {
	padding:20px 0
}
ol#commentlist li {
	list-style:none;
	background: #fff;
	border: 2px solid #036;
	padding:10px 10px 0;
	-moz-border-radius: 5px;
	-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:500px;
	margin-bottom:10px
}
ol#commentlist li.odd {
	background:#eee;
}
ol#commentlist li.comment-author-admin {
	border-color:#41856E
}
ol#commentlist li p {
	margin:0 0 10px;
}
ol#commentlist li cite {
	color:#888;
	font-size:11px
}
ol#commentlist li ul {
	border-left: 1px solid #ddd;
	list-style-type: none;
}
ol#commentlist li .avatar {
	float: right;
	border: 1px dotted #ccc;
	padding: 2px;
	margin-left:10px
}


ul#news_carousel {}
ul#news_carousel li {width:259px;height:96px; padding:0; list-style:none; }
ul#news_carousel li img {float:left}

ul#news_carousel li div {float:left; padding:0 10px; width:139px; overflow:hidden}
ul#news_carousel li div h2 {font:16px Tahoma, Geneva, sans-serif; margin:0 0 5px }

ul.unicourses {
	list-style:none;
	margin:0 0 20px;
	padding:0
}
ul.unicourses li {
	margin:10px 0;
	padding-bottom:10px;
	list-style-image:none;
	border-bottom:2px solid #ccc
}
ul.unicourses li.highlight {
	background:#F4F8FB;
	border:1px solid #ccc;
	padding:0 10px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.unicourses li ul li {
	border:none;
	margin:0;
	padding:0
}

/* Link styling
-------------------------------------------------------------*/
a:link, a:visited {
	color:#036;
	text-decoration:underline;
}
a:hover {
	color:#000;
}

a.comment_link:link, a.comment_link:visited {
	background:url(i/icon_comment.png) no-repeat center left;
	padding-left:19px
}

a.permalink:link, a.permalink:visited {
	background:url(i/icon_permalink.png) no-repeat center left;
	padding-left:20px
}

p.footer_credit a:link, p.footer_credit a:visited {
	color:#ccc;
}
p.footer_credit a:hover {
	color:#fff;
}

p#footer_numbers a:link, p#footer_numbers a:visited {
	color:#fff;
}
p#footer_numbers a:hover {
	color:#ccc;
}

div.adblock a:link, div.adblock a:visited {
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	color:#036
}
div.adblock a:hover {
	color:#333
}

/* Top menu styling
-------------------------------------------------------------*/
/*ul#menu_top {
	padding:10px 0;
}
ul#menu_top li {
	display:inline;
}
ul#menu_top li a {
	color:#fff;
	font-size:12px;
	padding:0 15px;
	text-decoration:none;
	border-right:1px solid #666;
}
ul#menu_top li a:hover {
	text-decoration:underline;
}*/





/* main navigation tabs */
ul#menu_top {
	padding: 0;
	margin:0;
	font-size:13px;
}
ul#menu_top li {
	display:inline;
	list-style-type: none;
	padding:0;
	margin:0;
	float:left;
}
ul#menu_top li a {
	color:#fff;
	padding:10px 15px;
	text-decoration: none;
	display:block;	
}
ul#menu_top li a:hover {
	/*background:#000*/
}

/* begin styling of dropdown sublist */
ul#menu_top li ul {
	position: absolute;
	left: -999em;
	height: auto;
	z-index:99999;
	width: 170px;
	background:#000;
	margin:0;
	padding:0;
	
	/*box-shadow: 3px 3px 5px black;
	-moz-box-shadow: 3px 3px 5px black;
	-webkit-box-shadow: 5px 5px 5px black	;*/
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	border:1px solid #ccc;
	border-top:none
	
}
	/** html div#tabs li ul {padding-top:4px}*/	
ul#menu_top li:hover ul, ul#menu_top li.sfhover ul { left: -999em }
ul#menu_top li:hover ul, ul#menu_top li.sfhover ul { left: auto }
ul#menu_top li ul li {
	background:none;
	float:none;
	padding:0;
	margin:0;
}
ul#menu_top li ul li a {
	padding:6px 15px;
	margin:0;
	color:#ccc;
	/*width:120px;*/
	/*opacity:.90;
    filter: alpha(opacity=90)*/
}

ul#menu_top li:hover {
	background:#000
}

ul#menu_top ul :hover > a {
	color: #fff;
}
ul#menu_top li:hover > ul {
	display: block;
}
ul#menu_top li.current_page_item > a,
ul#menu_top li.current-menu-ancestor > a,
ul#menu_topl li.current-menu-item > a,
ul#menu_topl li.current-menu-parent > a {
	color: #fff;
}
* html ul#menu_top li.current_page_item a,
* html ul#menu_top li.current-menu-ancestor a,
* html ul#menu_top li.current-menu-item a,
* html ul#menu_top li.current-menu-parent a,
* html ul#menu_top li a:hover {
	color: #fff;
}


/* end main navigation tabs */


ul.subpage_menu {
	padding:0 0 10px 25px
}
ul.subpage_menu li {
	/*display:block;
	float:left;
	width:180px;
	list-style-image:url(i/icon_li.png);
	padding:2px*/
}




/* Side menu styling
-------------------------------------------------------------*/
ul#sidemenu {
}
ul#sidemenu li {
	list-style:none;
}
ul#sidemenu li ul {
	margin-bottom:20px
}



/* main container <div>'s generally in order of appearance
-------------------------------------------------------------*/
div#sitewrap {
	width:1000px;
	margin:0 auto;
	text-align:left;
}

div#header {
	background:url(i/bg_header.png) no-repeat top center;
	text-align:right;
	padding:25px 30px 12px;
	height:70px
}


div#top_menu {
	background:black url(i/bg_top_menu.gif) repeat-x top;
}

div#splash, div#splash_single {	
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	height:200px;
	z-index:1
}

div#top_dropshadow {
	background:url(i/top_dropshadow.gif) repeat-x top;
	height:9px;
}

div#shadwrap {
	background:url(i/bg_shadwrap.png) repeat-y center;
	padding:0 30px;
}

div#leftcontent {
	float:left;
	width:240px;
	padding:0;
}

div#maincontent {
	float:left;
	width:540px;
	padding:0 20px;
}

div#rightcontent {
	float:left;
	width:120px;
}
div#rightcontent img {
	margin-bottom:10px;
}

div#silhouette {
	background:transparent url(i/bg_silhouette.png) no-repeat bottom center;
	height:161px;
	margin-top:0;
}

div#footer {
	background:#333 url(i/bg_footer.png) repeat-x top;
	padding:20px 15px 5px;
	color:#fff;
	font-size:11px;
}
div#footer p {
	margin:0 0 10px;
	padding:0
}	

div#shadbot {
	background:url(i/bg_shadbot.png) no-repeat top center;
	height:32px;
}

div#working_with {
	text-align:right;
	padding-right:30px
}
div#working_with img {
	margin-left:30px;
}

/* <div>s in maincontent
-------------------------------------------------------------*/
div.meta {
	font-size: 12px;
	color:#888;
	padding:7px 0;
}
span.post_categories {
	display:block;
	width:280px;
	float:left
}
div.meta ul {
	float:right;
	padding:0
}
div.meta ul li {
	list-style:none;
	float:right;
	padding:0 0 0 8px;
	width:auto;
}

div.post {
	padding-bottom:10px;
	margin-bottom:30px;
	line-height:17px
}

div.post_content {
	clear:both;
	padding-top:1px
}

div.post_thumbnail {
	float:right;
	margin:10px 0 10px 10px;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div#single_post_meta {
	margin:20px 0 0;
	color:#666;
	font-style:italic;
	font-size:12px
}
div#single_post_meta img {
	float:left;
	margin-right:10px;
}
div#single_post_meta p {
	margin:0 0 10px
}

div.content_splitter {
	background:url(i/bg_content_splitter.png) no-repeat top center;
	height:8px;
	margin:25px 0
}

/* Captions */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 2px 5px;
	margin:4px;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft,
.alignright,
.aligncenter {
	margin-bottom: 12px;
}
/* End captions */




/* misc <div>'s
-------------------------------------------------------------*/
div#breadcrumb {
	border-bottom:1px dotted #630;
	padding:3px 0 10px;
	margin-bottom:10px
}

div.greybox, div.whitebox, div.carousel {
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	font:18px Tahoma, Geneva, sans-serif;
	color:#036;
	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	
div.whitebox {
	background:#fff;
	color:#333;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.carousel {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.clearboth, div.clearleft {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden
}
div.clearleft {
	clear:left;
}

div.padding {
	height:15px;
	font-size:0;
}

div.adblock {
	font:13px Tahoma, Geneva, sans-serif;
	padding:12px 10px 7px 10px;
	background:url(i/bg_adblock.png) no-repeat top right;
	margin:0 -20px 5px 0;
	border-bottom:1px solid #ccc;
	color:#036;
	min-height:0
}

/* table styling
-------------------------------------------------------------*/
div.page table {
	border:1px solid #ccc;
	margin:10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div.page table tr th {
	background:#ccc;
	padding:5px;
	text-align:left;
}
div.page table tr td {
	border-top:1px solid #ccc;
	padding:5px
}


table.countdown tr td {
	vertical-align:middle;
	padding:0 10px 0 0;
	text-align:center
}
table.countdown tr td strong {
	font-size:34px;
	font-family:Tahoma, Geneva, sans-serif
}

table.sja_contacts {}
table.sja_contacts tr td {
	vertical-align:top;
	padding:5px 15px 5px 0
}
table.sja_contacts tr td img {
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999
}

table#tbl_ticketprices td {padding:2px 5px; border-bottom:1px solid #ccc}

/* image styling
-------------------------------------------------------------*/
img {
	border: none;
}

img.followus {
	margin:10px 12px 0;
}

img#footer_logo {
	float:left;
}

/* this will hide the splash images so that they don't all show on screen before JS is loaded */
#splash img { display: none }

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

/* form styling
-------------------------------------------------------------*/
form#searchform input.textfield {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#036;
	padding:2px 5px;
	border:2px solid #ccc;
	width:120px;
}

form#searchform {
	padding:7px 10px 0 0;
	text-align:left;
	vertical-align:middle;

}
form#searchform input {
	vertical-align:middle;
}
form#searchform input#searchbtn {
	background:#036;
	color:#fff;
	border:2px solid #c00;
	font:bold 14px Tahoma, Geneva, sans-serif;
	padding:2px 4px
}

input, textarea {
	border:2px solid #ccc;
	color:#036;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:2px 0 5px;
	padding:2px
}

input.formbtn {
	background:#036;
	color:#fff;
	border:2px solid #c00;
	font:bold 16px Tahoma, Geneva, sans-serif;
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;
}

select {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea, .txtfield {
	background: #fff;
	border: 2px solid #ccc;
	padding:5px;
	margin-bottom:4px;
	font:15px Arial, Helvetica, sans-serif;
	color:#333;
	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	moz-border-radius: 5px;
}

#commentform textarea {
	width: 500px;
	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}



/* =Widget Areas
-------------------------------------------------------------- */
div.widget-area {}
.widget-area ul {
	list-style: none;
	margin-left: 0;
	padding:0;
}
.widget-area ul li {
	list-style-image:none;
}
.widget-area ul li h3 {
	border:none;
	color:#036;
	font-size:18px
}
.widget-area ul ul {
	margin-left: 1.3em;
}
.widget-area ul li ul li {
	list-style-image:url(i/icon_li.png);
}
.widget-container {
	margin: 0;
}
.widget-title {
	font:20px Tahoma, Geneva, sans-serif;
	margin:0
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
	border-spacing:0
}
#wp-calendar caption {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
	text-align:center
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #fff;
	border: 1px solid #eee;
	padding: 3px 0;
	text-align: center;
	
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: left;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}


/* Print Style Sheet */
@media print {
body {
	background:white;
	color:black;
	margin:0;
	padding:0;
}

div#sitewrap {
	width:auto;
	margin:0;
}

div#top_menu,
div#splash,
div#top_dropshadow,
div#leftcontent,
div#rightcontent,
div#silhouette,
div#footer,
div#shadbot,
div#working_with,
div#header,
div#breadcrumb,
input.formbtn {
	display:none
}

div#shadwrap {
	background:none;
	padding:0;
}

div#maincontent {
	float:none;
	width:auto;
	padding:0;
}

input, textarea {
	color:black;
}

.print_only {
	display:block;
}
}