/*
Theme Name: Fresh_Trailers
Theme URI: http://www.freshlimesoda.us/
Description: Fresh>Trailers as we like to call it is a wordpress premium theme different from others. A complete theme which allows you to start your own show right out-of-the-box without any bloatware
Version: v1.1
Author: Vishal Parikh (vishal@freshlimesoda.us)
Tags: Video, Fresh Lime Soda, Multimedia, widget ready
*/

/*********  Basic Styling ***************/

*, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}

ul { list-style: none; }
ul li { list-style:none; }


#loading { 
	position: absolute;
	top:50%;
	left:50%;	
	margin-left: -100px;
	margin-top: -100px;
}
body { 
	font-family: Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font: normal 12px/1.5em Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
    text-align: center;
}

.left { float: left; }
.right { float: right; }
.clear { float: none; clear: both; }


img {
    border: none;
}

img, .pngfix {
    behavior: url(iepngfix.htc);
}

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font: bold 12px/1.2em Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
}

h1 {
	font-size:150%; 
	margin-top: 10px; 
	min-height: 31px; 
}
h1 a { color: #3399ff; text-transform: uppercase; }

h2 {
	font-size:130%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 { 
	font-size:115%; 
	margin-bottom: 5px; 
	clear: both; 
	margin-top: 10px; 
}


h4 {
	font-size:110%; 
	font-weight: normal;  
}

h5 {
	font-size:105%;
}

h6 {
	font-size:100%;
	color: #666; 
}


a:focus{
    outline:none; /*removes dotted line for ff */
}


/************************************/
/* WRAPPER */
/************************************/

div#wrapper {
    width: 100%;
    margin: auto;
    text-align: center;
}

/************************************/
/* HEADER */
/************************************/

div#header {
	width: 956px;
	padding-top: 5px;
    margin: auto;
    text-align: left;
}

.topmenu { padding-top: 15px; width: 200px; text-align: right; }
#loginFrm { padding: 0px; margin: 0px; position: absolute;  background: #000; border: 5px solid #999; right: 0;  }

/************************************/
/* NAVIGATION */
/************************************/

#navigation {
  background: url(images/navBg.png) repeat-x 0 0;
}

ul#navbar {
  width:956px;
  height:27px;
  margin: auto;
  list-style:none;
}

ul#navbar li {
  float:left;
}
ul#navbar li a{
  display:block;
  padding: 4px 15px 3px 15px;
  text-align: center;
  color: #fff;
}

ul#navbar li a:hover {
	color: #cccccc; 
	background: #999;
	text-decoration: none;
}

ul#navbar li.current-cat a, ul#navbar li.current-cat-parent a {
	color: #fff; 
	background: #666;
}


ul#subnavbar {
  float: left;
  width: 550px;
  margin: 0 auto;
  margin-left: 10px;
  margin-top: 20px;
  list-style:none;
  z-index: 12345;
}

ul#subnavbar li {
  float:left;
}
ul#subnavbar li a{
  padding: 6px 15px 5px 15px;
  text-align: center;
  color: #999;
  font-size: 120%;
  margin-right: 5px;
}
ul#subnavbar li a:hover {
	color: #3399ff; 
	background: #eee url('images/mainNavBg.png') repeat-x;
	text-decoration: none;
}
ul#subnavbar li.current_page_item a, ul#subnavbar li.current-cat a {
	color: #333; 
	background: #eee url('images/mainNavBg_select.png') repeat-x
}

ul#navbar li ul.children { position: absolute; margin-top: 0px; background: #999; color: #fff; z-index: 123456789;}




/************************************/
/* FEATURED */
/************************************/

#featured {
  background: url(images/videoBg.png) repeat-x 0 0;
  height: 375px;
  overflow: hidden;
}


#slideshow {
	width: 720px;
	height: 375px;
    margin: auto;
	overflow: hidden;
}

.stripNav { background: #999; padding: 3px; text-align: center; margin: auto auto;  margin: 0px;}

ul#sliderNav { list-style: none; margin: 0px; padding: 0px; text-align: center; width: 150px; height: 10px; margin: auto auto; display: block; }
ul#sliderNav li { padding: 0px; margin: 0px; list-style: none;  float: left;  width: 10px; height: 10px; overflow: hidden;  margin-right: 10px; }
.stripNav ul li a { background: transparent url(images/onOff.png) top center; overflow: hidden;  border: 0px;  cursor: pointer; width: 10px; height: 10px; }
.stripNav ul li a:hover, .stripNav li a:active, .stripNav li a:focus { background-position: center -10px; }


#prev {
	float: left;
	background-image: url("images/scroll_left.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
	width: 50px;
}
#prev span { display: none; }


#next {
	float: right;
	background-image: url("images/scroll_right.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
	width: 50px;
}
#next span { display: none; }

#prev a:focus{ outline:none; }
#next a:focus{ outline:none; }


.panelDiv {
	position: absolute; 
	top: 0px;
	margin-left: 450px;
	height: 375px;
	overflow: hidden;
	left:0px;
	background: url(images/transpBlack.png); line-height: 1.6em;
	text-align: left; 
	width: 200px;
}

.panelDiv h2 { color: #fff;}

#featured a {
	color: #fff; 
}
#featured a:hover {
	text-decoration: none;
}



/*******************************************/
/* CONTENT */
/*******************************************/


#content, #pageHeader {
    margin: auto;
    margin-top:10px;
    width: 956px;
	text-align: left;
}

#pageHeader {
	padding-bottom: 10px; 
}

#content #left-col {
    width: 590px;
    margin-left:20px;
    float: left;
	text-align: left;
}
* html #content #left-col {
  margin-left:10px;
}

#content #left-col .box {
    width: 265px;
    float: left;
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	min-height: 320px;
	text-align: justify; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content #left-col .first {
    margin-right:15px;
}

#content #left-col .last {
}

#content #right-col {
    width: 320px;
    float: right;
    padding-top:15px;
	text-align: left;
}

#overlayimg { 
	width: 265px; 
	height: 150px;
}


/*******************************************/
/* FOOTER */
/*******************************************/
#footer {
	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#sidebar {
    width: 956px;
	margin: auto; 
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer .box {
    width: 225px;
    float: left;
	text-align: left;
	padding: 5px;
}


/*******************************************/
/* WIDGET */
/*******************************************/
#tab-2 ul { margin: 5px; }
.widget ul li {}
.widget ul li a { display: block; padding: 2px 5px 2px 20px; display: block; background-image: url("images/icon-bullet.png"); background-repeat: no-repeat; background-position: 4px left;}



#pageContent, #tab-2, #tab-3, #tab-4 { padding: 10px; text-align: justify; }
#pageContent p { padding: 7px 0px 0px 0px; }

.writer { padding: 5px; margin-bottom: 10px; }
blockquote { padding: 10px; margin-left: 10px; font-style: italic; border-left: 3px solid #f2f2f2; margin-top: 10px; margin-bottom: 10px; width: 100%;}

#pageContent ul, #pageContent ol { margin: 10px; padding: 10px; margin-left: 30px; }
#pageContent ul li { padding: 2px; list-style: square; }
#pageContent ol li { padding: 2px; }

code { font-family: Courier New; padding-left: 10px; color: blue;}



/**** Setting for COMMENTS Page ****/
a.commentsBg { float: right; margin: 0px; padding: 0px; padding: 8px 16px 10px 17px; font-size: 90%; position: absolute;  margin-left: 220px; }
a.commentsBg:hover { text-decoration: none;  }
#commentsDiv { text-align: left;}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0;  text-align: left; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size:14px/1.4; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { 
	font-family: Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font: bold 11px/1.2em Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
	position:absolute; right:10px; text-align:right; top:5px; 
}
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:bold; font-size: 90%; padding: 2px 5px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#336699; border:1px solid #666; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor { }
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
#comment { width: 98%; }
#commentform input { width: 300px; margin-bottom: 3px; }

button, input, textarea, select { 
	font-family: Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font: normal 12px/1.5em Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc; line-height: 1.7em; 	background: #fff url("images/bg-light-stripes-grey.gif"); 
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
	padding-left: 10px; 
	padding-right: 10px; 
}
#submit { width: 100%; margin-top: 10px;  background: #ccc; }


/**** Setting for TABS on POST Page ****/
ul#tabmenu { width: 100%; margin: 0px; padding: 0px; padding-top: 4px;  margin-left: 15px; }
ul#tabmenu li { list-style: none; }
* html ul#tabmenu li {display: inline; /* ie6 double float margin bug */ }

ul#tabmenu li, ul#tabmenu li a { float: left; }

ul#tabmenu li a { 
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	text-align: center; 
	color: #666;
	background: #eee url("images/stripes_bg.png");
	margin-right: 10px;
	list-style: none;
	font-size: 110%;
	font-weight: normal;
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
}

ul#tabmenu li.active {
}

ul#tabmenu li.active a {
	color: #fff;
	background: #000 url("images/stripes_bg_black.png");
}


#tabs div {
	clear: both;
	min-height: 200px;
	width: 98%;
	padding: 10px;
}

/**** Setting for SEARCH Page ****/
#searchform { padding: 0px; margin: 0px; line-height: 1.6em;}
#searchform table { }
#searchform #s { height: 19px;}

/**** Setting for PREV NEXT on all pages ****/
.prevNext { text-align: center; padding: 10px; }
.prev a { float: left; color: #444444; font-weight: bold; padding: 5px; background-image: url("images/btn-prev.png"); background-repeat: no-repeat;  width: 30px; height: 30px; text-align: left; }
.next a { float: right; color: #444444; font-weight: bold; padding: 5px; background-image: url("images/btn-next.png"); background-repeat: no-repeat; width: 30px; height: 30px; text-align: right; }


/**** Setting for POP menu for LOGIN on Header ****/
.pop {
  position: absolute;
  display: inline; }

.pop .pop_menu {
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
}
 
 .pop .pop_toggle {
    background-image: url(images/tabArrowBottom.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 15px;
    overflow: hidden;
    cursor: pointer; }

.active .pop_menu {
  display: block;
  background-color: #333;
  color: #fff;
  position: absolute;
  padding: .6em;
  width: 12em; }

.active .pop_menu a { color: #fff; }

.active .pop_toggle {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(images/tabArrowTop.png); }


/**** Setting for POST Page ****/
.size-thumbnail { float: right; margin-left: 5px; margin-bottom: 5px; border: 1px solid #eee; padding: 3px; }
.size-medium { margin-left: 5px; margin-bottom: 5px; border: 1px solid #eee; padding: 3px; text-align: center; display: block; }
.relatedVideo img { float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #eee; padding: 1px; }

/**** Setting for BROWSE Page ****/
ul#fluidList { list-style: none; padding: 0px; margin: 0px; }
ul#fluidList li { list-style: none; padding: 0px; margin: 0px; float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #eee; padding: 4px 5px 5px 25px;  width: 100px; background: url("images/star.png") no-repeat 5px 5px; }

#preview { 
	margin: auto auto;
	text-align: center; 
}

.alignright { float: right; margin-left: 10px; border: 1px solid #eee; padding: 5px;  }
.alignleft { float: left; margin-right: 10px; border: 1px solid #eee; padding: 5px;  }

#socialize { display: block;  border-top: 2px solid #eee; border-bottom: 1px solid #ccc; text-align: center; padding: 5px; margin-top: 20px; }
#TB_inline { background: #000; border: 0px; }