/*
Theme Name: funboxmedia
Theme URI: 
Description: 
Author: DVA
Version: 1.0

RGB Colors:
#fff = white main bg
#ee2224 = red
#445aa9 = blue
#6195c8 = light blue
#bfd730 = green


Sizes:
Col2 Sidebox Packshot:	  	350 x 504  (wp = 'Packshot') variable height
Col2 Splash Thumbnail:    	97  x 140  (wp functions = 'SplashThumbnail') variable width
Col1 Featured Thumbnail:   	60  x 86   (wp = 'LCFeatured') variable height
Rotator Thumbnail:    			780 x 235  (wp functions = 'rotator-image')
Gallery Full Image:   			1000 x 800 (wp = 'Large')
Gallery Thumbnail:					150 x 84   (wp = 'gallerythumb');


*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	/* clear: both;*/
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, a img {
	border: none;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}

/* more mobile tweaks? ...  */



/* ----------- ez-css --------------------------- */
/* 2009 -2010 (c) | ez-css.org
 * ez-plug.css :: version 1.1 :: 01182010
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 
 * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED 
 * TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR 
 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF 
 * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 
 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, 
 * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * This style sheet can be added to any document (there is no styling of HTML elements) 
 * With this style sheet, use the code snippets from http://www.ez-css.org/layouts 
 */

/*
 * this is the clearfix method
 * we rely on this to contain floats in "stand-alone" modules 
 */
 
.ez-wr:after,
.ez-box:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

/* Fix for Firefox */
.ez-wr {
	clear: both;
}

/*
 * hacks for IE 5 (Win and Mac)
 * (min-height is the "hasLayout" trigger used for IE7)
 */
 
.ez-wr,.ez-box,.ez-last {display: inline-block;min-height: 0;}    
/* hides from IE-mac \*/  
* html .ez-wr,
* html .ez-box,
* html .ez-last {height: 1%;}  
.ez-wr,.ez-box,.ez-last {display: block;}  
/* end hide from IE-mac */

/*
 * the last DIV in the HTML flow (a column) must create a new block formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead: 
 * ez-oa
 * ez-dt 
 * ez-it
 * ez-tc
 * ez-ib
 */
 
.ez-oh {
	overflow: hidden;
}

* html .ez-oh {
	overflow: visible;
}

.ez-oa {
	overflow: auto;
}
.ez-dt {
	display: table;
}

.ez-it {
	display: inline-table;
}
.ez-tc {
	display: table-cell;
}

.ez-ib {
	display: inline-block;
}

/* 
 * DIVs to be columns
 * we float them left or right depending on module or layout
 * the negative margin is used to fix a IE6 bug (3px jog).
 */
.ez-fl {
	float: left;
}

* html .ez-fl {
	margin-right: -3px;
}

.ez-fr {
	float: right;
}

* html .ez-fr {
	margin-left: -3px;
}

/*
 * every floated column in a module or layout needs a width
 * here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
 */

.ez-25 {width: 25%;}
.ez-33 {width: 33.33%;}
.ez-50 {width: 50%;}
.ez-66 {width: 66.66%;}
.ez-75 {width: 75%;}

/* 
 * the following classes are used to make columns that are siblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
 * for this to work, this class must be applied to the following elements: 
 * - column 1 of Module 2A, 
 * - column 2 of Module 3A,
 * - column 1 of Module 3B, 
 * - column 3 of Module 4A, 
 * - column 1 of Module 4B, 
 * - column 1 in column 1 of Module 4B, 
 * - column 2 in column 1 of Module 4B 
 */
 
.ez-negmr {
	margin-right: -1px;
}

* html .ez-negmr {
	margin-right:-4px;
}

/* 
 * same as above, but for these elements:
 * - column 1 of Module 3A,
 * - column 1 of Module 4A,
 * - column 2 of Module 4A 
 */
 
.ez-negmx {
	margin-right: -1px;
}

/* 
 * same as above, but for these elements:
 * - column 1 of Module 2B,
 * - column 2 of Module 3B 
 */
 
.ez-negml {
	margin-left: -1px; 
}

* html .ez-negml {
	margin-left:-4px;
}
/* ----------- END ez-css --------------------------- */



/* ------------------ basic framework ------------------ */
html { overflow-y: scroll; }
body {
	background: url('img/bg.png') no-repeat #fff;
	background-position: center 15px;
	font-size: 0.9em;
	font-family: Helvetica, Arial, sans-serif;
	color: #222;
	padding:0;
	margin:0;
}
a, a:link, a:visited, a:active { color: #222; text-decoration: none; } 
a:hover { color: #e31937; }
h1 {
	font-size: 2.0em;
	padding: 3px 0px 2px 0px;
	margin: 0;
	text-decoration: none;
	color: #e31937;
}
/*
h2 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0;
	text-decoration: none;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 0;
}*/
p, pre {
	padding: 4px 0px 10px 0px;
	margin: 0px;
}
small { 
	padding: 9px 0px;
	font-size: 0.8em;
	color: #777;
	line-height: 1.2em;
}
blockquote {
	padding: 4px 20px;
	color: #6195c8;
	font-size: 1.2em;
	font-weight: bold;
}
.floatright, .alignright { float: right; }
.floatleft, .alignleft { float: left; }
.clearboth { clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }
img.floatright, img.alignright { margin: 0px 0px 8px 12px; }
img.floatleft, img.alignleft { margin: 0px 10px 8px 0px; }
 
/* ----------container to center the layout-------------- */
#wrapper {
	width: 1000px;
	margin: 10px auto 10px auto;
	padding: 0px;
}

/* ----------banner for logo-------------- */
#header {
	text-align: right;
	padding: 0;
	margin: 0;
}
#header img {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0;
}
#header p {
	padding: 5px 8px 0px 0px;
	color: #444;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3em;
}


/* ------------ mainMenu -------------- */
#mainMenu {
	background: url('img/mm_bg.png') no-repeat #ddd;
	background-position: 0px 0px;
	margin: 10px 0px 0px 0px;
	padding: 7px 0 0 6px;
	height: 20px; /* 27 */
	font-size: 14px;
	text-transform: uppercase;
}
#mainMenu ul {
	list-style: none;
}
#mainMenu li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #aaa;
}
#mainMenu a {
	text-decoration: none;
	padding: 2px 18px 2px 18px;
	color: #444;
}
#mainMenu a:hover {
	color: #fff;
}

/* ------------ subMenu -------------- */
#subMenu {
	margin: 5px 0px 0px 0px;
	padding: 0;
	height: 20px;
	font-size: 12px;
	line-height: 19px;
}
#platform {
	width: 700px;
	padding: 0 0 0 2px;
}
#platform span {
	font-weight: bold;
	float: left;
	text-transform: uppercase;
}
platform ul {
	list-style: none;
}
#platform li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
}
#platform a {
	text-decoration: none;
	padding: 0px 0px 2px 28px;
	color: #000;
}
#platform a:hover {
	color: #e31937;
}
#quickjump {
	text-align: right;
	width: 290px;
}
#quickjump span {
	float: left;	
	padding-left: 18px;
	color: #444;
}
#subMenu form input {
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 4px;
	border: 1px solid #ccc;
	color: #444;
	font-size: 11px;
	background-color: #fff;
}
#subMenu form select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	border: 1px solid #ccc;
	color: #444;
	font-size: 11px;
	background-color: #fff;
	width: 200px;
}
#subMenu form input.submit {
	cursor: pointer;
	margin-left: 2px;
	padding-right: 2px;
	color: #999;
}


/* ----------------- col1 --------------------- */
#col1 {
	margin: 0;
	padding: 0;
	width: 204px;
	font-size: 11px;
}
#latest {
	display: block;
	background-color: #445AA8;
	margin: 0;
	padding: 6px 8px 6px 10px;
}
#latest a {
	color: #eee;
}
#latest a:hover {
	color: #fff;
}
#latest h1 {
	color: #EE2224;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 2px 0 4px 0;
	padding: 0;
}
#featured {
	display: block;
	margin: 12px 0 0 0;
	padding: 0;
}
#col1 .item {
	display: block;
	margin: 5px 0 6px 0;
	padding: 0;
}
#col1 .item .itemtitle {
	font-size: 14px;	
	font-weight: bold;
	margin: 0 0 0 -1px;
	padding: 0 0 4px 0;
	line-height: 1.1em;
}
#col1 p {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}
#col1 .item img {
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
	border: 1px solid #e31937;
	/*width: 60px;*/
}
#col1 #featured .itemtitle {
	color: #e31937;
}
#col1 #featured p {
	margin: 0;
	padding: 0;
}
#col1 #featured .itemmore {
	color: #e31937;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
}

/* ----------------- col2 --------------------- */
#col2 {
	padding: 0px;
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
	/*  width: 782px;782
	background-color: #efe; */
	min-height: 450px;
	height:expression(this.scrollHeight > 450 ? "auto":"450px"); 
}
#col2 p {
	line-height: 1.2em;
}
#col2 p a {
	text-decoration: underline;
}
#sidebox {
	float: right;
	margin: 0 2px 0px 14px;
	padding: 0;
	width: 352px;
}
#sidebox img {
	width: 350px;
	border: 1px solid #e31937;
	margin: 2px 0 0 0;
	padding: 0;
}
#sidebox #info {
	width: 331px;
	border: 1px solid #ddd;
	margin: 8px 0 0 0;
	padding: 10px;
}
#sidebox li {
	margin: 0;
	padding: 0px 10px 3px 10px;
	font-weight: bold;
	color: #777;
}
#sidebox li span {
	font-weight: normal;
	color: #222;
	width: 170px;
	float: right;
}
#gallery {
	border: 1px solid #ddd;
	margin: 8px 0 0 0;
	padding: 0px 0px 5px 6px;
}
#sidebox a, #gallery a {
	cursor: pointer;
}
#gallery .galleryitem {
	display: block;
	float: left;
	width: 150px;
	height: 84px;
	border: 0px solid #ddd;
	margin: 5px 5px 0 0;
	padding: 0;
}
#gallery .gallerythumb {
	width: 150px;
	height: 84px;
	border: 0px solid #ddd;
	margin: 0;
	padding: 0;
}
#ReleaseSchedule {
	width: 80%;
	border: 1px solid #ddd;
	margin: 12px 0px 12px 0px;
}
#ReleaseSchedule th {
	background-color: #f4f4f4;
	padding: 5px 12px 5px 12px;
	margin: 10px;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
}
#ReleaseSchedule td {
	padding: 4px 12px 5px 12px;
	line-height: 1.3em;
	border: 1px solid #ddd;
}
#ReleaseSchedule td.product {
	width: 280px;
}

/* ---------- home / splash ---------------- */
#splashx1 {
}
#splashx1 .item {
	margin: 0;
	padding: 8px 8px 8px 12px;
	border-bottom: 1px solid #ddd;
	/* min-height: 140px;
	height:expression(this.scrollHeight > 140 ? "auto":"140px"); 	*/
}
#splashx1 h1 {
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
}
#splashx2 {
}
#splashx2 .item {
	float: left;
	margin-top: 5px;
	padding: 5px 5px 5px 8px;
	border: 1px solid #ddd;
	width: 373px;
	height: 142px;
}
#splashx1 a:hover .item, #splashx2 a:hover .item {
	background-color: #f6f6f6;
}
#splashx1 .itemtitle {
	display: block;
	font-size: 18px;	
	font-weight: normal;
	margin: 0 0 0 -1px;
	padding: 2px 0 1px 0;
	line-height: 1.1em;
	color: #e31937;
}
#splashx2 .itemtitle {
	display: block;
	font-size: 18px;	
	font-weight: bold;
	margin: 0;
	padding: 2px 0 0 0;
	line-height: 1.1em;
	color: #e31937;
}
#splashx1 p, #splashx2 p {
	margin: 2px 0 3px 0;
	padding: 0;
	line-height: 1.15em;
}
#splashx1 img, #splashx2 img {
	float: right;
	margin: 0 0 0 7px;
	padding: 0;
	border: 1px solid #e31937;
	/* width: 150px;*/
	height: 140px;
}
#splashx1 .itemmore, #splashx2 .itemmore {
	display: block;
	color: #e31937;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
}
.marginright5 {
	margin-right: 5px;
}


/* -----------footer---------------------------  */
#footer {
	margin: 0;
	border: 0;
	padding: 30px 0px;
	text-align: center; 
	font-size: 0.65em;
	color: #bbb;
}
 
 
 /* --------------- contact forms --------------- */
fieldset.contactform {  
	padding: 2px 0px 0px 10px; 
	margin: 5px 12px 0 4px;  
	border: 0px;
} 
legend.contactform {
	margin: 0;	
	padding: 0 6px 0 5px;
	font-weight: bold; 
} 
.contactform ol {  
	margin: 4px 0 0 0;	
	padding: 0 10px 0 0px;  
	list-style: none;
} 
.contactform li {  
	margin: 3px 8px 6px 24px;  
	padding: 0 0 0 0;
	list-style: none;
} 
.contactform label {  
	float: left;
	width: 120px;
	font-weight: normal;
	margin: 1px 0 0 0;  
	padding: 2px 10px 0 0;  
	text-align: right;
}
.contactform input, .contactform select { 
	margin: 0 0 0 0;  
	padding: 3px 4px 2px 4px;
	border: 1px solid #aaa;
}
.contactform input.radio{
	margin: 0 10px 0 0;  
	padding: 0px 4px 0px 4px;
	border: 0;
}
.contactform .textarea {
	font-family: Arial, Sans-Serif;
	padding: 2px 4px 2px 4px;
	width: 305px;
	font-size: 1.0em;
	border: 1px solid #aaa;
}
.contactform .padleft {
	margin: 0px 0px 0px 151px;
}
.submit {
	border: 0px solid #aaa;
	margin: 8px 0 0 168px;
	padding: 0 0 0 0;
	text-align: left;
	background-color: white;
}
.submit input {  
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 4px 0px 4px 0px;
	border: 0px;
	border: 1px solid #aaa;
	color: #777;
	width: 313px;
	cursor: pointer;
	font-size: 1.2em;
	font-family: Helvetica, sans-serif;
}
.submit input:hover {  
	border: 1px solid #000;
	color: #000;
	background-color: #fff;
}
/* End Contact Form */


/* --------------- page nav ---------------  */
.navigation {
	clear: left;
	text-align: right;
	margin: 0 auto;
	padding: 20px 7px 0px 7px;
	font-size: 11px;
}
.wp-paginate li {
	display: inline;
}
.wp-paginate li span {
	padding: 2px 7px 2px 7px;
	margin: 0 3px 0 3px;
}
.wp-paginate li span.title {
	border: 0; 
	color: #999;
}
.wp-paginate li .current {
	padding: 3px 8px 3px 8px;
	margin: 0 3px 0 3px;
	border: 1px solid #666;
	background-color: #fff;
	color: #333;
}
.wp-paginate li a {
	border: 1px solid #ccc;
	color: #999;
	background-color: #fff;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	margin: 0 3px 0 3px;
}
.wp-paginate li a:hover {
	border: 1px solid #e31937;
	background-color: #e31937;
	color: #fff;
}