@charset "utf-8";
/* Main style sheet for TorontoRecycling.com by Oguz Kurt Altinbilek  */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Swiss, Calibri, Helvetica, sans-serif;
 font-size: .9em;
 line-height: 1.4em;
 background:#FFF;
 padding: 0px;
 margin: 0px;
}

blockquote.quote { font-style: italic; margin: 5px 35px 5px 35px; }
blockquote.biblio { font-style: normal; margin: 15px 5px 25px 35px; }

pre { color: #999; font-size: 1.6em; }

a { font-weight:bold; text-decoration: none; color: #063; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; color: #093 }

H1 { color: #096;
 font-size: 1.5em;
 line-height: 1.9em;
}

H2 { color: #76ba00;
 font-size: 1.3em;
 line-height: 1.2em;
 margin: 10px 10px 4px 5px;
}

H3 { color: #76ba00;
 font-size: 1.2em;
 line-height: 1.6em;
 margin: 10px 10px 4px 5px;
}

H4 { color: #999;
 font-size: 1.1em;
 line-height: 1.4em;
 margin: 10px 2px 2px 2px;
}

H5 { color:#390;
 font-size: 1.1em;
 line-height: 1.1em;
 margin: 2px 2px 2px 2px;
 padding: 2px; }

p { margin: 10px 5px 5px 5px; }
p.pagetitle { font-weight: bold; font-style: normal; font size: 1.7em; color: #096; }
p.sectiontitle { font-weight: bold; font-style: normal; font size: 1.3em; color: #096; }
p.sectionsubtitle { font-weight: bold; font-style: italic; font size: 1.2em; color:#F90; }

td { margin: 2px; padding: 10px; }

input, option, textarea { border: 1px solid gray; } 


li { list-style-type: none; }

li.recycled-gray { 
 list-style-type: circle;
 list-style-image: ("../images/ico-recycled-gray.gif") 
}

li.recycled-green { 
 background-image:url(../images/icon-recycled-green.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 list-style-type: none;
 margin: 2px 2px 2px 50px;
 padding: 0px 0px 0px 20px;
}
li.recycled-green-weee { 
 background-image:url(../images/icon-recycled-green.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 list-style-type: none;
 margin: 2px 2px 2px 10px;
 padding: 0px 0px 0px 20px;
}
li.numbered { 
 list-style-type:decimal;
 margin: 4px 62px 4px 62px;
 }
 
li.ico-mov { 
 background-image:url(../images/ico-mov.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 list-style-type: none;
 margin: 12px 2px 22px 20px;
 padding: 0px 0px 0px 40px;
}

li.ico-web { 
 background-image:url(../images/ico-web.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 list-style-type: none;
 margin: 12px 2px 22px 20px;
 padding: 0px 0px 0px 40px;
}

li.ico-award { 
 background-image:url(../images/ico-award.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 list-style-type: none;
 margin: 12px 2px 22px 20px;
 padding: 0px 0px 0px 40px;
}
 
sup { font-size: .6em; }

input, select, option, textarea { font-family: Courier New; font-size: 8pt; border: 1px thin black; padding: 2px; }

#skipnav { text-align: left; display: none; }
#skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; display: none; }
#skipnav a:focus { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: display: none; }
#skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: display: none; }

#container { margin: 0 auto; padding: 0px 0px 0px 0px; background: #FFF;  min-width: 972px; max-width: 1020px; }

#faux { width: 100%; min-width: 1010px; display: block; clear: left; overflow:hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
 margin: 0px 0px 5px 0px;  background: url(../images/bg-faux.gif); }

#header { overflow: hidden; padding: 1px 2px 0px 0px; margin: 0px 0px 0px 0px; 
	font-size: .8em; font-weight: normal; text-align: right; color: #333; 
	background: #ffffff; background-image: url(../images/header-bg.jpg); background-position: bottom right; background-repeat: no-repeat;}

#social { float: left; padding: 2px 6px 0px 0px; margin: 0px;  }

#menu-top {  overflow: hidden; background: #063; text-align: left; color: #333; padding: 0px; font-size: 0.8em; margin: 0px; }

#leftcolumn { 
 width: 190px; float: left; display: inline;
 text-align: left; color: #333; font-size: 0.8em; line-height: 1.3em;
 margin: 0px 0px 0px 0px; padding: 30px 4px 4px 0px;
 background-color: #fff; background-image: url(../images/leftcolumn-bg.jpg); background-repeat: no-repeat; 
}

#leftcolumn li a { font-weight: bold; list-style-type: none; display : block;
 color: #666; text-decoration: none; border-top: 2px solid #ddd; margin: 0px; padding: 10px; border-right: 2px solid #ddd; border-left: 2px solid #ddd; }
#leftcolumn a:hover { font-weight: bold; list-style-type: none; display : block;
 color: #063; background-color:#D5FEC0; text-decoration: none; border-top: 2px solid #ddd; margin: 0px; padding: 10px; border-right: 2px solid #093; border-left: 2px solid #093;}
#leftcolumn a.on { font-weight: bold; list-style-type: none; display : block;
 color: #063; background-color:#D5FEC0; text-decoration: none; border-top: 2px solid #ddd; margin: 0px; padding: 10px; border-right: 2px solid #093; border-left: 2px solid #093;}

#navhr { background-image: url(../images/navhr.jpg); background-position: bottom; background-repeat: no-repeat; } 

#leftcolumn blockquote{ 
 text-align: right; 
 margin: 8px 35px 12px 8px;	
}
#leftcolumn .quote { 
 font-size: 1em;
 line-height: 1.2em;
}
#leftcolumn .sig { 
 font-size: 0.9em;
 line-height: 0.8em;
}

#content  { 
 float: right;
 font-size: 1em;
 line-height: 1.4em;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 30px 12px 10px;
 width: 740px;
 display: inline;
 background-image: url(../images/bg-content-3.jpg); 
 background-repeat: repeat-y;
}

#content-photo  { 
 float: left;
 font-size: 0.8em;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 30px 12px 10px;
 display: inline;
 background-image: url(../images/bg-content-3.jpg); 
 background-repeat: repeat-y;
}


#content ul { margin: 10px 10px 10px 42px; 
 list-style-position: outside;
}

#content-simple { 
 // border-top: 2px solid #1EAE59;
 float: left;
 font-size: 0.8em;
 color: #333;
 margin: 0px 0px 20px 100px;
 padding: 10px 10px 10px 10px;
 width: 600px;
 display: inline;
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 195px;
 float: right;
}
#footer { 
 clear: both;
 text-align: center;
 font-size: .8em;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px 10px 10px 10px;
 // border-top: 2px solid #1EAE59;
}

#event {
 width: 640px;
 margin: 5px 5px 5px 5px;
 padding: 5px 5px 5px 15px;
 border: 0px solid #1EAE59;
}

#goleft { float: left; clear: none; }
#goright { float: right; clear: none; }

.bodytextpadded { padding: 10px; }

#eventtitle { font-size: 1.2em; font-weight: bold; margin: 0px; padding: 5px 15px 5px 0px; }
#eventdesc { font-size:0.9em; margin: 0px; padding: 2px 15px 2px 15px; }
#eventpics { margin: 0px; padding: 2px 15px 2px 15px; }
#imagegridrow { display: table-cell; padding: 0px 0px 0px 15px; }
img.photogal { border: 1px solid black; padding: 2px 2px 2px 2px; margin: 2px 4px 2px 0px; }

#boxed { width: 550px; border: 2px dashed #ccc; padding: 2px 10px 2px 10px; margin: 10px 0px 10px 20px; background-color: #eee; }
 
.clear { clear: both; background: none; }

.blkborder { border: 1px solid #000000; padding: 4px; margin: 0px 12px 3px 12px; }
.blkborder-main { border: 1px solid #000000; padding: 4px; margin: 4px 0px 4px 0px; }
.blkborder-left { border: 1px solid #000000; padding: 4px; margin: 4px 12px 12px 0px; }
.blkborder-portraits { border: 1px solid #000000; padding: 0px; margin: 0px 10px 10px 0px; }
.blkborder-equal { border: 1px solid #000000; padding: 0px; margin: 12px; }
.blkborder-nopadding { border: 1px solid #000000; padding: 0px; margin: 0px 0px 12px 0px; }
.thinblkborder { border: 1px solid #000000; padding: 0px; margin: 0px 12px 3px 12px; }
.blkborderthin { border: 1px solid #000000; padding: 0px; margin: 0px; }
.noborder { border: 0px; margin: 0px 12px 3px 12px; padding: 0px; }
.noborderthin { border: 0px; margin: 0px; padding: 0px; }
.noborder-nopadding { border: 0px solid #000000; padding: 0px; margin: 0px 0px 0px 0px; }
.fatpadding { border: 1px; margin: 10px; padding: 10px;}
.divider { border: 0px; margin: 0px 0px 0px 6px; padding: 0px;}

.LastUpdatedDate { color: gray; }
.gobold { font-weight: bold; }
.gored { font-weight: bold; color: #800; }
.highlight { font-weight: bold; padding: 1px 2px 1px 2px; border: solid 0px #666; }
.highlight-yellow { font-weight: bold; background-color:#EFFB59; padding: 1px 2px 1px 2px; border: solid 1px #666; }
.highlight-green { font-weight: bold; background-color:#FF0; padding: 2px 3px 2px 3px; border: solid 0px #666; }

#jobbox { 
 border: 1px dashed #3c0;
 margin: 10px 300px 10px 6px;
 padding: 3px 20px 3px 20px;
}

#certbox { width: 360px; float: right; margin: 5px 0px 5px 10px; padding: 5px 0px 5px 15px; }

#partbox { width: 680px; float: left; clear: both; margin: 10px; padding: 5px; 
 font-size: 1em; font-family: Verdana, Geneva, sans-serif; line-height: 1.4em; }
 
#partbox { width: 690px; float: left; clear: both; margin: 10px; padding: 5px; }

.boxtitle { font-weight: bold; color: #093; }
.boxdescbold { font-size: 1em; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }
.boxdesc { font-family:Arial, Helvetica, sans-serif; font-weight: normal; }

.editme { color: #C00; font-style: italic; }
.legalish { font-size: 8pt; }
.photocaption { text-align: right; font-size: 8pt; }