/*

Theme Name: TWFF4

Theme URI: http://www.twff.ca

Description: TWFF4 theme for twff.ca

Version: 1.0

Author: Spencer Lee

Author URI: http://www.scooppower.com

*/



html {

margin:0;

padding:0;

overflow:auto;

overflow-x:hidden;

}



body {

background-color:#ffffff;

margin:0;

padding:0;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:13px;

color:#333333;

}



a {

text-decoration:none;

}



a:hover {

}



a img {

background-color:#FFFFFF;

border:0;

}



.space-2 {

height:2px;

}



.space-10 {

height:10px;

}



.space-20 {

height:20px;

}



.space-50 {

height:50px;

}



.space-80 {

height:80px;

}



.space-100 {

height:100px;

}



.space-200 {

height:200px;

}



.wrap-900 {

width:900px;

margin:0 auto;

}



.wrap-1000 {

width:1000px;

margin:0 auto;

}



.twff-logo {



}



.ubcle-logo {

float:right;

}



.separator {

background-color:#000000;

width:100%;

height:2px;

}



.billboard {

width:1000px;

height:300px;

margin:0 auto;

}



.billboard-wrap {

background-color:#000000;

width:100%;

}



.billboard-single {

width:1000px;

height:90px;

margin:0 auto;

text-align:right;

}



.main {

width:650px;

float:left;

}



.main a {

background-color:#eeeeee;

color:#333333;

text-decoration:none;

}



.main a:hover {

background-color:#ffffbf;

text-decoration:none;

}



.header-bar {

height:30px;

background-image:url(images/header-bar.jpg);

background-repeat:no-repeat;

padding-left:469px;

}



.search-box {

float:left;

width:146px;

height:30px;

background-image:url(images/search-box.gif);

}



#search-input {

background:none;

border:none;

margin-top:7px;

margin-left:3px;

}



.search-button {

float:left;

width:25px;

height:30px;

}



#search-image {

background:none;

border:none;

}



.header-bar-english-button {

float:left;

width:80px;

height:30px;

}



.header-bar-chinese-button {

float:left;

width:35px;

height:30px;

}



.blog-header {

height:5px;

background-image:url(images/blog-header.gif);

background-repeat:no-repeat;

}



.blog-body {

background-image:url(images/blog-body.gif);

background-repeat:repeat-y;

}



.blog-container {

width:600px;

padding-left:20px;

padding-top:1em;

padding-bottom:1em;

}



.blog-entry {

height:180px;

}



.blog-thumbnail {

width:220px;

height:165px;

border:1px solid #000000;

float:left;

}



.blog-thumbnail img {

margin-bottom:-3px;

}



.blog-text {

padding-left:10px;

margin-left:0.5px;

width:360px;

height:166px;

border-bottom:1px dotted #cccccc;

float:left;

}



.blog-title {

font-family:Arial, Helvetica, sans-serif;

font-size:19px;

}



.blog-time {

font-size:10px;

}



.blog-content {



}



.blog-content img {

border:1px solid #000000;

}



.blog-info {

font-size:10px;

}



.blog-footer {

height:5px;

background-image:url(images/blog-footer.gif);

background-repeat:no-repeat;

}



.prev-next-link {

margin-right:1em;

}



.comments {

width:600px;

font-size:10px;

border-top-style:dashed;

border-top-color:#333333;

border-top-width:1px;

}



.comments-name {

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

}



.comments-text {

font-size:12px;

}



.comments-footer {

border-bottom:1px dotted #cccccc;

}



.sidebar {

float:right;

width:350px;

}



.trailer {

background-color:#000000;

text-align:center;

height:265px;

}



.trailer-header {

background-image:url(images/trailer-header.gif);

background-repeat:no-repeat;

width:350px;

height:12px;

}



.gallery {

color:#cccccc;

background-color:#000000;

padding-top:20px;

text-align:center;

}



#gallery-text-header {

background-image:url(images/gallery-text-header.gif);

background-repeat:no-repeat;

width:350px;

height:12px;

}



#gallery-text-body {

background-image:url(images/gallery-text-body.gif);

background-repeat:repeat-y;

}



#gallery-text-footer {

background-image:url(images/gallery-text-footer.gif);

background-repeat:no-repeat;

width:350px;

height:8px;

padding-left:5px;

padding-right:5px;

}



#gallery-gallery {

text-align:center;

margin-bottom:40px;

}



#gallery-upload {

width:580px;

padding-left:10px;

}



#gallery-upload-header {

background-image:url(images/upload-header.jpg);

background-repeat:no-repeat;

width:580px;

height:200px;

}



#gallery-upload-body {

width:580px;

background-color:#000000;

color:#cccccc;

padding-top:5px;

padding-bottom:5px;

}



#gallery-upload-button {

padding-left:20px;

}



#gallery-upload-footer {

background-image:url(images/upload-footer.gif);

background-repeat:no-repeat;

width:580px;

height:10px;

}



.big-eye-store {

background-color:#000000;

height:220px;

padding-left:25px;

padding-top:20px;

}



.sponsor-logo {

margin-right:15px;

}



.footer-main {

background-color:#000000;

height:50px;

width:640px;

}



.footer-side {

background-color:#000000;

height:50px;

width:350px;

}



.footer-container {

background-color:#000000;

height:19px;

}



.footer-link {

color:#CCCCCC;

font-size:12px;

padding-top:2px;

float:left;

}



.footer-link a {

color:#CCCCCC;

font-size:12px;

}



.footer-link a:hover {

color:#FFFFFF;

background-color:#222222;

}



.footer-span {

padding-left:15px;

padding-right:10px;

}



.copyright {

float:right;

padding-right:10px;

padding-top:2px;

color:#cccccc;

font-size:12px;

}



.footer {

font-size:12px;

clear:both;

}



#footer-footer {

width:1000px;

height:30px;

background-image:url(images/footer-footer.gif);

background-repeat:no-repeat;

}









.menu {

height:60px;

}



.menu a{

background-color:#FFFFFF;

}



.menu a:hover{

background-color:#FFFFFF;

}



.button {

float:left;

}



.button-language-en {

background-image:url(images/menu-en.jpg);

background-repeat:no-repeat;

float:left;

width:42px;

height:60px;

}



.button-language-en-block {

margin-top:30px;

width:42px;

height:30px;

display:block;

}







.button-language-zh {

background-image:url(images/menu-zh.jpg);

background-repeat:no-repeat;

float:left;

width:42px;

height:60px;

}



.button-language-zh-block {

width:42px;

height:30px;

display:block;

}



input {

border:1px solid #000000;

}



textarea {

border:1px solid #000000;

}