/*
Theme Name: LeLeatherSIRCanada East 2010 v2.0 - Contest Results
Theme URI: http://www.hindgrindr.com/
Description: Post Contest - Wider version of existing theme: sidebar content is 180px wide, with two columns (XXXpx and 300px). This theme is based on Tiju (by GuillaumeB, www.GuillaumeB.com).
Version: 2.0
Author: hindgrindr
Author URI: http://www.hindgrindr.com/
*/

/* General ------------------------------ */
*
{
font-family: Lucida Grande, Trebuchet MS,  Helvetica, Arial, sans-serif;
}

body 
{
  background:#222222; 
  margin:0px;
  color:#980000;
  font-size: 12pt;
  color:#E5E5E5;
}

div,
td,
p,
li
{
  font-size: 12pt;
  color:#E5E5E5;
}

a,
a:link,
a:active,
a:visited 
{  
  text-decoration:bold;  
  color:#F0F0F0;
}

a:hover 
{  
  text-decoration:none;
  color:#CC0000;
}

ul 
{  
  margin: 5px;
  padding: 5px;  
  list-style: none;  
  list-style-type: square;
}

li 
{  
  margin-left: 10px;
  padding-left: 5px;
  padding-top: 0px;  
  line-height:1.5em;
}

li.page_item:hover 
{ 
  background: #333333;
}

ul.events
{
}

ul.events li
{  
  padding-bottom: 15px;
  padding-top: 0px;  
  line-height:1.25em;
}

h1, h2, h3, h4, h5
{
  vertical-align: bottom;
  font-weight: bold;
  font-variant: small-caps;
  border-style: solid;
  border-color: #666666;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  margin: 0px 8px .2em 0px;
}

h1
{
  font-size: 22pt;
  border-bottom-width: 3px;
  padding: 8px 0px 2px 0px;
}

h2
{
  font-size: 16pt;
  border-bottom-width: 2px;
  padding: 8px 0 1px 0px;
}

h3
{
  font-size: 14pt;
  border-bottom-width: 2px;
  padding: 5px 0 1px 0px;
}

h4
{
  font-size: 12pt;
  border-bottom-width: 2px;
  padding: 5px 0 1px 0px;
}

h5
{
  font-size: 10pt;
  border-bottom-width: 1px;
  padding: 5px 0 1px 0px;
}

/* lsc v2.0 layout */
/* template layout ------------------------------- */

/* wrapper div to center page*/
#container 
{  
	width:950px;  
	margin: 5px auto;  
	padding: 0px;  
	text-align: left;
}

/**hold background, it should be float:left that's way we can not put it in #container**/

#containerbg {  
	position:relative;  
	width: 950px;  
	background:transparent url(images/contentbackground.jpg) repeat-y left top;  
	float:left;  
	top:0;  
	left:0;
}

#container_inner 
{  
	position:relative;  
	float:left;  
	clear:left;  
	width:950px;
}

#content_main 
{  
	display:inline;
	position:relative;  
	float:left;  
	width: 724px;
	padding: 4px 8px 4px 22px; 
	margin:0;
	margin-top: 2px;
	background-color:#33333s;
}

/* header --------------------------------------- */
div#lsc_pagehead
{
}

div#lsc_pagehead {
  width: 950px;
  float:left;
  padding:0px;        
  margin:0px;
  margin-bottom: 5px;
  background:#0A4165;
  background-image: url('images/ilsb_logo.jpg');
  background-repeat: no-repeat;
  background-position: middle 4px; 
}

/*  font: 28px Lucida Grande, Trebuchet MS; */
div#lsc_pagehead h1 { 
  font: 60px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold; 
  font-variant:small-caps;
  margin:10px; 
  padding:5px 0px 0px 0px; 
  border-width: 0px;
}

div#lsc_pagehead h1 a { 
  text-decoration: none;
}

div#lsc_pagehead p { 
  margin:0; padding:0; 
  font-family: Lucida sans unicode; 
  font-size: 12px;
  color:#ffffff; 
}

div #lsc_pagehead_menunav {  
	font-size: 10pt;
	position:relative;  
	float:left;  
	clear:left;  
	width: 950px;
	height: 30px;
	background:#222222 url(images/menubar.gif)  no-repeat left top;
}

/* from tiju - firefox only ?? */
#lsc_pagehead_menunav>ul#mainlevel-nav li a 
{  
  width: auto;
}

/* Top menu navigation ------------------------------ */
ul#mainlevel-nav{  
  list-style: none;  
  padding: 0;  
  margin: 0;  
}

ul#mainlevel-nav li{  
  display: block;  
  padding-left: 0px;  
  padding-right: 0px;  
  float: left;  
  margin: 0;  
  width: auto !important;  
  font-size: 10pt;  
  line-height: 25px;  
  white-space: nowrap;
}

ul#mainlevel-nav li a{  
  display: block;  
  padding-left: 10px;  
  padding-right: 10px;  
  text-decoration: none;  
  color: #FFFFFF;  
  font-weight:bold;
}

/* tiju - firefox only */
#topmenu>ul#mainlevel-nav li a 
{  
  width: auto;
}

/* tiju - firefox only **/
ul#mainlevel-nav li a:hover 
{  
  background: #535353;  
  text-decoration:none;
}

/* div container for left column ------------------------ **/
#leftcol
{  
	position:relative;  
	width:180px;  
	margin:0;
	padding:4px 8px;
	float:left;  
	clear:left;  
	display: inline;
}

#leftcolmenu 
{  
	position:relative;  
	overflow:auto;
}

/* main page layout */
.contentpaneopen 
{  
  padding-left: 0px;
  width:100%;
}

table.contentpaneopen td 
{  
  vertical-align: top;
  text-align: left;
}

/* content layout - main page */
td.content_leftcol
{
  width: 430px; 
  padding-right: 4px;
}

td.content_rightcol
{
  width: 290px; 
  padding-left: 5px;
}

td.content_leftcol li, td.content_rightcol li
{
  font-size: 11pt;
  line-height: 1.25em;
}

/* footer ------------------------ **/
div.footer
{
	padding: 4px 7px; 
	background: #333333; 
	width: 936px; 
	display:block;  
	clear:both;  
	float:left;
}

div.footermsg
{

}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* *tiju* clear the banner to make it sit in the bottom */

.clear
{  
  clear:both;
}

/* template layout ------------------------------- */
#outerleft {  
  position:relative;  
  float:left;  
  clear:left;  
  width:800px;  
}

#outerright {  
  position:relative;  
  width:0px;  
  float:right;  
  clear:right;
}

#logo {
  width: 796px;
  float:left;
  padding-left:4px;        
  background:#0A4165;
  background-image: url('images/ilsb_logo.jpg');
  background-repeat: no-repeat;
  background-position: middle left; 
}

#logonobg {
  width: 800px;
  float:left;
  padding-left:0px;        
  background:#0A4165;
}

/*  font: 28px Lucida Grande, Trebuchet MS; */
#logo h1 { 
  font: 60px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold; 
  font-variant:small-caps;
  margin:10px; 
  padding:5px 0px 0px 0px; 
  border-width: 0px;
}

#logo h1 a { 
  text-decoration: none;
}

#logo p { 
  margin:0; padding:0; 
  font-family: Lucida sans unicode; 
  font-size: 12px;  color:#ffffff; 
}

/** div container for top menu. position:top **/
#topmenu {  
  position:relative;  
  float:left;  
  clear:left;  
  background:#980000 url(images/red.gif)  repeat-x;  
  width: 100%;
}

/** div container for image header **/
#imgheader {  
  position:relative;  
  float:left;  
  clear:left;  
  width:100%;  
  height:99px;  
  background-color: #000000;
}

/* tiju - pointless? */
#blackline {
  position:relative;  
  clear:left;  
  float:left;  
  width:800px;  
  height:10px;  
  background-color: #000000;  
  color:#FFFFFF;  
}

/* ------------------------------
content layout
------------------------------ */

/** pathway block **/

div.pathway {  
  display:block;
  text-align:center;  
  color:#000000;  
  font-size:10px;  
  font-weight:bold;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #E5E5E5;  
  height:20px;  
  margin-bottom:10px;}

#notable {  
  display:block;
  text-align:center;  
  color:#000000;  
  height:20px;        
  margin:10px;
}

#notable a {
  text-decoration:none;
}

.alignright {   
  float: right;   
}    
.alignleft {   
  float: left;  
} 

/* used by: single post */
.contentheading
{
  font-size: 20pt;
  line-height: normal;  
  padding-top: 5px;
  background-color:inherit;  
  border-bottom: 3px solid #666666;
  line-height: .9em;
  font-variant: small-caps;
}
.contentheading a
{
  display:block; 
  text-decoration:none;
  margin-bottom: .1em;  
}

/** small text in content **/
.small {
  color:#666666;  
  font-size:10px;
  font-family:Lucida sans, Trebuchet MS;  
  background-color:inherit;
}

/* ------------------------------
Links
------------------------------- */

/** any left column link **/
#leftcol a:link, #leftcol a:active,#leftcol a:visited {  
  color:#E5E5E5;
}

/** pathway link item **/
a.pathway:link,
a.pathway:active,
a.pathway:visited 
{  
  color:#999999;  
  text-decoration:none;
}

/* module layout ------------------------------- */

/** general module table **/
table.moduletable, #leftcol table {  
  width:100%;  
  float:left;  
  clear:left;
  margin-left: 0px;
  padding:0px;
}

/** general module table **/
#leftcol table,#leftcol table td {  
  font-size:10pt !important;  
  color:#cccccc;
}

/** general module title **/
table.moduletable th {  
  border: 1px solid #000000;  
  color:#E5E5E5;  
  font-family: Arial sans-serif;  
  font-size:11pt;  
  line-height:20px;  
  background-color:#484848;  
  height:25px;  
  text-align:left;  
  padding-left:5px;  
  font-weight:bold;
}

#leftcol table.moduletable td {  
  color:#DADADA;  
  font-size:10pt;
}

#leftcol table.moduletable ul li {  
  font-size:10pt;
}

/* --- dan starts here */	
div.widebox
{
  width: 596px;
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px;
}

div.box
{
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px;
}

div.dredborderbox
{
  border: 3px solid #4B0707;
  margin-bottom: 15px;
}

div.dredborderbox h2
{
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 5px;
  color: white;
  border-bottom: 3px solid #666666;
  font-variant: small-caps;
  font-size: 16pt;
  background: #4B0707
}

div.dredborderbox h3
{
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 5px;
  color: white;
  border-bottom: 3px solid #666666;
  font-variant: small-caps;
  background: #4B0707
}

div.dredborderbox p.photo img { margin: 0px; padding:0px; }

div.dredborderbox p.photo 
{
  margin: 0px;
  padding-top:5px;
  padding-bottom:0px;
  text-align:center;
}

div.dredborderbox p.photocred 
{
  padding: 0px 8px 2px 5px;
  margin: 0px;
  margin-top: -4px;
  text-align: right; 
  font-size: 8pt; 
}

div.dredborderbox p.photocaption
{
  padding: 0px 5px 5px 5px;
  margin: 0px;
  font-size: 10pt;
}

div.dgrayborderbox
{
  margin: 0px;
  margin-bottom: 15px;
  border: 3px solid #484848;
  padding: 0px;
}

div.dgrayborderbox p.head
{
  background: #484848;
  color: #E5E5E5;
  font-size: 10pt;
  margin: 0px;
  padding: 0px 5px 2px 5px;
  text-align: right;
}

div.dgrayborderbox p
{
  padding: 5px 5px 5px 5px;
  margin: 0px;
  font-size: 10pt;
  line-height: 1em; 
}

div.dgrayborderbox form
{
  padding: 0px;
  margin: 0px 5px 5px 5px;
}

div.dgrayborderbox form input
{
  margin: 0px;
  padding: 1px;
  font-size: 10pt;
}

div.blueborderbox
{
  margin: 0px;
  margin-bottom: 15px;
  border: 3px solid #0A4165;
  padding: 0px;
}

div.yellowborderbox
{
  margin: 0px;
  margin-bottom: 15px;
  border: 3px solid #A49D10;
  padding: 0px;
}

div.yellowborderbox p.head
{
  background: #A49D10;
  color: black;
  font-size: 8pt;
  margin: 0px;
  padding: 0px 5px;
  text-align: right;
}

div.blueborderbox h2
{
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 5px;
  color: white;
  border-bottom: 3px solid #666666;
  font-variant: small-caps;
  font-size: 16pt;
  background: #0A4165
}

div.blueborderbox p
{
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 5px 20px;
  font-size: 10pt;
  line-height: 1.1em;
}

div.blueborderbox p.head
{
  background: #0A4165;
  color: #666;
  font-size: 8pt;
  margin: 0px;
  padding: 0px 5px 2px 5px;
  text-align: right;
}

div.blueborderbox p.topitem, div.blueborderbox p.newsitem, div.blueborderbox p.readallin
{
  padding: 2px 5px 5px 8px;
  font-size: 11pt;
}

div.blueborderbox p.newsitem
{
padding-bottom: 1.5em;
}

div.blueborderbox p.readallin
{
  background: #0A4165;
  margin-top: 3px;
}

div.blueborderbox p.topitem
{
  padding-top: 5px;
  font-variant: small-caps;
  font-size: 14pt;
  font-weight: bold;
}

div.blueborderbox p.topitem a 
{ text-decoration: none; }

#leftcol li.page_item
{
  margin-left: 8px;
  padding-left: 2px;
  padding-top: 0px;  
  padding-bottom: 7px;
  line-height: normal;
}

#leftcol li.current_page_item
{
  font-weight: bold;
}

/* page specific stuff */
div.floatleft
{
float: left;
font: .8em Arial, Helvetica, Verdana, sans-serif;
padding: 3px 2px;
margin: 1px 4px;
}

div.floatright
{
float: right;
font: .8em Arial, Helvetica, Verdana, sans-serif;
padding: 3px 2px;
margin: 1px 4px;
}
div.floatleft a img, div.floatright a img { border: none; }

p.th_title
{
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

table.phototable td
{
  font-size: 8pt;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}

dt.gallery-icon
{
  padding-right: 10px;
}

ul.linkslist a
{
  text-decoration:none;
}

/* adspace in left sidebar */
div#sidebaradspace { background: #dddddd; width:124px; padding: 0px; margin: 0px; text-align: center;}
div#sidebaradspace p { margin: 0px; padding: 2px 0px; }
div#sidebaradspace img {margin: 0px; padding: 0px; }

/* random image styles */
div.randomimg { margin: 0px; padding:0px; }
div.randomimg img { margin: 0px; padding:0px; }
div.randomimg p { margin: 0px; padding: 2px 8px 5px 8px; text-align: left; }
div.randomimg p.pic { padding-top:5px; padding-bottom:0px; text-align:center; width: 275px; height: 275px;}
div.randomimg p.cred 
{ 
  padding: 0px 8px 2px 5px;
  text-align: right; 
  font-size: 8pt; 
}

.sand
{
  background: #A4A47B;
}

/* !@!%^#!@# */
a.local1, a.local1:link, a.local1:active, a.local1:visited 
{  
  text-decoration:none;  
  color:#990000;
}
a.local1:hover {color:#CC0000;}

a.local2, a.local2:link, a.local2:active, a.local2:visited { color:#000;}
a.local2:hover {color:#CC0000;}

/* ---- LIGHTBOX PLUGIN  */
#imageData
{ color: #333; font-size: 10pt; line-height: 1.1em; }

/* ---- Event Calendar plugin styling */
ul.ec3_events
{
	margin: 5px;
	padding: 0px;
}

ul.ec3_events li
{
	list-style-type: none;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

ul.ec3_events li table td
{
	vertical-align: top;
	font-size: 10pt;
}

ul.ec3_events li table td.date
{
	width:50px;
}

ul.ec3_events li.ec3_list, ul.ec3_events li.ec3_list_month
{
	border-bottom: 2px solid #666;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

ul.ec3_events li.ec3_list li, ul.ec3_events li.ec3_list_month li
{
	line-height:1.2em;
	list-style-type: none;
	font-weight: normal;
	font-size: 10pt;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

ul.ec3_events li.ec3_list ul, ul.ec3_events li.ec3_list_month ul
{
	padding: 5px 0px 0px 10px;
	margin: 0px;
}

/*From EC3 css */
/***
 ***  Calendar
 ***/
#wp-calendar table {
 width:100%;
}
#wp-calendar #prev {
  text-align:left;
}
#wp-calendar #next {
  text-align:right;
}

/* Fix a bug in the default style. */
#wp-calendar #prev a {
  font-size:100%;
}

.ec3_eventday a {
 color:#a00 !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td:hover,
#wp-calendar table #today {
 padding:0px;
 border:solid 1px #999;
}

/* The EC graphic. */
.ec3_ec {
 display:block;
 float:right;
 border:none;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }

#wp-calendar table caption, .ec3head, #wp-calendar table caption.ec3head, .ec3head
{ 
	color: #daa520; 
	font-weight: bold;
}

/***
 ***  Popup
 ***/
.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 opacity:0.8;
 -moz-opacity:0.8;
 filter:alpha(opacity=80);
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #999 1px;        /* popup border */
 background-color:#eeb;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}
.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}
#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}
#ec3_shadow2 div { width:8px; height:32px; }
#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/* event info display in Event posts */
table.ec3_schedule {
 border-collapse:collapse;
 margin:0.5ex 1ex 0.5ex 0;
 border:dotted 1px #666;
 float:left;
}
table.ec3_schedule td {
 padding:.25ex 1ex .25ex 1ex;
 color:#999;
}
td.ec3_start { display: none; }
td.ec3_to      { display: none; }
td.ec3_end    { display: none; }
/*
table.ec3_schedule td.ec3_start { padding:0px 0.5ex 5px 0.5ex; margin-bottom: 10px; border-bottom: dotted 1px #666; }
table.ec3_schedule td.ec3_to      { padding:0px 0.5ex 5px 0.5ex; margin-bottom: 10px; border-bottom: dotted 1px #666; }
table.ec3_schedule td.ec3_end   { padding:0px 0.5ex 5px 0.5ex; margin-bottom: 10px; border-bottom: dotted 1px #666; }
*/

/* ---- Event Calendar plugin styling END */

img.attachment-thumbnail
{
border-color: #f0f0f0;
}

img.attachment-thumbnail a,
img.attachment-thumbnail a:link,
img.attachment-thumbnail a:active,
img.attachment-thumbnail a:visited 
{  
  text-decoration:bold;  
  color:#F0F0F0;
}

img.attachment-thumbnail a:hover 
{  
  text-decoration:none;
  color:#CC0000;
}
