/*  
 * Theme Name: 		The Screen
 * Theme URI: 		http://www.theenglishguy.co.uk/testblog/?ts_theme=TheScreen
 * Description: 	A three column theme for www.thescreen.biz
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 */


body { 
    margin: 				0; 
	padding: 				0; 
	font: 					13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-align:				center; /* win IE5 hack */
	background-color:		#232b2e;
}

#wrap {
    margin:					0 auto;
	width:					780px;
}


/*------------------------------- header ------*/
#header {
    padding:                25px 0 0 0;
	width:					780px;
	clear:				    both;
	text-align:				left;
}
#header #logo { 
    margin:					0 0 0 20px;
}
#header #logo span {
    padding:                3px 0 0 1px;
	float:					left;
	color:					#666;
}
@media all and (min-width:0px) {
  head~body #header #logo span {
    position:				relative;
	top:					15px;
	left:					-150px;
	float:					none;
  }
}
#header #adblock {
    float:					right;
}

#content {
    width:					780px;
	margin:					0;
	padding:				0;
	clear:					both;
}

#middle, #right {
    float:					right;
	height:					100%;
	text-align:				left;
}


/*--------------------------------- left ------*/
#left { 
    width:					147px;
	text-align:				left;
	color:					#000;
}
#lefttop, #leftbottom {
    height:					10px;
	background-repeat:		no-repeat;
}
#lefttop { 
    background-image:		url(images/left_top.jpg);
}
#leftmiddle { 
    background-image:		url(images/left_middle.jpg);
	background-repeat:		repeat-y;
}
#leftbottom { 
    background-image:		url(images/left_bottom.jpg);
}


/*------------------------------- middle ------*/
#middle {
    width:					366px;
	color:					#000;
	margin:					0 10px;
}
*+html #middle {
    width:					330px;
	margin:					0 20px 0 10px;
}
* html #middle {
    width:					320px;
}
#middletop, #middlebottom {
    height:					10px;
	background-repeat:		no-repeat;
}
#middletop { 
    background-image:		url(images/middle_top.jpg);
}
#middlemiddle { 
    background-image:		url(images/middle_middle.jpg);
	background-repeat:		repeat-y;
}
#middlebottom { 
    background-image:		url(images/middle_bottom.jpg);
}


/*------------------------------ post items ---*/
.post {
	padding:				5px;
	width:					340px;
	margin:					0 9px;
}
*+html .post {
    width:					310px;
}
* html .post {
    width:					310px;
}
.post-date {
	color:					#000;
	padding:				2px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.95em;
	font-style:				italic;
}
.post-title h2, .post-title h2 a {
    font-family: 			Arial, Helvetica, sans-serif;
    font-size:				1.3em;
	line-height:			1.5em;
	font-variant:			small-caps;
	color:					#cc0404;
}
.post-title h2 a:hover {
    text-decoration:		none;
	color:					#000;
}
.post-category {
    font-size:				0.8em;
	color:					#000;
	padding-bottom:			5px;
}
.post-content p {
    padding:                2px 5px 5px 5px;
}
.post-content img {
    float:					right;
	max-width:				280px;
	padding:                4px;
	border:					1px solid #ccc;
	margin:					0 5px 5px 0;
}
.post-content img.nofloat {
    float:					none;
	border:					none;
}
#postacomment {
    margin:					0 auto;
	text-align:				center;
}


/*------------------------------ comments -----*/
.comments { }
.postacomment { }
.postacomment img {
    float:					right;
}
.postacomment p {
    padding:                0 10px 0 0;
	font-size:				12px;
}

.comments form p {
    padding:                0 0 5px 0;
	margin:					0;
}
.comments form input {
    width:					125px;
}
textarea#comment {
    width:					98%;
}

ol.commentlist {
	margin:					0;
	padding:                0;
	list-style-type:		none;
}
ol.commentlist li {
    margin:					0 0 10px 0;
	padding:                3px;
	background-color:		#eee;
	border-right:			1px solid #333;
	border-bottom:			1px solid #333;
}
ol.commentlist li p {
    padding:                0 0 5px 0;
	margin:					0;
}


/*-------------------------------- right ------*/
#right { 
    color:					#000;
	width:					252px;
}
#righttop, #rightbottom {
    height:					10px;
	background-repeat:		no-repeat;
}
#righttop { 
    background-image:		url(images/right_top.jpg);
}
#rightmiddle { 
    background-image:		url(images/right_middle.jpg);
	background-repeat:		repeat-y;
}
#rightbottom { 
    background-image:		url(images/right_bottom.jpg);
}
#right ul {
	list-style-image:		url(images/listitem2.jpg);
	margin:					0;
	padding:				0;
}
#right ul {
    margin:                 10px 0 0 20px;
}
#right ul ul {
    margin-top:				0;
}

.block { 
    margin:					0 0 10px 10px;
	width:					230px;
}
.block_top { 
    background-color:		#000;
	margin:					0 0 1px 0;
}
.block_middle { }
.block_bottom { }

.block_top h2 {
    font-size:				1.1em;
	font-variant:			small-caps;
	padding:                1px 0 1px 5px;
	color:					#eee;
}
.block_middle p {
    padding:                10px;
}

/*------------------------------- footer ------*/
#footer {
	width:					720px;
	color:					#ccc;
	font-size:				0.8em;
	clear:					both;
}
#footer p {
    width:					95%;
}
#footer .left, #footer .right {
    width:					50%;
}
#footer .right {
    float:					right;
	text-align:				right;
}
#footer .left {
    float:					left;
	text-align:				left;
}


/*---------------------------- link styles ----*/
a:link {
    color:					#cc0404;
	text-decoration:		none;
}
a:visited {
    color:					#c00;
}
a:hover {
    color:					#111;
	text-decoration:		underline;
}

h1 a {
    color:					#fff;
	text-decoration:		none;
}
h1 a:visited {
    color:					#fff;
}
h1 a:hover {
    color:					#c60;
}

#footer a, #footer a:visited {
    color:					#ccc;
	text-decoration:		none;
}
#footer a:hover {
    color:					#fff;
	text-decoration:		underline;
}

#right ul a, #right ol a, #left ul a, #left ol a {
    color:					#000;
}
#right ul a:hover, #right ol a:hover, #left ul a:hover, #left ol a:hover {
    color:					#cc0404;
}


/*------------------------------- font stuff --*/
h1, h2 {
    margin:					0;
	padding:				0;
}
h4 {
    font-variant:			small-caps;
	font-size:				11px;
	color:					#000;
}
abbr, acronym {
    border-bottom:			none;
	cursor:					help;
}
blockquote {
    background-color:		#eee;
	border-right:			1px solid #333;
	border-bottom:			1px solid #333;
}



/*---------------------------- miscellaneous --*/
div.center, div.buttons {
    text-align:				center;
}
div.spacer {
    clear:					both;
}
img {
    border:					0;
}

ul, ol, dl {
    list-style-type:		square;
    padding:                10px 10px 10px 35px;
}


/*-------------------------------- menu -------*/
#navcontainer { width: 130px; text-align: left; }

#navcontainer ul {
    margin:					0;
	padding:                0 !important;
    font-family:			Arial, Helvetica, sans-serif;
	list-style-type:		none;
}

#navcontainer a {
    display: 				block;
    padding: 	            5px 0 5px 5px;
	margin:					0 5px 0 10px;
	font-variant:			small-caps;
    width: 					120px;
	border-bottom:			1px solid #ccc;
}
#navcontainer a.last {
    border-bottom:			none;
}

#navcontainer a:link, #navlist a:visited {
    color: 					#000;
    text-decoration: 		none;
}

#navcontainer a:hover {
    background-color:		#c00;
    color: 					#fff !important;
	padding:                5px 0 5px 15px;
	width:					110px;
}