/* TEACHING SCOTLAND ONLINE CSS - HOME PAGE STYLESHEET */

@import url("main.css");

#download-pdf {
	float:left;
	width:140px;
	height:220px;
	margin-top:4px;
	padding:0px;	
}

#internal-ad {
	float:left;
	width:160px;
	height:285px;
	margin-top:16px;
	padding:0px;	
}

#mid-column {
	float:left;
	width:650px;
	margin-left:15px;
	padding:0px;	
}

#mid-top-content {
	float:left;
	width:650px;
	height:300px;
	margin:0px;
	padding:0px;
	background-color:#D9D9D9;	
}

#mid-bottom-content {
	float:left;
	width:650px;
	margin-top:15px;
	padding:0px;	
}

.curved-box {
	width:206px;
	height:285px;
	margin:0px;
	padding:0px;
	/*background:url(http://www.teachingscotland.org.uk/web/MultimediaFiles/curved-box-bkgd.jpg) top center no-repeat;*/
       border-right:1px solid #EFEEED;
}

.curved-box p {
	margin:0px;
	padding:0px;
}

.curved-box h2 {
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
}

#mid-bottom-left {
	float:left;
	width:205px;
	height:285px;
	margin:0px;
	padding:0px;	
}

#keynote {
	float:left;
	width:181px;
	height:271px;
	margin:0px;
	padding:12px 22px 12px 12px;
}

#keynote h3, #news-feed h3 {	
        font-size:90%;
        padding:0px;
        margin:0px;
        font-weight:normal;
}

#keynote h2, #news-feed h2 {	
        padding:0px;
        margin-bottom:5px;
}

#keynote p, #news-feed p {	
        /*font-size:90%;*/
        line-height:1.4;
        color:#666666;
        font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
        padding:0px;
        margin:0px;
}

#mid-bottom-mid {
	float:left;
	width:205px;
	height:285px;
	margin-left:15px;
	padding:0px;	
}

#news-feed {
	float:left;
	width:181px;
	height:271px;
	margin:0px;
	padding:12px 22px 12px 12px;	
}

#news-feed .teaser h3 {
      margin-top:8px;
      font-size:90%;
      line-height:1.2;
      font-weight:bold;
}

#news-feed .teaser h3 a {
      color:#666666;
}

#news-feed .teaser h3 a:hover {
      color:#D13B3B;
      text-decoration:none;
      
}

#mid-bottom-right {
	float:left;
	width:210px;
	height:285px;
	margin-left:15px;
	padding:0px;	
}

#comment {
	float:left;
	width:192px;
	height:130px;
	margin:0px;
	padding:10px;	
	/*background:url(http://www.teachingscotland.org.uk/web/MultimediaFiles/comment-box-bkgd.jpg) top center no-repeat;*/
}

#comment-wrap {
       	float:left;
	width:190px;
	margin:0px;
	padding:0px;	
}

#comment-text {
	float:left;
	width:190px;
	margin:0px;
	padding:0px;
}

#comment-text p {
	margin:0px;
	padding:7px 0px 2px 0px;
	font-style:italic;	
	line-height:1.3;  
        font-size:100%;	
        color:#666666;     
        font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
}

#comment-link {
	float:left;
	width:190px;
	margin:0px;
	padding:0px;		
}

#comment-link ul {
	margin:12px 0px 0px 0px;
	list-style-type:none;
	padding:0px;
}

#comment-link ul a {
	float:left;
	display:block;
	background-color:#D63333;
	margin:0px;
	padding:3px 5px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
        text-decoration:none;
}

#comment-link ul li {
	display:inline;
	margin:0px;
	padding:0px;
}

#comment-link ul a:hover {
	background-color:#CC0000;
}*/

#comment-footer {
        display:none;	
}

#comment h2, #editors-blog h2 {
	margin:0px;
	padding:0px;
	line-height:1.2;	
}


#editors-blog {
	float:left;
	width:192px;
	height:100px;
	margin-top:15px;
	padding:10px;	
	background:url(http://www.teachingscotland.org.uk/web/MultimediaFiles/editorial-blog-bkgd.jpg) top center no-repeat;
        border-top:1px solid #EFEEED; 
}

#right-column {
	float:left;
	width:120px;
	margin-left:15px;
	padding:0px;	
}

/* FEATURE SLIDER */

#featured { 
	width:440px; 
	padding-right:210px; 
	position:relative; 
	height:300px; 
}
#featured ul.ui-tabs-nav { 
	position:absolute; 
	top:0px; 
	left:440px; 
	list-style:none; 
	padding:0px; 
	margin:0px; 
	width:210px; 
}

#featured ul.ui-tabs-nav li { 
  padding:0px; 
  color:#CCCCCC; 
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
  font-weight:bold;
  font-size:110%;
}

#featured ul.ui-tabs-nav li span { 
  font-size:100%;
  font-weight:bold; 
}
#featured li.ui-tabs-nav-item a { 
  display:block; 
  height:39px; 
  padding:10px;
  color:#333;  
  background-color:#E6E6E3; 
  /*line-height:20px;*/
  border-bottom:1px solid #FFF;
  border-left:1px solid #FFF;
}

#featured li.ui-tabs-nav-item a:hover { 
  background-color:#D13B3B;
  text-decoration:none;
  color:#FFF;
}
#featured li.ui-tabs-selected { 
  background-color:#F5F5F3;
  color:#333333;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a { 
  background-color:#F5F5F3; 
  color:#333333;
}
#featured .ui-tabs-panel { 
  width:440px; 
  height:299px; 
  background-color:#FFF; 
  position:relative;
  border-bottom:1px solid #FFF;
}
#featured .ui-tabs-panel .info{ 
  position:absolute; 
  top:200px; 
  left:0px; 
  height:99px; 
  /*background:url('http://www.teachingscotland.org.uk/web/MultimediaFiles/transparent-bg.png');*/
  background:#161616;
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}
#featured .info h2 { 
  margin:0px;
  padding:10px 10px 5px 10px;
  overflow:hidden;  
  font-size:140%; 
  color:#FFF;
}

#featured .info p { 
  width:416px;
  height:200px;
  margin:0px; 
  padding:2px 12px 5px 12px;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
  font-size:110%; 
  line-height:15px;
  color:#FFF;
}
#featured .info a { 
  text-decoration:none; 
  color:#FFF; 
}
#featured .info a:hover { 
  text-decoration:underline; 
}
#featured .ui-tabs-hide { 
  display:none; 
}


