/*  
Theme Name: ISIOTB
Theme URI: NA
Description: WP Theme.
Author: Gjindancer
Author URI: http://www.gjindancer.com/

*/
/* Hides from IE5-mac \*/
html #contentWrapper {height: 1%;}
/* End hide from IE5-mac */

body {
	font: 85%/150% "Trebuchet MS", Tahoma, Arial;
	color: #000000;
	background: #ffffff url(images/backg.jpg) repeat-x top fixed;
	margin-top: 0px;
	margin-bottom: -20px;
	padding: 5px 0px 0px 0px;
}
a {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #9C0000;
	text-decoration: underline;
}
img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	margin:0px;
	padding-left: 30px;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #ffffff;
}
h1 a, h1 a:visited{
	color: #ffffff;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	color: #00013e;
	margin: 0px 0px 2px;
	background: url(images/underline.gif) bottom repeat-x;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 6px;
}
h2 a, h2 a:visited {
	color: #00013e;
	text-decoration: none;
}
h2 a:hover {
	color: #ABABAB;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #424242;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #4D4D4D;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}
.style2 {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#eform { background:url(images/eform.gif) no-repeat; height: 146px; font: normal 100%/100% "Trebuchet MS", Tahoma, Arial; padding-top: 10px;
	color: #6B0410;
		 
}
#rec{ background: url(images/recommend.gif) no-repeat; height: 267px; font: normal 100%/100% "Trebuchet MS", Tahoma, Arial; padding-top: 10px;
	color: #6B0410; margin-top:0px;
		 
}
#news{ font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #6B0410; 
}
#page {
	margin: 0px auto;
	width: 940px;
	margin-top:40px;
}
/* header area */
#header {
	background: url(images/bar.gif) repeat-x bottom;
	height: 175px;
	position: relative;
}
#headerimg {
    background: url(images/surface.jpg) repeat-x bottom; /**/
	position: relative;
	padding: 8px 0px 0px 10px;
	height: 110px;
}
#howto { background: url(images/howto.jpg) no-repeat;
color: #00013e;
font-size: 14px;
margin-top:10px;
	padding-top: 10px;
	padding-left: 10px;
	position: relative;
	height: 82px;
	width: 643px;
}
#howto ol { display:inline;
font-size: 10px; font-weight:bold;
}
#howto ol li {
left: -6px;
padding: 4px 0 2px 10px;
list-style: none;
line-height: 1.2;
margin-bottom:2px;
margin-top:8px}

#howto ol #StepOne {background: url(images/one.gif) 0 0 no-repeat;}
#howto ol #StepTwo {background: url(images/two.gif) 0 0 no-repeat;}
#howto ol #StepThree {background: url(images/three.gif) 0 0 no-repeat;}
#logo {
	margin: 5px 0 0;
                position: absolute;
	left: -20px;
	top: -60px;
}
#headerimg .description{
	position: absolute;
	left: 60px;
	bottom: 5px;
	color: #ffffff;
	font-size: 14px;
}
#banner {
	background:url(images/frame.gif) no-repeat;
	width:496px;
	height:106px;
	margin: 5px 0 0;
                position: absolute;
	right: 0px;
	top: -60px;
}
#ad { margin: 30px 0 0 11px }
#strapline {
	color: #a40f29;
	margin: 0px 0px 2px;
	letter-spacing: -1px;
	font: 22px "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
	margin: 5px 0 0;
	position: absolute;
    right:  33px;
	top: 45px;
}
#nav {
    width: 939px;
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 0px;
	bottom: 28px; border-right: solid 1px #000;
}
#nav ul {
	list-style-type:none;
}
#nav li {
	float: left;
	margin-left: 0px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
	color: #000000;
	text-decoration: none;
}
#nav .page_item a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 11px;
	border-left: 1px solid #000;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#nav .current_page_item a,#nav .page_item a:hover {
	color: #FFFFFF;
                text-decoration: none;
	background: url(images/barover.gif) repeat-x;
	padding: 7px 11px;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	border-left: 1px solid #000;
	display: block;
}
#nav .page_item2 a{
	color: #FFFFFF;
	text-decoration: none;
	
	padding: 7px 9px;
	border-left: 1px solid #000;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#nav .current_page_item2 a,#nav .page_item2 a:hover {
	color: #FFFFFF;
                text-decoration: none;
	background: url(images/barover.gif) repeat-x;
	padding: 7px 9px;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	border-left: 1px solid #000;
	display: block;
}
#nav2 {
    width: 939px;
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 0px;
	bottom: 3px; border-right: solid 1px #000; 
}
#nav2 ul {
	list-style-type:none;
}
#nav2 li {
	float: left;
	margin-left: 0px;
}
#nav2 .current_page_item a, #nav2 .current_page_item a:visited{
	color: #000000;
	text-decoration: none;
}
#nav2 .page_item a{
	color: #FFFFFF;
	text-decoration: none;
	
	padding: 7px 22px;
	border-left: 1px solid #000;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#nav2 .current_page_item a,#nav2 .page_item a:hover {
	color: #FFFFFF;
                text-decoration: none;
	background: url(images/barover2.gif) repeat-x;
	padding: 7px 22px;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	border-left: 1px solid #000;
	display: block;
}
#nav2 .page_item3 a{
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/bar2.gif) repeat-x;
	padding: 7px 16px;
	border-left: 1px solid #000;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#nav2 .current_page_item a,#nav2 .page_item3 a:hover {
	color: #FFFFFF;
                text-decoration: none;
	background: url(images/barover2.gif) repeat-x;
	padding: 7px 16px;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	border-left: 1px solid #000;
	display: block;
}
#nav3 {
    width: 939px;
	list-style: none;
	margin: 0px;
	position: absolute;
	right: -1px;
	bottom: 3px; 
}
#nav3 ul {
	list-style-type:none;
}
#nav3 li {
	float: left;
	margin-left: 0px;
}
#nav3 .current_page_item a, #nav .current_page_item a:visited{
	color: #000000;
	text-decoration: none;
}
#nav3 .page_item a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 5px;
	border-right: 1px solid #000;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	display: block;
}
#nav3 .current_page_item a,#nav3 .page_item a:hover {
	color: #FFFFFF;
                text-decoration: none;
	background: url(images/barover.gif) repeat-x;
	padding: 6px 5px;
	font: bold 11px/100% Arial, Helvetica, sans-serif;
	border-right: 1px solid #000;
	display: block;
}

/* content area */
#wrap { background: #FFFFFF; 
    width: 938px; 
	margin: 0px auto;
	margin-top:10px;
	overflow: hidden;
	position:relative;
}

#ctl, #cbl, #ctr, #cbr {
position:absolute; width:20px; height:20px; color:#fff; background:#fff; overflow:hidden; font-style:normal; z-index:1; }

#ctl2, #ctr2 {
position:absolute; width:20px; height:20px; color:#fff; background:#6cbfed; overflow:hidden; font-style:normal; z-index:0; }

#cbl2, #cbr2 {
position:absolute; width:20px; height:20px; color:#fff; background:#fff; overflow:hidden; font-style:normal; z-index:0; }

#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
#ctl2 {top:0; left:0;}
#cbl2 {bottom:0; left:0;}
#ctr2 {top:0; right:0;}
#cbr2 {bottom:0; right:0;}
#wrap em b {position:absolute; font-size:150px; font-family:arial; color:#fff; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
#ctl2 b {left:-8px;}
#ctr2 b {left:-25px;}
#cbl2 b {left:-8px; top:-17px;}
#cbr2 b {left:-25px; top:-17px;}
#wrap p {position:relative; z-index:100;  padding:5px 10px;}
#tvprogs em b {position:absolute; font-size:150px; font-family:arial; color:#c9e1ed; line-height:40px; font-weight:normal;}
#tvprogs ul {position:relative; z-index:100; padding:5px 10px;}
#lnks em b {position:relative; font-size:150px; font-family:arial; color:#c9e1ed; font-weight:normal;}
#lnks ul {position:relative; z-index:100; padding:5px 10px;}
#lnks h2 {position:relative; z-index:100;}
#subscribe em b {position:absolute; font-size:150px; font-family:arial; color:#6364b1; line-height:40px; font-weight:normal;}
#subscribe ul {position:relative; z-index:100; padding:5px 10px;}
#subscribe h3 { position: relative; z-index:100; color:#FFFFFF; font-size:13px;
font-weight:bold; }
#subscribe h3 a { color: white;} 
#esub { 
position: relative; z-index:100; 
float: left;
display: block;
}
#subsbut{ 
position: relative; z-index:100; 
float: left;
text-align: center;
display: block;
}

#tvprogs { padding:10px 10px 10px 10px;  position: relative; background:#c9e1ed; margin:10px 0 0 5px; }

#lnks { padding:10px 10px 10px 10px;  position: relative; background:#c9e1ed; margin:10px 0 0 5px; }

#subscribe { padding:5px 5px 5px 15px; background:#6364b1; position: relative; margin:15px 0 0 5px; }

#content {
    margin-top:10px;
	padding: 0px 0px 30px 20px;
	float: left;
	width: 645px;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 6px;
}
.post-digg{
	width: 58px;
	height: 90px;
	float:left;
}
.post-date {
	width: 46px;
	height: 61px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 14px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 3px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 585px;
}
.entry {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #1a810b;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #6B0410;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #f1fce3;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #0E4A01;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #013B02;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#f5fcfe;
	border: 1px solid #383838;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 485px;
	height: 115px;
	background:#f5fcfe;
	border: 1px solid #383838;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background:#4da524 ;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px solid #6E6E6E;
	float: right;
	width: 145px;
	height: 28px;
	cursor: pointer;
}

/*sidebar */
#buttons {
    background:#FFFFFF;
	float: right;
	padding: 5px 5px 5px 5px;
	width: 260px;
	color: #636262;
	overflow: hidden;
}

#sidebar {
    background:#FFFFFF;
	float: right;
	padding: 5px 5px 5px 5px;
	width: 260px;
	color: #636262;
	overflow: hidden;
}
.sidebar a {
	color: white;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #00013e;
	margin: 0px 0px 2px;
	border-bottom: none;
	background:none;
}
/*sidebar text styles */
#sidebar a{
	color: white;
	text-decoration: none;
}

#sidebar a:{
	color: white;
	text-decoration: none;
}
#sidebar a, #sidebar a:visited{
	color: #00013e;
	text-decoration: none;
}
#sidebar a:hover{
	color: #D60E26;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #B9BCB9;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll  */
ul.list-blogroll li{
	background: url(images/blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category  */
ul.list-cat li, li.widget_categories li{
	background: url(images/tag.gif) no-repeat !important;
	padding-left: 20px !important;

}
/*recent  */
ul.list-rec li, li.widget_recent li{
	background: url(images/recent.gif) no-repeat !important;
	padding-left: 20px !important;

}
/*archives  */
ul.list-archives li, li.widget_archives li{
	background: url(images/arch.gif) no-repeat !important;
	padding-left: 20px !important;
}

/*meta  */
ul.list-meta li, li.widget_meta li{
	background: url(images/meta.gif) no-repeat !important;
	padding-left: 20px !important;
}


/*pages  */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/pagearrow.gif) no-repeat !important;
	padding-left: 20px !important;
}

/*calendar  */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text  */
.textwidget {
	padding-top: 5px;
}
/*search form */
#searchform {
    width: 292px;
	height: 32px;
	margin: 0px 0 0;
                position: absolute;
				padding-right: 5px;
				padding-top:5px;
	right: 0px;
	top: 75px;
}
#searchform br {
	display: none;
}
#searchform #s {
	width: 135px;
	height: 18px;
	padding: 4px 5px 0px 5px;
	border: 1px solid #003767;
	background: #FFFFFF;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/search.png) no-repeat;
	width: 25px;
	height:25px;
                border: 0px solid #6B0410;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}

/* Page Close*/
#close {
	clear: both;
	background: #ffffff ;
	color: #ffffff;
	font-size: 95%;
	line-height: 130%;
	padding-bottom: 0px;

}
/* Footer */
#footer {
	margin: 0px auto;
	position: relative;
	width: 938px;
                background: url(images/footbar.jpg);
                height: 31px;
	font-size: 11px;
	line-height: 100%;
                color: #ffffff;
}
#copy{
	margin: 0px auto;
	width: 788px;
                height: 26px;
	font-size: 11px;
	line-height: 100%;
                color: #464660;
}
#footer a, #footer a:visited {
                margin-top: 8px;
	color: #ffffff;
}
.rss {
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;

}

/* alignments */
.center {
	text-align: center;
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

/* Buttons Start */

.btn {
	float: left;
	clear: both;
	background: url(images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 10px 0;
	color:#FFFFFF;
}
.btn a{
	float: left;
	height: 40px;
	background: url(images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;

}
.btn span {
	background: url(images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_red { background-color: red; }

/* Buttons End */