/* Search Engine Blog Style */
body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px ;
	padding:0px;
	font-size:14px;
}
/*GENERIC*/

h1{
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.5em;
border-bottom:1px solid #CCC;
}


.bold{
font-weight:bold;
}


#alertall{
color:#CC6600;
font-size:1.2em;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
width:100%;
padding:10px;
margin:0;
background-color:#FFFF99;
}

ul{
list-style:none;
}

span.raquo{
text-decoration:none;
color:#990000;
margin:0 3px 0 3px;
padding:0 3px 0 3px;
}


span.raquo a:link{
text-decoration:none;
}

a:focus {outline:none;
}

a.more{
color:#0000EE;
text-decoration:none;
}

a.more:hover{
text-decoration:underline;
}

span.blackraq{
text-decoration:none;
color:#000000;
margin:0 3px 0 3px;
padding:0 3px 0 3px;
font-size:1.2em;
}

a:visited{
color:#000099;}


h1.headlink a, h2.headlink a, h3.headlink a{
color:#000000;
text-decoration:none;

padding:2px;
margin:0;
}


h1.headlink a:hover, h2.headlink a:hover, h3.headlink a:hover{
color:#990000;
padding:2px;
}

/*NEW TVO HEADER*/
#outer{
	width:980px;/*old vers: 780px*/
	margin:0 auto; 
}

/*TOP*/

.alrt{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC3300;
font-size:0.85em;
font-weight:bold;
margin-left:5px;
}

#adminHUD{
background-color:#aec3d6;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
font-size:0.75em;
height:26px;
text-align:left;
padding-bottom:2px;
margin-bottom:0.8em;
}


#adminHUD a{
color:#FFFFFF;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
text-decoration:none;
}


#adminHUD form{
padding:2px;
margin:0;}

/*inner container*/
#container{
	width:980px; /*old vers: 760px*/
	background-color:#FFFFFF;
	margin:0 auto;
}

#corp{
width:980px; /*old vers: 800px*/
background-color:#000000;
text-align:left;

}

/*need a new image here*/
/*old: http://www.tvo.org/utils_tvo/tvoImgs/nuBlue.jpg */
#blue{
width:100%;
text-align:center;
background:url(http://www.tvo.org/utils_tvo/tvoImgs/tvostripe.jpg) #000000 top repeat-x;
height:19px;

}

#global{
background-color:#333333; 
width:100%; 
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
}

#global form{
margin:0px;
padding:0px;
background-color:#333333;
}



/*content layout*/
/*-================================================-*/
/*-================================================-*/
/*-================================================-*/
/*-================================================-*/
#returnHome{
	float:left;
	background-color:#6699CC;
	width:6.6em;
	border:3px solid #89c1ef;
	margin: 5.5em 0 0 1em;}
	
#returnHome a{
	display:block;
	font-weight:bold;
	font-size:1.3em;
	padding:0.3em;
	text-decoration:none;
	}
	
#returnHome a:hover{

	background-color:#0066CC;
	color:#99CCFF;}

/*left, center, right, panels*/
.masthead2{
	background:url(http://www.tvo.org/searchengine/images/searchengine_blog_header.jpg) no-repeat;
	height:140px;}

#pagenav{
	display:none;}

#leftCol{
font-family:Arial, Helvetica, sans-serif;
float:left;
width:150px;
margin:0px;
padding:0px 5px 0px 5px;

}

#centerCol{
float:left;
width:100%;
padding:0px 1px;/*5px 15px 50px 15px;*/
font-size:0.95em;
min-height:800px;
margin-left:auto;
margin-right:auto;
}


#rightCol{
float:right;
width:130px;
margin:0px;
padding:0px;
}


/*-================================================-*/
/*-================================================-*/
/*-================================================-*/
/*-================================================-*/

/*CENTER COLUMN CONTENT*/
/*-================================================-*/
/*-================================================-*/
/*-================================================-*/
/*-================================================-*/

#centerCol div{
margin-bottom:5px;
}

#centerCol h3{
margin:0px;
}

#centerCol p{ margin-left:0px; margin-right:0px; }


#pagetitle{
width:98%;
margin-left:auto;
margin-right:auto;
}

#pagetitle h3{
font-size:1.5em;
border-bottom:2px double #CC0033;}

/*for the homepage most recent blog post component*/

#leftCol #blogposts{
width:400px;
margin:10px 0 10px 0;
padding-bottom:10px;
border-top:2px solid #333;
float:left;
}

#leftpanel #bloglist{
float:left;
font-size:0.85em; 
margin:15px 0 15px 10px;
padding:0;
display:block;
background: none;
}

#leftpanel #bloglist span.feedicn{
float:left;
margin:0;
padding:0;
border:none;
}

#leftpanel #bloglist span.feedicn a img{
border:none;
}

#leftpanel #bloglist span.mostrecent{
background: none;
}

#leftpanel #bloglist span.mostrecent a h3{
width:350px;
font-size:14px;
word-break: break;
margin:5px 0 5px 0;
padding:0;
clear:both;
text-decoration: none!important;
}

#leftpanel #bloglist span.mostrecent a:hover{
color:#a71930;
}

#leftpanel #bloglist .poststats{
width: 100%;
clear:both;
margin:0.7em 0 0.7em 0;
padding:0;
font-size:10px;
}


/* bottom tvo.org links */

#bottomLink1 
{ 	clear:both; 
	background-color:#333333;
	height:50px; 
	text-align:center;
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
	color: #FFFFFF; 
	
}

#bottomLink2 
{ 	clear:both; 
	background-color:#666666;
	height:100px;
	text-align:center;
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
 
}

#bottomLink1 A:link
{	
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#bottomLink1 A:hover
{	
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699CC;
	text-decoration: none;
}

#bottomLink1 A:visited
{
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#bottomLink2 A:link
{
	color: #000000;
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#bottomLink2 A:hover
{
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

#bottomLink2 A:visited
{
	font-family: 'Verdana', Arial, Helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.bottomDot1 
{
	color: #666666;
}

.bottomDot2 
{
	color: #333333;
}


/*------------------------------------------------------*/
/*------------------ Blog Stuff ------------------------*/
/*------------------------------------------------------*/
#blog{ text-align:left; float:left; width:50%; background:#FFF; padding:0 30px 40px 10px; margin:0; }


#blog h4{
margin:0px;
font-size:1.2em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#0066CC;
}


#blog form{
margin:30px 0 0 0;}


#blog #postwin{
width:500px;}


#blog #signlog{
width:500px;
height:300px;
background:none;
border:none;
padding:0 0 0 0;
margin: 0 0 0 0;}

#signlog #signup{
width:200px;
float:right;
margin:50px 10px 0px 0px;
padding:0px 0px 0px 10px;
}

#signup{
border-left:1px solid #CCC;
color:#333333;
background-color:#FFF;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}



#signupbtn{}

#commentlogin{
width:200px;
float:left;
}

#commentlogin label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#commentlogin a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
text-decoration:none;
}



#blog p input{
border:1px solid #CCC;
font-size:1.2em;
}



#post{
display:block;
width:98%;/*450px*/
padding:5px 0px 0px 0px;
margin-left:auto;
margin-right:auto;
font-size:1.1em;
line-height:1.5em;
}

#post #segmentTags{
width:100%;
padding:0;
margin:0;
}

#post #segmentTags img{
border:none;!important
margin:0;
}

#post ul li img{
border:none;
}

.postlist{
display:block;
list-style:square outside;
color:#3399CC;
font-size:0.9em;
padding:0px;
margin:0 0 0 15px;
}

.postlist a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#666666;}

.postlist  a:hover{
text-decoration:none;
color:#FF3300;}

ul.monthlist{
margin:10px 0 20px 20px;
list-style:none;
}



#profilebox{
display:block;
width:98%;/*450px*/
padding:5px 0px 0px 0px;
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.0em;
}




#post img{ border:1px solid #CCCCCC; padding:5px; margin-left:0px; } 


#midCol{
width:200px;
float:left; 
padding:0;
margin:10px 0px 0px 40px;
}


#midCol h3{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:1.2em;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
color:#006699;
}

/*right column*/
#right{
text-align:left;
float:right;
border-left:1px solid #CCCCCC;
width:210px;
vertical-align:top;
}

#right div{
margin:5px;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#EEEEEE;
font-size:0.85em;
padding:0px 0px 2px 2px;
}

#right h3{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:1.2em;/*1.2em*/
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
color:#0033CC;/*#006699*/
}

#right .name{
font-size:0.95em; }


#right ul{
list-style:square;
color:#3399CC;
font-size:0.9em;
padding:0px 0px 0px 15px;
}

#right ul a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#666666;
}
#right ul a:hover{
color:#FF3300;}

/*PROFILE*/
#profile{
padding:5px;
}

#profile h2.headlink a{
font-size:1.1em;
line-height:1em;
color:#000;
}

#profile h2.headlink a:hover{
color:#990000;
}

#profile img{
margin:0px 5px 0px 5px;
display:block;
float:left;
padding:3px;
border:1px solid #CCCCCC;
}

#profile p{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin:0px 5px 0px 5px;
padding:0px 0px 0px 0px;
}

#profile a{
font-size:0.8em;
color:#003399;
text-decoration:none;
}


/*contributors*/
#contributors img{
	padding:3px;
	border:1px solid #CCCCCC;
	float:left;
	margin:0 0.5em 0.5em 0;
}

#contributors p{
	margin-top:0;}

/*admin doesn not need a pic*/
#admin a{
font-size:0.95em;}


#addto ul li{
display:inline;}

#addto img{border:none;}



#post #feeds{
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:15px;
	padding:12px;
	width:82%
}

#post #feeds .feedBlock{
	margin-top:0;
	clear:both;}

#post .icon {
vertical-align:middle;
display:inline;
clear:none;
border:none;
}

#feeds h4{
margin:2px;}

#feeds img{
margin:5px;
border:none;}

/*PERMALINKS / EMAIL THIS / COMMENT LINKS */
.functions{
color:#006633;
clear:both;
}

.functions a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.70em;
color:#006633;
text-decoration:none;
}

.functions a:hover{
color:#FF6600;
background-color:#CCCCCC;

}


/*POST RESOURCES*/

#postrsrc{
border:1px dotted #00FFFF;
padding:5px;
}

#postrsrc h3{
margin:0px;
font-size:0.9em;
}
#postrsrc h4{
font-size:0.85em;
}

#postrsrc a{
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#postrsrc div{
margin:10px;}


#linkrsrc{}

#videorsrs img{
text-align:left;
}

#audiorsrs img{
float:left;
}


/*TAG DIV*/
.posttags{
padding:0px 0px 10px 0px;
}

.posttags a{
color:#FF3300;
text-decoration:none;
}

.posttags a:hover{
color:#339966;
background-color:#C5DFDA;}

/*CONTAINER*/
#commentbox{
background-color:#FFFFFF;
width:95%;
padding:5px;
margin-left:auto;
margin-right:auto;
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.0em;
}

#commentbox h3{
color:#999999;
font-size:1.5em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
text-align:left;
border-bottom:4px double #999999;
}

#commentbox .functions{
border-bottom:1px solid #666666;
}


/*SINGLE COMMENT*/
.comment{
border-bottom:1px dotted #000066;
padding:15px 0px 10px 0px;
clear:both;
}

.comment div{
width:85%;

}

/*this p should be the TITLE of the comment*/
.comment h5{
color:#333333;
font-size:1.2em;
font-weight:bold;
margin:2px 0px 5px 0px;
}


/*POST REFERENCE*/

#postrefer{ 
width:98%;
border:1px dotted #333333;
padding:5px;}

#postrefer h4{ 
font-size:1.5em;
color:#FF0000;}
#postrefer h3{ color:#003333;}
#postrefer p{}
#postrefer img{
float:none;}



/*REPLY TO COMMENT BY ANYONE*/
.reply{
border-bottom:1px dotted #000066;
padding:15px 0px 10px 35px;

}

.comment h4, reply h4{
color:#0099CC;
font-size:1.2em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-weight:bold;
}

.comment p, reply p{
font-size:12px;}

.quote{
margin-left:auto;
margin-right:5px;
padding:5px;
border:1px solid #CCCCCC;
}

.quote h4{
color:#0066CC;
}

.quote span{
font-size:0.85em;
border-bottom:1px solid #CCCCCC;
}

#quoted{
font-weight:bold;
color:#999999;
}

#addcomment{
display:block;
width:98%;
padding:5px;
margin-top:5px;
border:1px dotted #D9D9D9;
background-color:#D7F1FF;
}


#addcomment label{
color:#000066;
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;}

#addcomment textarea{
border:1px solid #000000;

}

/*ROBERT'S SIGN IN STYLE BOX*/

 #AddCommentLayer{ 
  /* display:none;*/
   position:relative;
}
	  
#signlog{
width:425px;
height:200px;
border:1px dotted #D9D9D9;
background-color:#D7F1FF;
padding:5px;
margin:15px;
}

/*INLINE COMMENT BOX*/

#commentinline{
width:425px;
height:100%;
border:1px dotted #D9D9D9;
background-color:#D7F1FF;
padding:5px 5px 15px 5px;
margin:15px;
}

#commentinline label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#commentinline textarea{
width:400px;
height:100px;

}
/*INLINE LOG IN / SIGN UP BOX*/


#closewin a{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#666666;
position:relative;
left:375px;
top:0px;
padding:0px;
margin:0px;
display:inline;
}

#closewin a:hover{
color:#FF6600;}


#commentlogin{
width:200px;
float:left;
}

#commentlogin label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#commentlogin a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
text-decoration:none;
}

#signlog #signup{
width:200px;
float:right;
margin:50px 10px 0px 0px;
padding:0px 0px 0px 10px;
}

/*EMAIL THIS BLOG FORM*/

#emailform{
width:425px;
border:1px dotted #D9D9D9;
background-color:#D7F1FF;
padding:5px;
margin:15px;
}

#emailPostTitle{
background-color:#FFFFCC;
color:#000066;
font-weight:bold;
border:none;
}

#emailform label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

/*PASSWORD RETREIVAL*/
#passform{
width:100%;
border:1px solid #000000;
padding:5px 0px 0px 20px;
margin:5px 0px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#passform label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

/*SIGN UP FORM*/

#signupform{
width:75%;
border:1px solid #000000;
padding:5px 10px 20px 10px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#signupform h2{
color:#006699;
}

#signupform label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

/*SIGN UP FORM EXPERT*/
#signupformX{
width:75%;
border:1px solid #000000;
padding:5px 10px 20px 10px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#signupformX h2{
color:#006699;
}

#signupformX label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

#expertTxtBox{
width:250px;
height:100px;
}

/*SEGMENT MEDIA SPECIAL BOX FOR TAGS*/

.segmentMedia{
width:200px;
display:block;
float:left;
text-align:left;
padding:2px;
margin:0 2px 0 0;}

.segmentMedia, .segmentMedia2, #segmentTags, .monthlist, .postlist{
width:175px;/*175px*/
display:block;
text-align:left;
padding:2px;
margin:0 2px 0 0;
}

.segmentMedia li a{
font-size:0.90em;
}

.segmentMedia li img{
padding:3px 5px 5px 0; 
vertical-align:middle;
display:inline;
clear:none;
}

/*BLOG HOME*/
#blog{
text-align:left;
float:left;
width:50%;/*500px wide*/
background-color:#FFFFFF;
padding:0px 0px 40px 12px;/*12px left padding*/
margin-left:10px;/*0 px left margin*/}

#leftpanel{/*left blog column*/
width:90%;
padding:0 5px;
float:left;
}

#midright{/*mid blog column*/
width:340px;
float:left;
padding:0 6px;
margin:0 6px;
}


#bloglist{
padding:20px;
font-size:1em;
display:block;
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
background:url(images/cornershadow.gif) no-repeat;
}

#bloglist h2{
margin:0px;
}

#bloglist h3{
font-size:16px;
margin-top:20px;
}


#bloglist p img{
width:30%;
height:30%;
border:1px solid #CCC;
padding:3px;
margin:0 0 0 6px;
}

#bloglist ul{
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
margin:0px;
padding:10px 0px 15px 0px;
}

#bloglist ul li{
padding:0px;
margin:5px;
border-bottom:1px solid #EFEFEF;
}

#bloglist ul li h3{
color:#0066CC;
text-decoration:none;
}

#bloglist ul li.mostrecent{
padding-bottom:5px;
margin-bottom:10px;
}

#bloglist ul li.mostrecent a{
color:#0000EE;
}

#bloglist ul li.mostrecent a:hover{
color:#0000EE;
text-decoration:underline;
}


#bloglist ul li .date{
font-size:0.75em;
}

#bloglist ul li .comments{
font-size:0.75em;
}

/*STATS*/

#stats{
color:#999999;
}

/*Hide search option for this blog as this blog module only contains 1 blog*/
#search label{
	display:none;
	}
	
#search br{
	display:none;}