/*
Theme Name: BlackSwan
Theme URI: http://www.eizil.com
Version: 1.0
Description: 1 Column theme from Acoostic Design
Author: Mohd Hadihaizil Din
Author URI: http://www.eizil.com.com
*/

/* Import external stylesheet */
@import url('reset.css');

body { 	background: #101010; margin: 0; font-size: 11px; padding: 0; color:#CCCCCC;}
a {	color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {border:none;}
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #222; border: 1px solid #333; }


/*	Navbar  									*/
#navbar { background-image: url(images/top-header.gif); background-repeat:repeat-x; height: 103px; }
#navbar img a{ margin: 0px;	border: none;}
#navbarleft { width: 350px; height: 35px; float: left;}
#navbarright { float: right; height: 35px; }
#navbarright ul { background-image:url(images/nav_bg.gif); background-repeat:repeat-x; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; }
#navbarright li { background-image:url(images/nav_bg.gif); background-repeat:repeat-x; float:left; font-size:12px; line-height:2.5em; padding:0pt; }
#navbarright li a { color: #CCCCCC; background-image:url(images/nav_bg.gif); background-repeat:repeat-x; float: left; font-weight: bold; height: 35px; padding: 3px 15px 0 15px; text-align: center; text-decoration: none; }
#navbarright li a:hover { background-image:url(images/nav_bg_hover.gif); background-repeat:repeat-x; color: #FFFFFF;	height: 35px;font-weight: bold;text-decoration: none;}

/*	Slider Area									*/
#slider { height: 315px; background-color:#000; margin-top:0px;}
#featured{ 	width:800px; padding-right:100px; position:relative; border:5px solid #333; height:310px; background:#fff;}
#featured ul.ui-tabs-nav{ position:absolute; top:0; left:800px; list-style:none; padding:0; margin:0; width:100px; }
#featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px;  font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee;}
#featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; 	line-height:18px; }
#featured li.ui-tabs-nav-item a{ display:block; height:60px; color:#333;  background:#fff; line-height:20px;}
#featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2; }
#featured li.ui-tabs-selected{ background:url('images/selected-item.gif') top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#ccc; }
#featured .ui-tabs-panel{ width:800px; height:250px; background:#fff; position:relative;}
#featured .ui-tabs-panel .info{ position:absolute; top:0px; right:0; width:250px; height:310px; background: url('images/transparent-bg.png'); }
#featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0;overflow:hidden; }
#featured .info p{ padding:10px; margin:0; font-family:Verdana; font-size:11px; line-height:2em; color:#f0f0f0;}
#featured .info .infotext{ padding:10px; font-family:Verdana; font-size:11px; line-height:1.5em; color:#f0f0f0;}
#featured .info a{ text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }
#videoslider{ background-color:#000; margin-left: auto; margin-right: auto; padding:0;}

/*	Category									*/
#category-holder { background-image: url(images/category-bg.gif); background-repeat:repeat-x; height: 32px; background-color:#000; margin:0; padding:0; position: relative;}
#category { background-image: url(images/category-bg.gif); background-repeat:repeat-x; background-color:#000; margin:0; padding:0; position: relative; display:none;}
.ddmcc { width: 200px; float: left;	padding-right: 20px; }
.ddmcc ul { margin: 10px 0 10px 0; padding: 0; list-style: none; text-indent: 0;}
.ddmcc li {	margin: 0 0 2px 0; padding: 0;}
.ddmcc p.sep { font-size: 1.2em; color: #808080; font-weight: bold;}
.ddmcc p.sep:hover { cursor: pointer; }

/*	Content										*/
#content { background-image: url(images/content-bg.gif); background-repeat:repeat-x; background-position:bottom; height:580px; background-color:#1b1b1b; margin:0; padding:0; position: relative;}

/*	Thumbnails									*/
.thumbnail-wrap { float: left; margin: 0px 36px 25px 0px; width: 151px; height: 240px; border:solid 1px #666;}
.thumbnail-category { margin: 0px 14px 18px 0px; }
.thumbnail-div { float: left; padding: 5px 0px 0px 5px; width: 151px; height: 151px; background-image: url(images/thumbnail-bg-full.gif); }
.thumbnail-div .sections-overlay { background: url(images/thumbnail-overlay.png) no-repeat -40px -300px; width: 141px; height: 141px; margin-top: -33px; float: left; }
.thumbnail-shadow { width: 100%; float: left; height: 33px; }
.thumbnail-div .sections-overlay .zoom { margin: 60px 0px 0px 61px; }
.thumbnail-single .sections-overlay { width: 624px; height: 364px; }
.thumbnail-single embed, .thumbnail-single object { width: 624px; height: 364px; }
.thumbnail-bottom { margin: 5px 0px 0px -5px; }
.thumbnail-single { border: 10px solid #313131; width: 624px; height: 364px; }
.blogthumbnail { border: 10px solid #313131; display: inline; float: left; margin-right: 15px; }
.readmore { background-image: url(images/readmore-bg.png); padding: 5px 5px; color: #fff; font-size: 10px; margin: 23px 0px 0px 40px; display: block; float: right; }
.thumbtext { padding: 6px; }

/*	Footer										*/
#footer { background-image: url(images/footer-bg.gif); background-repeat:repeat-x; height: 70px; background-color:#000; margin:0; padding:0; position: relative; line-height:7em;}
.footext {float:right;}