/*  
Theme Name: New Morning Show Website 2009
Theme URI: http://www.robertrundle.com
Description: Website for Katerina and Dimitris Breakfast Show 2009
Version: 1.0
Author: Robert Rundle
Author URI: http://www.robertrundle.com/

*/

/* body styling */
body, h1, h2, h3, h4, h5, h6, blockquote, p,form{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background-image:url(images/bg_general.jpg);
background-position:center top;
background-repeat:no-repeat;
color: #000000;
}

h1{
font-family: Georgia;
font-size: 24px;
padding: 10px 0;
color:#000;
}

a:link, a:visited
{
text-decoration: none;
font-color:#000;

}
a:hover{
text-decoration: none;

}
p{
padding: 10px 0 0 0;
}

h2{
	font:georgia;
	font-size:22px;
	width:300px;
	color:#4c4c4c;
	margin-left:0;
	padding-bottom:10px;
}
a:link, a:visited
{
text-decoration: none;
color:#4c4c4c;

}
a:hover{
text-decoration: none;
}
h3{
	font:Georgia;
	font-size:22px;
	width:500px;
	color:#f23183;
	background-position:left;
	background-repeat:no-repeat;
}
h3 a
{
text-decoration: none;
color:#f23183;
margin-left:30px;
margin-top:-5px;
}
p{
padding: 10px 0 0 0;
}

h4{
	color:#333;
	font:georgia;
	font-style:italic;
	font-size:17px;
}
h5{
	color:blue;
	font:georgia;
	font-style:italic;
	font-size:17px;
}
h6{
	font:georgia;
	font-size:12px;
	font-style:italic;
	width:175px;
}
h7{
	font:georgia;
	font-size:14px;
	font-style:bold;
	width:400px;
	margin-left:5px;
	color:#f23183;
}
h7 a
{
text-decoration: none;
font-size:16px;
font-style:oblique;
color:#f23183;
margin-left:5px;
margin-top:-5px;
}
/* wrapper styling */
#wrapper{
margin: 0 auto 0 auto;
width: 965px;
text-align: left;
}

/* header styling */
#header{
float: left;
width: 965px;
height:455px;
background-image:url(images/header_main.png);
background-position:center top;
background-repeat:no-repeat;
position:relative;
z-index:-2;
}

/*onair link*/
#onairlink{
width: 120px;
height: 160px;
repeat:no-repeat;
margin-top:220px;
margin-left:50px;
z-index:2;
}
#homepagelink{
width: 211px;
height: 82px;
repeat:no-repeat;
margin-top:10px;
margin-left:10px;
z-index:2;
}
/* container styling */
#container{
float: left;
width: 600px;
padding-left:10px;
margin-top:5px;
}
.post{
padding: 10px;
}
.post h2{
font-family: Georgia, Sans-serif;
font-size: 18px;
width:500px;
}
.post h2 a{
font-family: Georgia, Sans-serif;
font-size: 18px;
width:500px;
}
.entry{
line-height: 18px;
}
p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

/* navigation styling */
#navigation{
	width:965px;
	height:100px;
	float:left;
	margin-top:-90px;
	}
.navigation img
{
float:left;
margin-right:-15px;
position:relative;
z-index:1;
}

/* sidebar class*/
.sidebar{
float: left;
width: 300px;
margin: 0 0 0 10px;
display: inline;
}
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}
.sidebar ul li{
padding: 10px 0 10px 0;
}
.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
}
.sidebar ul ul li{
padding: 0;
line-height:24px;
}
table#wp-calendar{
width: 100%;
}

/* footer styling */
#footer{
	clear: both;
	float: left;
	width: 940px;
	line-height:18px;
	color:white;
	background-color:#272727;
	text-align:center;
	padding:5px;
	font:georgia;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	
}
#footerboxes{
	padding-top:10px;
	width:985px;
	height:20px;
	float:left;
	background-color:#272727;
	text-align:center;
}

/* Comments
---------------------------------------------------------------- */

.comments {
	padding: 15px;
	display: block;
	border-bottom: 5px solid #f1f1f1;
	}
#comments .navigation {
	margin: 1px 0 0;
	padding: 10px 0 0;
	background: #fff;
	}
#comments .section-title {
	margin: 0 0 10px;
	}
#comments ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#comments ul ul {
	margin: 15px 0 10px;
	}
#comments li {
	margin: 0 0 -1px;
	padding: 15px 15px 5px;
	border: 1px solid #eee;
	}
#comments li.alt {
	background: #f6f6f6;
	}
#comments li.odd {
	background: #fff;
	}
#comments li.even {
	background: #f6f6f6;
	}

#comments .comment-author {
	margin: 0 0 3px;
	font-size: 1.2em;
	font-weight: bold;
	}
#comments #trackbacks-list .comment-author {
	margin: 0;
	font-size: inherit;
	}
#comments #trackbacks-list .comment-meta,
#comments #trackbacks-list .comment-author img,
#comments #trackbacks-list .comm-repl-link {
	display: none;
	}
#comments .comment-author img {
	float: left;
	padding: 2px;
	margin: 0 10px 10px 0;
	background: #fff;
	border: 1px solid #eee;
	}
#comments .comment-meta {
	color: #999;
font-size:8px;
	}
#comments .comment-meta .meta-sep {
	padding: 0 4px;
	}
#comments .unapproved {
	width: 50%;
	margin: 10px auto;
	padding: 5px 10px;
	display: block;
	color: #0cc6ef;
	text-align: center;
	background: #fff;
	border: solid #c6c6c6;
	border-width: 1px 0;
	}
#comments .comment-content {
	clear: both;
	margin: 10px 0 0;
	}

#comments #respond {
	padding: 10px;
	position: relative;
	background: #fff;
	border-bottom: solid #f1f1f1;
	border-bottom-width: 10px;
	}
#comments #respond .comm-cancel {
	top: 21px;
	right: 15px;
	font-size: 10px;
	text-transform: uppercase;
	position: absolute;
	}
#comments .formcontainer {
	padding: 20px 20px 5px;
	background: #f6f6f6;
	border: 1px solid #eee;
	}
#comments #commentform {
	padding: 0 0 10px;
	}
#comments #commentform .comm-notes {
	color: #999;
	font-style: italic;
	}
#comments #commentform .form-input {
	margin: 0 0 10px;
	}
#comments #commentform input,
#comments #commentform textarea {
	margin: 0 0 5px;
	padding: 5px;
	color: #999;
	font-size: 1em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #eee;
	}
#comments #commentform input {
	width: 250px;
	}
#comments #commentform textarea {
	width: 97%;
	}
#comments #commentform textarea:focus,
#comments #commentform input[type="text"]:focus {
	color: #000;
	font-style: normal;
	background: #fff;
	}
#comments #commentform #submit {
	float: right;
	width: auto;
	margin: 0 4px 0 0;
	padding: 5px 20px;
	color: #fff;
	font-style: normal;
	text-transform: uppercase;
	background: #e33258;
	}

#topsection{
	width:950px;
	height:235px;
	float:left;
}

/*Featured Content Gallery*/
#fcs{
	float:left;
	width:630px;
	height:230px;
}


/*Scoreboard*/
#scoreboard{
	width:316px;
	height:230px;
	float:right;
	padding-right:3px;
	background-image:url(images/scoreboard.jpg);
	background-repeat:no-repeat;
}
.scoreboard{
	font:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	margin-top:150px;
	padding-left:45px;
	padding-right:30px;
	float:left;
}
hr
{
border-bottom-color:#FFF;
border: 1px solid #eee;
padding:0;
height: 0px;
margin-top:-3px;
margin-bottom:3px;
}
/*Middle Banners Homepage*/
#middlebanners
{
	float:left;
height:108px;
width:945px;
background-image:url(images/midbannerback.jpg);
background-repeat:repeat-x;
}

/*Three Box Lane */
#threeboxlane{
width:300px;
height:250px;
}
/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 145px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 300px; }
.span-9   { width: 327px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 

/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;

}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 5px;
padding-left: 5px;
  margin-right: 0px;
  border-right: 1px solid #eee;
  margin-left:5px;
}


#block1{
	background-repeat:repeat-x;
	width:985px;
	height:280px;
	margin-top:1px;
}

#block1news{
	width:300px;
	height:270px;
}
#block1newsentry{
	width:275px;
	height:260px;
	float:left;
	padding:5px 5px 2px 5px;
	text-align:left;
	margin-top:1px;
	margin-left: 0px;
}
#sidebarnewsentry{
	width:280px;
	height:260px;
	float:left;
	text-align:left;
	margin-top:1px;
	margin-left: -5px;
}
#sexcerpt_small
{
	height:30px;
	font:georgia;
}
#sexcerpt_title
{
	width:100px;
	height:20px;
	
}
#sexcerpt_photo
{
	width:90px;
	height:60px;
	text-align:left;
	margin-bottom:10px;
}
#excerpt_body{
	
	width:180px;
	height:auto;
	float:left;
	margin-top:-78px;
	margin-left:100px;
	font-size:11px;
}
#sexcerpt_body a
{
text-decoration: none;
color:#f23183;

}
#block2{
	width:985px;
	height:280px;
	margin:0;
}
#block3{
	width:985px;
	height:280px;
	margin:0;
}

#excerpt_small
{
	height:30px;
	font:georgia;
}
#excerpt_title
{
	width:100px;
	height:20px;
	
}
#excerpt_photo
{
	width:90px;
	height:60px;
	text-align:left;
	margin-bottom:10px;
}
#excerpt_body{
	
	width:180px;
	height:auto;
	float:left;
	margin-top:-78px;
	margin-left:100px;
	font-size:11px;
}
#excerpt_body a
{
text-decoration: none;
color:#f23183;

}
#advertbox{
width:150px;
float:left;
}