/*
Theme Name: ISL On the line
Description: ISL's temp theme
Version: 1.0
Author: Corey Birnbaum
Author URI: http://www.islonline.org/
*/
/*
Content:    
	1) HTML tags, reset
	2) Universal styles (display, float, margin, text-align...)
	3) Layout
	4) Page: Home
	5) Page: Article
	6) Navigation
	Z) Others
-----------------------
1) HTML tags, reset
----------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:20px 0; font:0.8em/1.5 "lucida grande", sans-serif; text-align:center;}
body {background-image: url('http://www.islonline.org/siteimages/background.png'); background-color:#fffce9; background-repeat: repeat-x;}

a {color:#3c6f09; text-decoration:none;}
a:hover {border-bottom:1px solid #3c6f09;}
#aside a {color:#0099ff !important;}
#aside a:hover {border-bottom:1px solid #0099ff !important;}

fieldset {border:1px solid #DFDFDF;}

legend {background:#FFF; color:#00B200;}

blockquote {background:url('images/quote.png') no-repeat; padding-left:10px;font-weight:bold;}

.low, .low a {color:#7F7F7F;}
.low a:hover {color:#000;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:160%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {color:#3c6f09; font:190% "Arial",sans-serif;}
h6 {margin:0 0 10px 0 !important; color:#3c6f09; font:130% "Arial",sans-serif;}

p, ul, ol, dl, fieldset {margin:15px 0;}

/* Schedule table */
table #schedule {border-collapse:separate; border-spacing:2px; font-size:100%; margin:0 auto;}
thead {font-weight:bold;}
th, td {padding:3px; background:#;}
tr.alt {background:#e1daae;}
tr.over {background:#9ad7ff;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* -----------------------
2) Universal styles (display, float, margin, text-align...)
----------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.headerMessage {text-align:center; height:42px; width:960px; padding-bottom:5px; margin:0 auto;}
.relative {position:relative;}
.clear {clear:both;}
.m-right {margin-right:60px;}
.f-left {float:left !important;}
.f-right {float:right !important;}
img.f-left {float:left; margin-right:10px; margin-top:5px; border:1px solid #000;}
img.f-right {float:right; margin-left:10px; margin-top:5px; border:1px solid #000;}
.nolinkborder a {border:0 !important;}
.nolinkborder a:hover {border:0 !important;}
.alignright {float:right;}
.alignleft {float:left;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.nop {padding:0 !important;}
.noscreen {display:none;}
.bigger {font-size:110%;}
.smaller {font-size:85%;}
    
/* -----------------------
3) LAYOUT
----------------------- */

#main {width:960px; margin:0 auto; text-align:left;}
    
#header {position:relative; padding-bottom:25px;}
#header a {border:0;}

#logo {margin:0; font-weight:normal;}

#search {position:absolute; top:65px; right:40px; padding:0;}
#search .lefticon {position:absolute; top:0; right:217px; padding:0;}
#search #search-input {background:url('images/search_bg.png') repeat-x; width:175px; padding:4px 0; border:0; margin-right:42px;}
#search #search-submit {position:absolute; background:url('images/search_submit.png'); top:0; right:0; height:22px; width:42px; border:0; cursor:pointer;}

#buttons {position:absolute; top:0; right:0; padding:0;}

#content {position:relative; padding-bottom:20px; background:#fffce9;}

#footer {clear:both; font:90% "arial", sans-serif; color:#333;}
#footer h2 {font:95% "georgia", serif; color:#333; font-weight:bold}
#footer h2 a {text-decoration:none; border:0; color:#333;}
#footer {background:url('images/footerbg.png') repeat-x top; border-bottom:1px solid #3c6f09}

/* -----------------------
4) Page: Home
----------------------- */

#topstory {float:left; width:960px; overflow:hidden;}
#topstory-title {width:100%; background:#9F9F9F;}

#topstory-title h2 a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-title h2 a:hover {border-bottom:1px solid #FFF;}
#topstory-title h2 {margin:0; margin-bottom:2px;}

/* Slideshow */
#topstory ul {list-style:none; padding:0; margin:0;}
#topstory-perex {
	background-image:url('images/transbg.png'); 
	position:absolute; 
	top:272px; 
	z-index:500; 
	width:940px;
	height:31px;
	color:#AFAFAF;	
}
#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}
#topstory-perex {padding:10px; font-size:110%;overflow:hidden;}

#aside {background-image:url('images/transbg_dark.png'); position:absolute; right:0; top:0; z-index:888;
	width:305px; height:272px; padding:0 5px 0 5px; color:#FFF;}

/* Boxes */
.col60 {margin:15px 10px; width:620px; float:left; overflow:visible;}
.col30 {margin:15px 10px; width:300px; float:left; overflow:visible;}
.col15 {margin:15px 10px; width:140px; float:left; overflow:visible;}
.col30 p {position:relative;}
.col30 ul {margin:20px 0 !important;}
p.subtitle {width:260px; margin-left:40px; font-style:italic; font-size:130%; color:#0099ff; font-weight:bold;}

/* -----------------------
5) Pages
----------------------- */

#page {float:left; width:480px;}
#page-full {float:left;	width:940px;}
#page-noside {float:left;	width:640px;}
#page-content {padding:0 10px; font-size:110%;}
#page-content a {border-bottom:1px solid #AFAFAF; color:#000;}
#page-content a:hover {border-bottom:1px solid #000; color:#000;}

#page-sidenav {float:left; width:140px; padding:0 10px; margin-top:50px; color:#666666;}
#page-sidenav ul.countrylist {margin:15px 0; padding:0; list-style:none; border-top:1px solid #3c6f09;}
#page-sidenav ul.countrylist li a {padding-left:10px; color:#555; border:none;}
#page-sidenav ul.countrylist li a:hover {color:#3c6f09; background:url('images/arrow.png') 2px no-repeat;}
#page-sidenav ul.countrylist li {padding:5px 0; border-bottom:1px solid #ccc;}
#page-sidenav ul.proglist {margin:5px 10px; padding:0; list-style:none;}
#page-sidenav ul.proglist a {color:#555;}
#page-sidenav ul.proglist a:hover {color:#3c6f09;}
#page-sidenav ul.proglist li {padding:2px 10px; background:url('images/arrow.png') 2px no-repeat;}
#page-sidenav ul.proglist li.current {font-weight:bold; background:none !important;}
#page-aside {position:absolute; right:0; top:0; text-align:center; z-index:888; width:305px; padding:0 5px 0 5px;}
#page-aside, #sidebar a:hover {border:none !important;}

#sidebar {float:right; text-align:center; z-index:888; width:305px; padding:0 5px 0 5px;}

/* -----------------------
6) Navigation
----------------------- */

.chromestyle {width:100%; font:160%/1.4 "georgia",serif; border-bottom:5px solid #0099ff;}
.chromestyle ul {width:100%; padding:0; margin:0; text-align:center; border:0; line-height:44px;}
.chromestyle ul li {display:inline;}
.chromestyle ul li a {
	color:#FFF;
	padding:4px 15px 10px 15px;
	margin:0;
	text-decoration:none;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected, .chromestyle ul li a.current {	
	border:0;
	background-color:#0099ff !important;
}
.dropmenudiv {
	font:130%/1.4 "georgia",serif;
	position:absolute;
	top: 0;
	border:0;
	line-height:24px;
	z-index:999;
	background-color:#0099ff;
	visibility: hidden;
	margin-top:-1px;
}
.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 15px;
	padding:0;
	text-decoration: none;
	color: #FFF;
}
.dropmenudiv a:hover {color:#000; border:0;}
* html .dropmenudiv a {width:100%;} /*IE only hack*/
.submenucurrent a {

}
/* faq menus */
ul.menu, ul.menu ul {list-style-type:none; margin-left:10px;}
ul.menu a {display:block; text-decoration:none; border:0 !important;}
ul.menu li {margin-top:1px;}
ul.menu li a {background:#9d957d; color:#fff; padding:0.5em;}
ul.menu li a:hover {background:#b5ad95;}
ul.menu li ul li {margin:5px 10px 10px 10px;}
ul.menu li ul li a {display:inline; background:none; color:#3c6f09 !important; margin:0; padding:0;}
ul.menu li ul li a:hover {display:inline; background:none; color:#3c6f09; margin:0; padding:0; border-bottom:1px solid #3c6f09 !important;}

/* -----------------------
Z) Others
----------------------- */

hr {margin:5px 0; border:0; height:1px; }
hr.gray {color:#f00; background-color:#333;}
hr.green {color:#f00; background-color:#3c6f09;}

ul.ul-list {margin:10px 0; padding:0; list-style:none;}
ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}

#aside ul {margin:15px 0; padding:0; list-style:none;}
#aside ul li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}

.hx-style01 span {background:#FFF; color:#00B200;}
.hx-style01 {/*clear:both; */ background:url("images/dot.gif") 0 50% repeat-x; font-size:85%;}
.hx-style01 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}

a.ico-more {background:#F5F5F5; color:#5F5F5F; padding:5px 7px; border:0 !important;}
a:hover.ico-more {background:#00B200; color:#FFF;}

/* Form Elements */
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform textarea {width:100%; padding:2px;}
#commentform #submit {margin:0;	float:right;}

/* Comments */
.nocomments {text-align:center; margin:0; padding:0;}
.commentmetadata {margin:0; display:block;}
img.avatar {float:left; margin-right:5px;}
img.border {border:2px solid #9d957d !important;}

.aktt_tweets ul {list-style:none; margin-top:15px !important;}
.aktt_tweets ul li {margin-bottom:6px; background:#f9f5e9; padding:2px 5px; border-top:3px solid #dfd7c2;}

/*SIDEBAR*/
.sideAnnounce {margin:0; width: 275px; padding:0;}
.sideAnnounce ul {list-style:none;}
.sideAnnounce ul li {margin:15px 5px 5px 5px !important;background:#ffffff; border:1px solid #0099ff;
-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;}

#buttongcal, #button2009, #button2010 {padding:5px; background:#0099ff; color:#FFF; text-align:center; cursor:pointer; width:360px; margin:15px auto;}
#tbox {text-decoration:none; border:0 !important; background:#f60; width:140px; margin:10px; display:block; min-height:25px;}

/* fixed menu */
#scheduleMenuContainer {
  margin: 0;
  position: fixed;
  top: 107px;
  left: 0;
  width: 140px;
}
#scheduleMenuContainer.hidden {left:-75px !important;}
#scheduleMenu {padding: 5px 0 5px 5px;background-color:#fffce9; 
  border-bottom:2px solid #4e2614;
  border-right:2px solid #4e2614;}
#scheduleMenu ul {margin-left:15px;}
#scheduleMenu.in {display:none;}
#buttonfixedmenu {text-align:right; border:2px solid #4e2614;
	background-color:#b00000; color:#fff; font-style:italic; padding:2px; cursor:pointer;}

#scheduleMenuContainerRight {
  margin: 0;
  position: fixed;
  top: 107px;
  right: 0;
  width: 220px;
  left: auto;  
}
#scheduleMenuRight {padding: 5px 0 5px 5px; background-color:#fffce9;
	border-left:2px solid #4e2614;
	border-bottom:2px solid #4e2614;}
#scheduleMenuRight ul {margin-left:15px;}
#scheduleMenuRight.in {display:none;}
#buttonfixedmenuRight {border:2px solid #4e2614;
	background-color:#0099ff; color:#fff; font-style:italic; padding:2px; cursor:pointer;}

/* signup form */
#sign_up_box {width: 200px; background-color: #ffffff; margin: 0 auto; border:1px solid #0099ff;}
#sign_up_title {margin: 0; color: #fff; font-weight: bold; padding: 3px;background-color: #0099ff;}
#sign_up_content {padding: 5px;overflow: hidden;}
label#sign_up_email_address_label {font-size: 12px; font-weight: bold;}
input#sign_up_email_address {width: 100%; height:20px; font-size:100%; padding-top:4px; border:1px solid #aaa;}
input#sign_up_button {clear: both;float: right; margin: 10px 43px 0 0;