/*********************************************************************************************



Theme Name: On Demand

Theme URI: http://www.press75.com/

Description: Designed by Jason Schuller

Version: 2.3.3

Author: Press75.com

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



**********************************************************************************************



Designed and Built by Jason Schuller - theSevenFive.com



CSS, XHTML and Design Files are all Copyright 2007-2011 Circa75 Media, LLC



Be inspired, but please don't steal :)



**********************************************************************************************



0.  CSS Reset  -------------------------  All Theme Files

1.  Basic Setup  -----------------------  All Theme Files

2.  Header Styles  ---------------------  header.php

3.  Navigation and Menu Styles  --------  header.php

4.  Search Form  -----------------------  searchform.php

5.  Main Content Containers  -----------  home.php, index.php, single.php, page.php

6.  Carousel Styles  -------------------  home.php

7.  Carousel Content  ------------------  home.php

8.  Featured Categories  ---------------  home.php

9.  Gallery and Post Thumbnail Styles  -  home.php, index.php

10. Post Content Styles ----------------  index.php, single.php, page.php

11. Post Comment Styles ----------------  single.php

12. Sidebar and Widgets  ---------------  sidebar.php

13. Footer Styles  ---------------------  footer.php

14. CSS3 Elements  ---------------------  style.css3.css

15. IE7 Styles  ------------------------  style.ie7.css

16. IE8 Styles  ------------------------  style.ie8.css



**********************************************************************************************/





/********************************************************************************************* 



0. CSS Reset  -------------------------  All Theme Files



*********************************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

margin: 0;

padding: 0;

}



table {

border-collapse: collapse;

border-spacing: 0;

}



fieldset, img {border: 0;}



address, caption, cite, code, dfn, em, strong, th, var {

font-style: normal;

font-weight: normal;

}



ol, ul {list-style: none;}

caption, th {text-align: left;}



h1, h2, h3, h4, h5, h6 {

font-size: 100%;

font-weight: normal;

}



q:before, q:after {content: '';}

abbr, acronym {border: 0;}





/*********************************************************************************************



1. Basic Setup  -----------------------  All Theme Files



*********************************************************************************************/

body {



background: #000000 url(http://fpsproductions.tv/fps/wp-content/uploads/2012/09/BGwallrepeat.jpg) repeat-y;

width: auto;

height: auto;

font-family: Courier New, Courier New, monospace;

font-size: 12px;

line-height: 18px;

color: #555555;

}



h1 {

font-size: 30px;

font-weight: normal;

margin: 0 0 15px 0;

}



h2 {

font-size: 18px;

font-weight: normal;

margin: 0 0 5px 0;

}



h3 {

font-size: 14px;

font-weight: normal;

margin: 0 0 5px 0;

}



h4 {

font-size: 12px;

font-weight: normal;

margin: 0 0 2px 0;

}



blockquote {

color: #666666;

padding: 0 0 0 15px;

font-style: italic;

border-left: 1px solid #999999;

}



strong {font-weight: bold;}



a:link, a:visited {

color: #444444;

}



a:hover {

color: #808080;

}



abbr,acronym {

border-bottom: 1px dotted;

cursor: help;

} 



em {font-style: italic;}

ol,ul {margin: 0;}

ol li {list-style: decimal outside;}

ul li {list-style: none;}



th,td {

border: 1px solid;

padding: 8px;

}



th {

font-weight:bold;

text-align:center;

}



caption {

margin-bottom: 8px;

text-align: center;

}



p,fieldset,table {margin-bottom: 15px;}

a:link, a:visited {text-decoration: none;}



:focus {

outline: 0;

}



.alignleft {

float: left;

}



.alignright {

float: right;

}





/*********************************************************************************************



2. Header Styles  ---------------------  header.php



*********************************************************************************************/

#header {



width: 100%;

position: absolute;

top: 0;

left: 0;

z-index: 4;



}



#header-inside {

width: 944px;

margin: 0 auto;

}





#header-left { /* For the Logo */

width: 137px;

float: left;

top: 100px;

left: 0;

}



#header-left h1 {

font-size: 50px;

margin: 18px 0 0 0;

float: left;

}



#header-right {

width: 275px;

float: right;

left: 0;

}



/*********************************************************************************************



3. Navigation and Menu Styles  --------  header.php



*********************************************************************************************/

#navigation {

width: 100%;

float: right;

text-align: right;

font-size: 24px;

text-transform: uppercase;

position: relative;

left: 0;

top: 0;

z-index: 3;

margin-top: 50px;

}





.navigation-inside {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/bgtop.png) center no-repeat;

width: 944px;

margin: 0px auto;

height: 141px;

}



.navigation-video {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/bgtop.png) center no-repeat;

height: 141px;

}



.navigation-category {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/bgtop.png) center no-repeat;

height: 141px;

}



.menu, .menu * { /* SuperFish Menu Styles */

margin: 0;

padding: 0;

list-style: none;

position:relative;

z-index: 99;

}



.menu {

float: right;

width: 780px;

padding: 8px 0 0 15px;

}



.menu a {

display: block;

position: relative;

}



.menu a, .menu a:visited  {



color: #000033;

}



.menu a:hover  {

color: #990000;

}



.menu .current-menu-item a {

color: #990000;

}



.menu ul li {

width: 100%;

}



.menu ul {

position: absolute;

top: -15000px;

width: 160px; /* Left Offset of Sub-Menus Need to Match */

}



.menu li:hover ul, 

.menu li.sfHover ul {

left: -15px;

top: 22px; /* Match Top UL List Item Height */

z-index: 10000;

}



ul.menu li:hover li ul, 

ul.menu li.sfHover li ul {

top: -15000px;

}



ul.menu li li:hover ul, 

ul.menu li li.sfHover ul {

left: 160px; /* Match ul width. */

top: 0;

}



ul.menu li li:hover li ul, 

ul.menu li li.sfHover li ul {

top: -15000px;

}



ul.menu li li li:hover ul, 

ul.menu li li li.sfHover ul {

left: 160px; /* Match ul Width. */

top: 0;

}



.menu li {

float: left;

position: relative;

padding: 0 50px 0 0;

}



.menu li:hover {

visibility: inherit; /* Fixes IE7 Sticky Bug */

}

.menu li ul {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/submenu.png) no-repeat;

font-size: 14px;

border: 0;

text-align: left;

width: 100px;

height: 158px;

margin: 0px 0 0 0;

padding: 25px 40px 10px 15px;

}



.menu li ul a:link, .menu li ul a:visited {

color: #000033;

}



.menu li ul a:hover {

color: #990000;

}



.menu li ul.current-menu-item a {

color: #990000;

}



.menu .current-menu-parent ul li.current-menu-item a, .menu li.current-menu-parent ul li.current-menu-item a:hover {

color: #990000;

}



.menu li li {

background: none;

margin: 0 0 0 0;

padding: 0 0 0 0;

text-transform: none;

}



.menu li li ul {

background: 0;

margin: -10px 0 0 -50px;

}



li.subscribe {

background: url(images/rss.png) top left no-repeat;

padding: 0 15px 0 20px;

float: right;

}



li.subscribe:hover {

background: url(images/rss.png) top left no-repeat;

}



li.twitter {

background: url(images/twitter.png) top left no-repeat;

padding: 0 20px 0 20px;

float: right;

}



li.twitter:hover {

background: url(images/twitter.png) top left no-repeat;

}



/*********************************************************************************************



4. Search Form  -----------------------  searchform.php



*********************************************************************************************/

#site-search {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/search.png) top left no-repeat;

width: 325px;

height: 45px;

float: right;

margin: 10px 40px 0 -30px;

}



input#s {

border: none;

background: none;

color: #000000;

font-family: Courier New, Courier New, monospace;

font-size: 12px;

float: right;

width: 130px;

margin: 16px 50px 0 0;

}



input#search-submit {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/search-submit.png) no-repeat;

border: none;

cursor: pointer;

width: 45px;

height: 45px;

float: right;

margin: 0 -200px 0 0;

}







/*********************************************************************************************



5. Main Content Containers  -----------  home.php, index.php, single.php, page.php



*********************************************************************************************/

#content {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/bgrepeat.png) repeat-y;

background-position: center top;

width: 100%;

float: left;

min-height: 500px;

}



#content {

width: 100%;

margin: 0px auto;

}



#content-inside {

width: 944px;

margin: 0 auto;

}



#post-container {

width: 800px;

margin: 0 auto;

padding-right: 50px;



}



#posts {

border-right: 0;

width: 800px;

float: left;

padding: 25px 0 30px 0;

}



#posts-page {

border-right: 0;

width: 700px;

float: left;

padding: 25px 0 0 0;

}



#posts-full {

width: 800px;

float: left;

padding: 25px 0 0 0;

}



#paginate {

border-top: 0;

width: 944px;

margin: -30px 0 0 0;

text-align: center;

font-weight: bold;

color: #990000;

line-height: 20px;

}



#paginate a:hover {

color: #990000;

}





/*********************************************************************************************



6. Carousel Styles  -------------------  home.php



*********************************************************************************************/

.coda-slider, .coda-slider .panel {

width: 944px;

height: 380px;

} 



.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {

width: 944px;

}



#coda-nav {

width: 944px;

position: relative;

}



.coda-nav-left a {

background: url(images/left.png) 0 0;

position: absolute;

width: 58px;

height: 102px;

top: 125px;

left: -5px;

z-index: 500000;

}



.coda-nav-left a:hover {

background: url(images/left.png) 0 -102px;

}



.coda-nav-right a {

background: url(images/right.png) 0 0;

position: absolute;

width: 58px;

height: 102px;

top: 125px;

right: -5px;

z-index: 500000;

}



.coda-nav-right a:hover {

background: url(images/right.png) 0 -102px;

}



.coda-slider-wrapper {

clear: both;

overflow: auto;

}



.coda-slider {

float: left;

overflow: hidden;

position: relative;

}



.coda-slider .panel {

display: block;

float: left;

}



.coda-slider .panel-container {

position: relative;

}





/*********************************************************************************************



7. Carousel Content  ------------------  home.php



*********************************************************************************************/

.featured-post {

color: #B7B7B7;

width: 840px;

height: 315px;

margin: 30px 0 0 70px;

}





.attachment-featured {

float: left;

}



.featured-post-description h2 a {

font-size: 16px;

color: #336633;

}



.featured-post-description h2 a:hover {

font-size: 16px;

color: #B9B9B9;

}



.featured-post-description {

width: 230px;

float: left;

margin: 0 0 0 30px;

}



.continue {

background: url(images/button.png) 0 0;

width: 143px;

height: 28px;

float: left;

text-align: center;

margin: 0 0 0 -2px;

padding: 7px 0 0 0;

}



.continue:hover {

background: url(images/button.png) 0 -35px;

}



a.continue {

color: #D5D5D5;

}





/*********************************************************************************************



8. Featured Categories  ---------------  home.php



*********************************************************************************************/

#featured-categories {

background: url(images/categories.png) top left no-repeat;

width: 980px;

float: left;

height: 160px;

}



.featured-category {

background: url(images/category.png) top left no-repeat;

width: 90px;

height: 90px;

float: left;

margin: 30px 0 0 20px;

padding: 10px 0 0 10px;

}



#categories a {

color: #D5D5D5;

float:left;

position:relative;

}



#categories span {

display: none;

background: url(images/tip.png) top left no-repeat;

width: 152px;

height: 38px;

position: absolute;

left: -35px;

text-align: center;

padding: 5px 0 0 0;

}





/*********************************************************************************************



9. Gallery and Post Thumbnail Styles  -  home.php, index.php



*********************************************************************************************/

.gallery-item {

width: 258px;

float: left;

margin: 0 0 20px 0;

}



.gallery-item-single {

margin: 0;



}



.gallery-item h2 {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/videotitle.png) no-repeat;

font-size: 12px;

text-align: center;

height: 37px;

margin: 0 0 0 5px;

padding: 8px 10px 5px 0;

line-height: 11px;



}



.gallery-item h2 a {

color: #003300;

}



.instant {

display: none;

}



.instant-view {

text-align: center;

}



.post-thumbnail {

width: 240px;

height: 185px;

margin: 0 0 0 5px;

background: url (http://fpsproductions.tv/fps/wp-content/uploads/2011/10/videothumbback.png) no-repeat;

}



.thumbnail-frame {

background: url (http://fpsproductions.tv/fps/wp-content/uploads/2011/10/videothumbback.png) no-repeat;

width: 240px;

height: 185px;

position: absolute;

}



.thumbnail-frame:hover {

background: url (http://fpsproductions.tv/fps/wp-content/uploads/2011/10/videothumbback.png) no-repeat;

width: 240px;

height: 185px;

position: absolute;

}



.thumbnail-frame-video {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/videothumbback.png) no-repeat;

width: 240px;

height: 185px;

position: absolute;

}



.thumbnail-frame-video:hover {

background: url (http://fpsproductions.tv/fps/wp-content/uploads/2011/10/videothumbback.png);

width: 240px;

height: 185px;

position: absolute;

}



.attachment-post-thumbnail {

margin: 30px 0 0 25px;

}



ul.post-meta {

font-size: 11px;

}



ul.post-meta li {

margin: -2px 0 0 0;

}



li.date {

border-bottom: 0;

color: #666666;

font-size: 13px;

padding: 0 0 2px 5px;

}



li.categories {

border-bottom: 0;

color: #888888;

font-size: 12px;

padding: 5px 0 2px 10px;

}



li.categories a:link, li.categories a:visited {

color: #333333;

font-size: 12px;

}



li.categories a:hover {

color: #999999;

}



li.comments {

color: #336633;

font-size: 11px;

padding: 5px 0 0 5px;

}



li.comments a:link, li.comments a:visited {

color: #336633;

font-size: 11px;

}



li.comments a:hover {

color: #336633;

}





/*********************************************************************************************



10. Post Content Styles ----------------  index.php, single.php, page.php



*********************************************************************************************/

#video-container {

background: 0;

width: 944px;

padding: 30px 0 34px 0;

align: center;

}



.videocenter {

margin: auto 0;

}



.video-embed{margin:0 auto; width:470px;}





iframe {

z-index: 0;

}



.post-item {

padding-left: 5px;

}



.post-details {

width: 900px;

float: left;

margin: 0 0 15px 0;

}



.post-details-full {

width: 944px;

}



.details {

width: 455px;

float: left;

}



.post-details h2 {

border-bottom: 0;

font-size: 16px;

margin: 0 0 5px 0;

padding: 0 0 5px 0;

}



ul.post-meta-post {

margin-bottom: 0;

}



.post-meta-post li {

padding-left: 0;

}



.post-content {

width: 800px;

float: left;

padding: 0 0 20px -20px;

}



.post-content p {

padding-right: 38px;

text-align: justify;

}



.post-content a {

text-decoration: underline;

}



.post-content-full {

width: 944px;

}



.post-content h1 {

font-size: 22px;

margin: 0 0 5px 0;

}



.post-content h2 {

margin: 0 0 2px 0;

}



.post-content h3 {

margin: 0 0 2px 0;

}



.post-content h4 {

margin: 0;

}



.post-content ul {

margin: 0 0 15px 0;

}



.post-content ul li {

background: 0;

padding: 0 0 0 15px;

}



.post-content ol {

margin: 0 0 15px 15px;

}



p img {

padding: 0;

max-width: 100%;

}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

float: right;

padding: 5px;

margin: 0 0 2px 15px;

}



img.alignleft {

float: left;

padding: 5px;

margin: 0 15px 2px 0;

}



.wp-caption {

background: #F6F6F6;

text-align: center;

padding: 10px 5px 5px 5px;

margin: 5px 0 20px 0;

}



.wp-caption.alignright {

margin: 0 0 25px 25px;

}



.wp-caption.aligncenter {

margin-left: auto;

margin-right: auto;

}



.wp-caption.alignleft {

margin: 0 25px 25px 0;

}



.wp-caption img {

padding: 0;

margin: 0 0 5px;

}



.wp-caption-text {

margin: 10px 0 0;

padding: 0;

}



.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {

font-size: 12px !important;

text-align: center; 

margin: 0;

padding: 0;

}



h4.not-here {

font-size: 14px;

}







/*********************************************************************************************



12. Sidebar and Widgets  ---------------  sidebar.php



*********************************************************************************************/

#sidebar {

border-left: 1px solid #E1E1E1;

width: 0px;

float: left;

margin: 0 0 0 -1px;

}



#sidebar h3 {

font-size: 14px;

color: #444444;

margin: 0 0 2px 0;

}



#sidebar p {

margin: 0 0 10px 0;

}



.widget  {

background: url(images/widget.png) top left no-repeat;

color: #666666;

width: 300px;

float: left;

padding: 22px 0 14px 19px;

}



.cat-post-item {

width: 300px;

float: left;

margin: 10px 0 0 0;

}



.cat-post-content {

padding: 2px 0 0 0;

}



.post-thumbnail-side {

width: 102px;

height: 102px;

float: left;

margin: 0 12px 10px 0;

}



.post-thumbnail-side img {

padding: 11px;

}



.thumbnail-frame-side {

background: url(images/frame-side.png) 0 0;

width: 102px;

height: 102px;

position: absolute;

}



.thumbnail-frame-side:hover {

background: url(images/frame-side.png) 0 -102px;

}



.sidebar-ad {

margin: 5px 0 20px 25px;

}



a.simple-ads {

background: none;

}





/*********************************************************************************************



13. Footer Styles  ---------------------  footer.php



*********************************************************************************************/

#footer {

width: 100%;

float: left;

}



#footer-inside {

width: 944px;

margin: 0px auto;

align: center;

}



#footer-content {

background: url(http://fpsproductions.tv/fps/wp-content/uploads/2011/10/bgfooter.png) no-repeat;

width: 944px;

height: 141px;

padding: 10px 0 30px 0;

}



#footer-content h3 {

font-size: 10px;

color: #444444;

margin: 0 0 2px 0;

padding: 0 0 0 5px;

}



#footer-content p {

text-align: center;

color: #000033;

font-size: 11px;

margin: -2px 0 0 0;

padding: 0 0 0 5px;

}



#footer-content a {

color: #666666;

}