@charset "UTF-8";
/* CSS Document 

Theme Name: Tvbomb
Theme URI: http://5thirtyone.com/
Description: Grid based magazine layout for Tvbomb.co.uk
Version: 1.1
Author:Joshua Bradley
Author URI: 
Tags: white, grid, whitespace, minimal, clean, widgets

*/

body {
font-family:'Helvetica Neue (TT)', Helvetica Neue, Helvetica, sans-serif, arial;
font-size:100%;
color:#575757;
background-color:#575757;
background-image:url(images/bg/random.php);
background-attachment:fixed;
background-position:center;
}

*{
padding:0px;
margin:0px;
}

#wrapper {
width:980px;
/* background-image:url(images/gridbg.jpg);  */
background-color:#FFFFFF;
margin:auto;
font-size:0.8em;
line-height:1.5em;
}




/* ----------------------------------------- Generic Grid Elements */

.onecol {
width:140px;
}

.twocol {
width:300px;
}
.threecol {
width:460px;
}
.fourcol {
width:620px;
}
.fivecol {
width:780px;
}
.sixcol {
width:940px;
}
.leftmargin {
margin: 0 0 0 20px;
}
.rightmargin {
margin-right:20px;
}

.left {
float:left;
}

.right {
float:right;
}

.clearboth {
clear:both;
}
.topmargin {
margin-top:20px;
}
.topmarginsmall {
margin-top:10px;
}	
.toppad {
padding-top:20px;
}
.smalltoppad {
padding-top:10px;
}

.smalltoppad{
padding-top:10px;
}

.greytopbar {
border-top:#575757 10px solid;
}

.redtopbar {
border-top:#fd4444 10px solid;
}

.greentopbar {
border-top:#c2fb88 10px solid;
}

.bluetopbar {
border-top:#88c2fb 10px solid;
}

.topborder {
border-top:#575757 solid 1px;
}

.block {
display:block;
}

.rightalign {
text-align:right;
}

/* ------------------------------------------------12 Col  Grid system */

.grid1col {
	width:60px;
}

.grid2col {
	width:140px;
}

.grid3col {
	width:220px;
}

.grid4col {
	width:300px;
}

.grid5col {
	width:380px;
}

.grid6col {
	width:460px;
}

.grid7col {
	width:540px;
}

.grid8col {
	width:620px;
}

.grid9col {
	width:700px;
}

.grid10col {
	width:780px;
}

.grid11col {
	width:860px;
}

.grid12col {
	width:940px;
}

/* ----------------------------------------- Featured Widget  */


.featuredwidget-article {
	font-size: 0.9em;
}


/* ----------------------------------------- Navigation  */

ul {
list-style:none;
list-style-type:none;
list-style-image:none;
}

ul.childnav, ul.parentnav, ul.topmenu {
clear:both;
}

ul.childnav li, ul.parentnav li, ul.topmenu li, ul.footlinks li {
float:left;
}

.topmenu li a, .footer li a {
padding:0px 10px;
}
ul.topmenu li, ul.footlinks li {
border-left:1px solid #575757;
text-transform:capitalize;
}
ul.topmenu li:first-child, ul.footlinks li:first-child {
border-left:none;
}
.topmenu li a:hover, {
background-color:#fd4444;
color:#FFFFFF;
}

ul.childnav li {
border-left:1px dotted #ffffff;
padding:0px 10px;
font-size:0.9em;
}
ul.childnav li:first-child {
border-left:none;
padding-left:0px;
margin-left:10px;
}

.childnav li a {
color:#FFFFFF;
text-transform:uppercase;
letter-spacing:0.09em;
outline:none;
}
.childnav li a:hover {
color:#FFFFFF;
border-bottom:2px #fd4444 solid;
text-decoration:none;
}
.childnavbox{
background-color:#575757;
padding:6px 0 5px;
margin-top:4px;
height:19px;
}

.parentnav {
margin-top:;
}

.parentnav li a {
text-indent:-9999px;
overflow:hidden;
display:block;
height:23px;
outline:none;
}
/* menu image widths: 82 55 109
.cat-item-4 {
background-image:url(images/nav/nav_01.png);
width:82px;
}
.cat-item-4:hover {
background-image:url(images/nav/navon_01.png);
}
.cat-item-5 {
background-image:url(images/nav/nav_02.png);
width:55px;
}
.cat-item-5:hover {
background-image:url(images/nav/navon_02.png);
}
.cat-item-3 {
background-image:url(images/nav/nav_03.png);
width:109px;
}
.cat-item-3:hover {
background-image:url(images/nav/navon_03.png);
}

*/
.cat-item-9 {
background-image:url(images/nav/nav_01.png);
width:82px;
}
.cat-item-9:hover {
background-image:url(images/nav/navon_01.png);
}
.cat-item-11 {
background-image:url(images/nav/nav_02.png);
width:55px;
}
.cat-item-11:hover {
background-image:url(images/nav/navon_02.png);
}
.cat-item-8 {
background-image:url(images/nav/nav_03.png);
width:109px;
}
.cat-item-8:hover {
background-image:url(images/nav/navon_03.png);
}



/* ----------------------------------------- Specific Areas */

.rss {
margin-top:43px;
}
.search {
display:block;
height:30px;
background-color:#e9e9e9;
margin-top:4px;
font-family:lucida grande, helvetica, arial, sans;
}

form {
}

input#s {
background-color:#e9e9e9;
border:none;
width:120px;
padding:8px 10px;
}

#s:hover {
background-color:#fd4444;
}


#featured {
font-size:2.45em;
line-height:1.1em;
margin:10px 0;
}

.largeimage p {
font-size:1em;


}

/*
ul.topstories li:first-child h2 a {
font-size:1.45em;
line-height:1.1em;
}

ul.topstories li:first-child p{
font-size:1em;
}

*/

ul.topstories li {
margin-top:10px;
display:block;
clear:both;
}

ul.topstories li p {
font-size:0.9em;
margin-top:10px;
}

.topstories h2 {
margin-bottom:10px;
}

ul.authorcolumns li, .related li {
border-top:1px solid #575757;
display:block;
margin-top:10px;
padding-top:10px;
}
ul.authorcolumns li:first-child, .related li:first-child {
border-top:none;
padding-top:0px;
}

.footer {
margin:20px;
}

.post p {
margin-bottom:20px;
}
.post h2 {
font-size:3em;
line-height:1.2em;
margin-bottom:20px;
}
.post {
overflow:hidden;
}

.streams img {
width:140px;
}

.streams p img {
width: auto;
}

.categories {
font-size:0.9em;
}

.categories li {
border-top:1px dotted #575757;
margin-top:10px;
padding-top:10px;
}
.categories h2 {
margin-bottom:10px;
}

.categories .postmeta {
font-size:0.8em;
}

.categories img, .deals img {
width:140px;
}

.categories p img, .deals p img {
width: auto;
}

/* ----------------------------------------- Typography & Links */

.slidertitle {
display:block;
font-size:1.1em;
text-transform:uppercase;
padding:4px 10px;
}
.sliderexcerpt {
display:block;
padding:2px 10px;
}

blockquote {
font-family:Hoefler Text, Perpetua, Garamond Premier Pro, Garamond, Georgia, Times New Roman, Times, serif;
font-size:1.4em;
line-height:1.5em;
color:#666666;
text-align:center;
background-image:url(images/unquote.png);
background-position:bottom right;
background-repeat:no-repeat;
margin-right:50px;
}

blockquote p {
width:280px;
margin-left:50px;
background-image:url(images/quote.png);
background-position:left top;
background-repeat:no-repeat;
padding:0 0 0 40px;
}

.post h3 {
padding-left:40px;
border-left:10px #575757 solid;
color:#fd4444;
font-size:1.4em;
font-style:italic;
margin-bottom:20px;
}




.smalltype {
font-size:0.9em;
}

a img {
border:none;
}

h1.logo a {
display:block;
background-image:url(images/logo.png);
width:140px;
height:140px;
text-indent:-9999px;
overflow:hidden;
outline:none;
}
h1.logo a:hover {
background-image:url(images/logo_on.png);
}

a {
color:#fd4444;
text-decoration:none;
}
.post a:hover, .maincontent a:hover {
background-color:#fd4444;
color:#FFFFFF;
}

.greylinks a {
color:#575757;
}
.greylinks a:hover {
color:#fd4444;
}

.with-name:hover {
background-color:#fd4444;
}


h1,h2,h3,h4,h5 {
font-weight:normal;
}

h2 a:hover, h3 a:hover {
color:#FFFFFF;
background-color:#fd4444;
}

h4 {
font-size:1.2em;
}

.cover h4 {
padding:5px 10px;
font-size:1em;
text-transform:uppercase;
letter-spacing:0.08em;
}

.postmeta {
font-size:0.7em;
letter-spacing:0.08em;
text-transform:uppercase;
margin-top:5px;
display:block;
}

.readmore {
display:block;
text-align:right;
border-top:1px solid #fd4444;
}

.readmore a{
text-transform:uppercase;
display:block;
font-size:0.7em;
letter-spacing:0.08em;
position:relative;
top:-10px;
padding-right:15px;
background-image:url(images/more.png);
background-position:left;
background-repeat:no-repeat;
width:65px;
height:20px;
color:#FFFFFF;
}
.readmore a:hover{
background-image:url(images/more_on.png);
color:#fd4444;
}


.authorcolumns {
font-size:0.9em;
}
.authorcolumns span {
font-style:italic;
}
.authorcolumns h3 {
font-weight:bold;
font-size:1em;
}

.streams {
font-size:0.9em;
line-height:1.45em;
}

.streams h3 {
font-size:1.4em;
}
.subcat {
display:block;
text-align:right;
border-bottom:1px solid #969696;
margin-bottom:10px;
}

.subcat a {
background-color:#969696;
color:#ffffff;
text-transform:uppercase;
letter-spacing:0.08em;
font-size:0.8em;
padding:3px 3px 2px 4px;
border-bottom:2px #969696 solid;
}

.subcat a:hover {
background-color:#333333;
border-bottom:2px #333333 solid;
}

.streams .postmeta {
font-size:0.75em;
}

.gallery-item img {
width:140px;
height:100px;
}

.related h3 {
font-size:1em;
}

.related .postmeta a {
padding:0px 5px;
}



/*--------------------------------------------- Comments etc */


#comment {
border:1px solid #575757;
height:141px;
padding:10px;
width:278px;
}

#email, #url, #author {
width:134px;
padding: 2px 2px;
border:1px solid #575757;

}


#respond p {
text-transform:uppercase;
font-size:0.7em;
letter-spacing:0.02em;
margin-top:2px;
}

#submit {
background-color:#fd4444;
text-transform:uppercase;
font-size:0.7em;
letter-spacing:0.02em;
color:#FFFFFF;
border:none;
padding:2px 5px;
cursor:pointer;
border:#fd4444 1px solid;
}
#submit:hover {
color:#ff4400;
background-color:#ffffff;
}

.commentlist {
list-style:none;
list-style-type:none;
}
/*--------------------------------------------- Calendar / tooltip stuff */

.tiplabel {
width:100px;
text-transform:uppercase;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.08em;
margin:5px 0 0 0;
}
.tipinfo {
width:200px;
font-size:1em;
margin:3px 0 0 0;
}
#calendar_wrapLarge {
font-family:'Helvetica Neue (TT)', Helvetica Neue, Helvetica, sans-serif, arial;
}


/*--------------------------------------------- Inherited- to sort out */

.cover {
font-size:0.9em;
}




			.boxgrid{ 
				width: 300px; 
				height: 200px; 
				margin:0px 0 0px 0; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
			
			.boxgridsmall{ 
				width: 200px; 
				height: 150px; 
				margin:0px 0 0px 0; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
				border: 10px white solid;
			}
			
			.captionsmall .boxcaption {
			top:120px;
			left:0px;
			
			}
			
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p, .boxgridsmall p{ 
					padding: 0 10px; 
					color:#fefefe;
					font-size:1em; 
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 160px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 172px;     /* -----make this the same as the 'top' value for rollout on boxgrid.js */
 					left: 0px;
 				}
				
				.boxgridsmall a:hover {
				color:#FF0000;
				text-decoration:none;
				}
.boxgrid h3 a, .boxgrid h3, .boxgridsmall h3, .boxgridsmall h3 a, .boxgridsmall a {
color:#fff;
font-style:normal;
font-weight:normal;
border-bottom:none;
}
.boxgrid h3 {
font-size:1.7em;
letter-spacing:0.02em;
font-family: minion pro, minion, times, georgia, helvetica, arial, sans-serif;
padding:3px 0 0 20px;
}

.boxgridsmall h3 {
font-size:1.2em;
letter-spacing:0.02em;
font-family: minion pro, minion, times, georgia, helvetica, arial, sans-serif;
padding:3px 0 0 10px;
}

.cover{
display:block;
}

#myController div{
font-family:minion pro, times, georgia, serif;
font-size:1.2em;
font-weight:bold;
text-transform:capitalize;
color:#000;
background:#fff;
cursor:pointer;
height:30px;
padding:10px;

}

#myController {
float:right;
width:120px;
display:none;
}

#jFlowSlide{
border:none;
margin:auto;
}

#jFlowSlide img{
width:300px;
}

#myController div.jFlowSelected {
background:#ccc;
}

.jFlowSlideContainer {
background-color:#333333;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
width:60px;
height:33px;
text-indent:-9999px;
overflow:hidden;
background-position:bottom;
background-repeat:no-repeat;
margin:110px 0 0 0;
}

.jFlowPrev {
float:left;
background-image:url(images/prev.gif);
background-position:left;
}
.jFlowPrev:hover {
background-image:url(images/prevover.gif);
}
.jFlowNext:hover {
background-image:url(images/nextover.gif);
}
.jFlowNext {
float:right;
background-image:url(images/next.gif);
background-position:right;
}

#mySlides a {
color:#FFFFFF;
}

.jFlowControl a {
color:#333333;
cursor:pointer;
}
.jFlowControl a:hover {
color:#333333;
text-decoration:none;
}