/*
Theme Name: Spune pe scurt
Theme URI: http://spunepescurt.ro/
Version: 0.1
Author: Adworks
Author URI: http://www.adworks.ro/
 */
/* Comments

	General thumb 280x210px
	
*/


/*==================================================================
	[01] RESET
================================================================== */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*==================================================================
	[02] GENERAL
================================================================== */

html, body { }
body { background:#000; }
a img { border: 0px; }
img.centered { display: block; margin: 0 auto;}
small { font-size: 10px; line-height:14px; } 
big { }
img { -ms-interpolation-mode: bicubic; } /* IE will rander html resized images decent */

.clear { clear:both; }
div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */
#wrapper div.clear { height: 0px; }

.right { float: right; }
.left { float: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; display: block; }
* html .clearfix { height: 1%;}

#wrapper img { vertical-align:middle; }
.disabled { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; cursor:default; }

body { padding: 0px; margin: 0px; background-color: #000; background-image: url(images/bg-sky.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
#main-bg { display: block; width: auto; width: 100%; padding-bottom: 400px; background-image: url(images/bg-main.gif); background-position: bottom; background-repeat: no-repeat; }
#wrapper { display: block; width: 980px; margin: 0px auto; position: relative; }
#top-header { display: block; height: 100px; position: relative; }
#content-wrapper { display: block; padding: 9px; margin: 0px; background-image: url(images/grey-70.png); }
#content-holder { display: block; padding: 0px; margin: 0px; background-color: #fff; border:1px solid #000; }
#top-logo { display: block; width: 130px; height: 100px; position: absolute; top: 0px; left: 20px; }
#top-728x90 { display: block; width: 728px; height: 90px; padding: 5px 0px; position: absolute; top: 0px; right: 10px; }

#leftcolumn { width: 160px; padding: 10px 0px 10px 0px; float: left; }

ul.left-menu { display: block; padding: 0px 0px; margin: 0px; }
ul.left-menu li { display: block; padding: 0px; margin: 0px; }
ul.left-menu li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-decoration: none; padding: 3px 3px 3px 8px; letter-spacing: 0px; line-height: 15px; font-weight: bold; }
ul.left-menu li a span { font-size: 9px; font-weight: bold; color: #999; }
ul.left-menu li a:hover { background-color: #e5e5e5; color: #f00; border-left: 5px solid #000; margin-left: -5px; }
ul.left-menu li a:hover span { color: #333; }

ul.left-menu-pro { display: block; padding: 0px; margin: 0px; background-color: #1a1a1a; }
ul.left-menu-pro li { display: block; padding: 0px; margin: 0px; }
ul.left-menu-pro li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #c7c7c7; text-decoration: none; padding: 3px 3px 3px 8px; letter-spacing: 0px; line-height: 15px; font-weight: bold; }
ul.left-menu-pro li a span { font-size: 9px; font-weight: bold; color: #454545; }
ul.left-menu-pro li a:hover { background-color: #000; color: #f00; border-left: 5px solid #f00; margin-left: -5px; }
ul.left-menu-pro li a:hover span { color: #CCC; }
ul.left-menu-pro li.ico-pro { display: block; width: 31px; height: 31px; float: right; z-index: 10000; }

ul.left-tabs li a { display: block; width: 100px; padding-left: 60px; height: 40px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-decoration: none; font-weight: bold; }
ul.left-tabs li a:hover { border-left: 5px solid #222; margin-left: -5px; }
a#lefttab-220 { background-image: url(images/tab-220-off.gif); }
a#lefttab-220:hover { background-image: url(images/tab-220.gif); }
a#lefttab-youtube { background-image: url(images/tab-youtube-off.gif); }
a#lefttab-youtube:hover { background-image: url(images/tab-youtube.gif); }
a#lefttab-vimeo { background-image: url(images/tab-vimeo-off.gif); }
a#lefttab-vimeo:hover { background-image: url(images/tab-vimeo.gif); }
a#lefttab-myspace { background-image: url(images/tab-myspace-off.gif); }
a#lefttab-myspace:hover { background-image: url(images/tab-myspace.gif); }
a#lefttab-facebook { background-image: url(images/tab-facebook-off.gif); }
a#lefttab-facebook:hover { background-image: url(images/tab-facebook.gif); }
a#lefttab-twitter { background-image: url(images/tab-twitter-off.gif); }
a#lefttab-twitter:hover { background-image: url(images/tab-twitter.gif); }
a#lefttab-rss { background-image: url(images/tab-rss-off.gif); }
a#lefttab-rss:hover { background-image: url(images/tab-rss.gif); }
a#lefttab-220 span, a#lefttab-youtube span, a#lefttab-vimeo span, a#lefttab-myspace span, a#lefttab-facebook span, a#lefttab-twitter span, a#lefttab-rss span { color: #ccc; }
a#lefttab-220:hover, a#lefttab-youtube:hover, a#lefttab-vimeo:hover, a#lefttab-myspace:hover, a#lefttab-facebook:hover, a#lefttab-twitter:hover, a#lefttab-rss:hover { color: #f00; }

#centercolumn { display: block; width: 620px; float: left; padding: 10px; }
#top-presenter { padding: 9px; width: 600px; height: 340px;  border: 1px solid #c4c4c4; background-color: #eeeeee; position: relative; }
ul.top-carousell { display: block; width: 600px; height: 340px; position: relative; overflow: hidden; position: absolute; top: 9px; left: 9px; z-index: 9999; }
ul.top-carousell li { display: block; width: 600px; height: 340px; position: relative; }
ul.top-carousell li a.top-carousell-strip { display: block; width: 600px; height: 340px; background-image: url(images/top-presenter-overlay.png); background-repeat: no-repeat; background-position: bottom; position: absolute; left: 0px; top: 0px; }
ul.top-carousell li a.top-carousell-strip { color: #FFF; text-decoration: none;  }
ul.top-carousell li a.top-carousell-strip span { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -1px; line-height: 24px; display: block; position: absolute; top: 275px; left: 20px; }
ul.top-carousell li a.top-carousell-strip small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; letter-spacing: 0px; line-height: 12px; display: block; position: absolute; top: 300px; left: 20px; }
ul.top-carousell li a.top-carousell-strip:hover span, ul.top-carousell li a.top-carousell-strip:hover small { color: #f00; text-decoration: none; } 
#top-presenter span.mini-slate { display: block; width: 32px; height: 18px; text-align: center; line-height: 18px; color: #fff; position: absolute; top: 300px; left: 545px; z-index: 10000; font-size: 11px; font-weight: bold; }
#top-presenter span.corner-strip { display: block; width: 250px; height: 150px; background-image: url(images/corner-strip.png); position: absolute; top: 9px; left: 9px; z-index: 9998; }

div#column-splitter { display: block; clear: both; padding: 10px 0px; }
div.column-events { display: block; width: 283px;  padding: 10px; border: 1px solid #c4c4c4;  }
div.column-videos { display: block; width: 283px;  padding: 10px; border: 1px solid #c4c4c4; }

div#shoot { display: block; width: 450px; height: 250px; position: absolute; bottom: -370px; left: 50px; }
div#blabla { display: block; width: 300px; height: 250px; position: absolute; bottom: -370px; left: 490px; }

div#centercolumn a { color: #f00; text-decoration: underline; }
div#centercolumn a:hover { color: #f00; text-decoration: none; }
div#centercolumn p { padding: 10px; }
div#centercolumn h2.posttitle a { color: #333; text-decoration: none; }
div#centercolumn h2.posttitle a:hover { color: #f00; text-decoration: none; }

#right-column { display: block; width: 160px; float: left; position: relative; zoom: 1; }
#astronaut { display: block; width: 500px; height: 400px; position: absolute; left: -80px; top: -50px; z-index: 10010; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333; letter-spacing: -1px; line-height: 18px; }
h3 small { font-size: 12px; color: #999; line-height: 18px; }

a.featured-video-thumb { display: block; width: 280px; height: 210px; margin-top: 20px; margin-bottom: 10px; margin-left: 1px; background-position: bottom left; }
a.featured-video-title { text-align: center; font-size: 18px; font-weight: bold; color: #333; display: block; letter-spacing: -1px; text-decoration: none; }
a.featured-video-title:hover { color: #000; }
span.featured-video-meta { display: block; padding: 5px 0px; font-size: 10px; text-align: center; color: #333;}
span.featured-video-meta a { text-decoration: underline; color: #333; }
span.featured-video-meta a:hover { color: #000; text-decoration: none; }
a.featured-event-thumb {display: block; width: 280px; height: 148px; margin-top: 20px; margin-bottom: 10px; margin-left: 1px; }

.rightlogos { margin-top: 380px; }
h2.posttitle { font-size: 24px; font-weight: normal; letter-spacing: -1px; padding: 10px; }

#footer { padding: 10px; background-color: #CCC; font-size: 11px; }
#footer div.xcol { width: 210px; padding: 10px; float: left; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#carousel {
    margin: 0 auto;
    width: 600px;
    height: 340px;
    padding: 0;
    overflow: scroll;
    border: 2px solid #999;
}
#carousel ul {
    list-style: none;
    width: 1500px;
    margin: 0;
    padding: 0;
    position: relative;
}
#carousel li {
    display: inline;
    float: left;
}
#carousel .textholder a.top-carousell-strip { display: block; width: 600px; height: 340px; background-image: url(images/top-presenter-overlay.png); background-repeat: no-repeat; background-position: bottom; position: absolute; left: 0px; top: 0px; }
#carousel .textholder a.top-carousell-strip { color: #FFF; text-decoration: none;  }
#carousel .textholder a.top-carousell-strip span { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -1px; line-height: 24px; display: block; position: absolute; top: 15px; left: 20px; }
#carousel .textholder a.top-carousell-strip small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; letter-spacing: 0px; line-height: 12px; display: block; position: absolute; top: 40px; left: 20px; }
#carousel .textholder a.top-carousell-strip:hover span, ul.top-carousell li a.top-carousell-strip:hover small { color: #f00; text-decoration: none; } 
span.mini-slate { display: block; width: 32px; height: 18px; text-align: center; line-height: 18px; color: #fff; position: relative; top: -48px; left: 536px; z-index: 10000; font-size: 11px; font-weight: bold; }
span.corner-strip { display: block; width: 250px; height: 150px; background-image: url(images/corner-strip.png); position: relative; top: 9px; left: 9px; z-index: 9998; }

.textholder {

background-image:url(images/top-presenter-overlay.png);
background-position:center bottom;
background-repeat:no-repeat;
display:block;
height:340px;
left:0;
position:absolute;
}
a.more-link{
color:white !important;
text-decoration:none !important;
background:black;    
}