/*  
Theme Name: Toronto Thumbs
Theme URI: http://www.torontothumbs.com/
Description: Based off of Pop Blue by Bob at blogohblog.com. Modified heavily.
Version: 2.0
Author: Shaun Hatton
Author URI: http://www.shaunhatton.com/

*/

/*------------------------------------- Image presentation styles ----------------------------------*/

div.floatl {
  float: left;
  display: block;
  padding: 4px;
border: solid 1px #E5E5FF; 
color: #095278;
background: url(images/captionBG.gif);
margin: 0 7px 2px 0;
  }

div.floatr {
  float: right;
  display: block;
padding: 4px;
border: solid 1px #E5E5FF; 
color: #095278;
background: url(images/captionBG.gif);
margin: 0 0 2px 7px;
  }

div.centre {
display: block;
border: solid 1px #E5E5FF; 
padding: 10px 0 0 0;
margin-bottom: 10px;
color: #095278;
background: url(images/captionBG.gif);
text-align: center;
font-size: 10px;
  }

div.centre p {
text-align: center;
font-size: 10px;
}

div.centre img {
border: solid 1px #E5E5FF; 
}
  
div.snowy {
display: block;
border: solid 1px #E5E5FF; 
padding: 10px 0 0 0;
margin-bottom: 10px;
color: #095278;
background: url(http://www.torontothumbs.com/wp-content/uploads/2009/12/bg-snowy.png);
text-align: center;
font-size: 10px;
  }

div.snowy p {
text-align: center;
font-size: 10px;
}

div.snowy img {
border: solid 1px #E5E5FF; 
}


div.floatl p{
text-align: center;
font-size: 10px;
   }
div.floatr p {
text-align: center;
font-size: 10px;
}

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

img.right2 { padding: 4px; margin: 0 0 2px 7px; display: inline; clear:left;}

img.left2 { padding: 4px; margin: 0 7px 2px 0; display: inline; clear:right;}

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.centered2 { display: block; text-align:center; }

img.caption,.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:8px; color: black; text-align: center; }

a img {border:none;}

iframe {border: solid black 0px;}

/*------------------------------------- And the divs ----------------------------------*/


body{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0; color:#666;line-height:18px;background:url(images/siteBG6.png) repeat-x top left;background-color:#FFFFFF;}
#top{width:800px;height:280px;margin:0px auto;padding:0;top:100px;}
#header{margin:0 auto;padding:0;}
#header h1{font-size:0px;margin:0;padding:0;}
#header h1 a{display:block;background:url(images/logoV5.png) no-repeat top left;height:280px;} 
h1, h2{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:22px; line-height:30px; font-weight:bold; text-align: left;}
h3 { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:18px; line-height:30px; font-weight:bold;}
a:link { text-decoration: none; color : #095278; border: none;}
a:active { text-decoration: none; color : #095278; border: none;}
a:visited { text-decoration: none; color : #095278; border: none;}
a:hover	{ text-decoration: underline; color : #4192e5; border: none;} 

#nav{background-color:#012b40;height:35px;border-bottom:#012b40 0px solid;border-top:#012b40 0px solid;margin:0;padding:0;}

#nav2{height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;}
ul.nav2{height:35px;line-height:35px;float:left;list-style:none;font-size:12px;font-weight:bolder;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#FFFFFF;float:left;display:block;padding:0 06px;text-transform:uppercase;}
ul.nav2 li a:hover{color:#012b40;text-decoration:none; background: #96b460;}
ul.nav2 li a:active{color:#4192e5;text-decoration:none;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#4192e5;}
ul.nav2 li ul{float:left;margin:0;padding:0;}
.postmetadata {background:url(images/postMetaBG.png) repeat-x top left; padding:5px; font-size: 9px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
#main{width:800px;margin:0 auto;padding:0;}
#content{float:left;width:580px;margin:10px 0 0;padding:0; border-right:0px #d8eaf3 solid; text-align: justify;}

#teaserCopy {text-align: justify; font-size: 11px; line-height: 16px;}

.entry{float:left;width:570px;margin:0;padding:0; }

.entry a, .entryPodcast a, .entryFeatureRetro a, .entryFeature a, .entryRetro a {text-decoration:underline; }

.entry h2 a, .entryPodcast h2 a, .entryFeatureRetro h2 a, .entryFeature h2 a, .entryRetro h2 a {text-decoration:none;}

.entryFeature{float:left;width:570px;margin:0;padding:0; background: url(images/featureHighlight.gif) top right no-repeat;}

.entryRetro{float:left;width:570px;margin:0;padding:0; background: url(images/featureRetro.gif) top right no-repeat;}

.entryFeatureRetro{float:left;width:570px;margin:0;padding:0; background: url(images/featureRetroF.gif) top right no-repeat;}


.entryPodcast{float:left;width:570px;margin:0;padding:0px; background: url(images/featurePodcast.gif) top right no-repeat;}

.entryAnnouncement{float:left;width:560px;margin:0px 0px 5px 0px;padding:0px 5px 0px 5px; background: url(images/featureBulletin.gif) top right no-repeat; border: solid 1px #E5E5FF;}

.postmetadataAnnouncement {padding:5px; font-size: 11px;}

.entryPodcast h2 a{color:#FFA347}

.postmetadataPodcast {background:url(images/postMetaPodcastBG.png) repeat-x top left; padding:5px 5px 5px 30px; font-size: 9px;}

#sidebar{float:right;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{float:right;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{font-size:12px;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0;padding:0;font-size:11px;}
#rsidebar ul li{list-style-type:none;margin:0 0 5px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}
.navigation{width:570px;color:#666;margin:0 auto; padding:0px;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}

#searchform { height:35px; line-height:35px; float:right; display:block; margin: 0; padding: 0; }

input#s { color: #5188d2; width: 100px; border: 1px solid #D8EAF3; padding: 1px; background: #fcfcfc; font: Verdana, Arial, Tahoma, Helvetica, sans-serif, normal; font-size:10px;}

#searchsubmit {color: #095278; border: 1px solid #D8EAF3; padding: 1px; background: #C4D79D url(images/reviewBG.gif); font: Verdana, Arial, Tahoma, Helvetica, sans-serif, normal; font-size:10px;}

#searchsubmit:hover {background: url(images/featureBG.gif); }

#footer{background:#C4D79D;clear:both;height:10px !important;margin:0;padding:0;}
#footerbox{background:#012b40;line-height:17px !important;margin:0;padding:0;}
.footer{width:800px;color:#FFF;font-size:11px;line-height:17px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#FFF;border:none;}
.boxcomments{border-top:0px solid #D8EAF3;border-bottom:0px solid #D8EAF3;margin-bottom:0px;width:570px;font-size:11px;}
#commentform{margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}

/* start of messing with comments */

ol.commentlist{margin:0 0 1px;padding:0;}

ol.commentlist li{border-top:0px solid #eee;display:block;list-style:none;padding:5px;margin:0px 6px 0px 6px;}

.commentText {padding:5px;margin:0px 6px 0px 6px;}

ol.NOTcommentlist li :hover{background:none;}

ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#D8EAF3;padding-left:15px;margin:0 0 5px;}

.commentName { float: left; }

.commentDetails { float: right; }

.spacer { clear:both; height:1px; padding:0; margin:0; }

/* end of messing with comments */

hr {
	display: block; /* set display:block so IEWin applies the correct margins */
	color: #D8EAF3;
	background-color: #D8EAF3;
	border: none;
	height: 1px;
	padding: 0;
}
a img {
border: none;
}

img.rating {
padding-left: 4px;
float: right;
}

table.rating {
margin-left: 4px;
float: right;
}

li.editorial {
background: url(images/featureBG3.gif) repeat-x;
border: solid 1px #D8EAF3;
}

li.editorial h2 {
color: #095278;
}

li.feature {
background: url(images/featureBG2.gif) repeat-x;
border: solid 1px #D8EAF3;
}

li.feature h2 {
color: #095278;
}

li.feature highlight, li.editorial highlight, a.moreposts highlight {
font-weight: bold;
text-transform: uppercase;
}

li.feature br, li.editorial br, a.moreposts br{
display: none;
visibility: hidden;
}

li.twitter {
background: url(images/featureBG.gif) repeat-x;
border: solid 1px #D8EAF3;
color: #095278;
}

li.twitter a{
color: #095278;
}

li.twitter a small{
color: #F0A256;
}

li.twitter h2 {
color: #095278;
}

li.searchform{
background: url(images/featureHighlightBG.gif) repeat-x;
border: solid 1px #D8EAF3;
}
li.searchform strong {
color: #095278;
}

#score {
background: url(images/reviewBG2.gif) no-repeat;
border-top: solid 1px #D8EAF3;
border-bottom: solid 0px #D8EAF3;
padding: 4px;
}

#ednote {
width: 560px;
color: #095278;
background: url(images/reviewBG.gif) repeat-x;
border-top: solid 1px #D8EAF3;
border-bottom: solid 0px #D8EAF3;
padding:4px;
}

.imagebg {
text-align: center;
color: #095278;
background: url(images/reviewBG.gif) repeat-x;
border-top: solid 1px #D8EAF3;
padding: 4px;
}

.imagebg img{
padding: 1px;
border: 1px white;
}

.imagebg a {opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; }

.imagebg a:hover {opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; }

#photocap {
font: 8px;
text-decoration: emphasize;
color: #095278;
background: url(images/reviewBG.gif) repeat-x;
border-top: solid 1px #D8EAF3;
border-bottom: solid 0px #D8EAF3;
padding: 4px;
}

#shareit {
width: 100%;
line-height: 20px;
color: #095278;
background: #FFF;
height: 20px;
border-top: solid 1px #D8EAF3;
border-bottom: solid 1px #D8EAF3;
padding: 6px 1px 6px 0px;
}

#shareit a {opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4; }

#shareit a:hover {opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; }

#piccentred {
width: 100%;
color: #095278;
background: url(images/reviewBG.gif) repeat-x;
border-top: solid 1px #D8EAF3;
text-align: centered;
border-bottom: solid 0px #D8EAF3;
padding: 4px;
}

.earlug {
width: 100%;
text-align: center;
}

.earlug small{
width: 100%;
background: #D8EAF3;
}

.earlug img{
padding: 1px;
}



.editorialFooter {font-size: 9px; line-height: 16px; border-top: solid #D8EAF3 1px;}

.alt {background:url(images/commentBG.gif) repeat;}
.NOalt:hover{background:url(images/commentBG.gif) repeat;}
.mycommentalt{background:url(images/commentBG.gif) repeat;}
.NOmycommentalt:hover{background:url(images/commentBG.gif) repeat;}

.plinks ul { list-style-type: none; list-style: none; margin: 0; padding: 0; }
.plinks ul li { display: inline; }

.imgcomment {float:none;clear:both;background:url(images/featureBG2.gif) repeat-x top left; padding:2px 2px 2px 5px; font-size: 9px; height:17px;}

.imgcomment img {float:left;margin-right:6px;}

.imgcommentalt {float:none;clear:both;background:url(images/postMetaBG.png) repeat-x top left; padding:2px 2px 2px 5px; font-size: 9px; height:17px;}

.imgcommentalt img {float:left;margin-right:6px;}

.imgcommentaltPodcast {float:none;clear:both;background:url(images/postMetaBG.png) repeat-x top left; padding:2px 2px 2px 5px; font-size: 9px;}

.nextpageFooter {
font-size: 12px; line-height: 26px; text-align: center; font-weight: bolder; color:#A6C470;
width: 570px;
}

.nextpageFooter p{
display: block;
}

.nextpageFooter a {
font-size: 12px;
padding: 3px;
border: solid #E5E5FF 1px;
}

.nextpageLink {
width: 20px;
}

.nextpageFooter a:hover {
border: solid #095278 1px;
background: url(images/captionBG.gif);
text-decoration: none;
}


h2 small {
line-height: 18px;
font: 14px;
color: #a6c470;
}

h2 a:hover{
text-decoration: none;
}

h2 highlight {
line-height: 18px;
font: 12px;
text-transform: uppercase;
color: #a6c470;
}

h2 {
line-height: 24px;
text-transform: capitalize;
}

h2 nintendo {
color: #FE000C;
}

.moreposts, a.moreposts {
font-size: 11px;
line-height: 18px;

text-align: justify;
}

#apDiv3 strong {
color:#095278;
}

.system {
font-size: 10px;
line-height: 15px;
}

.system a {
color:#666;
}

.system h2 {
font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#095278;
}

.grey {
color: #666;
}

