/*  

Theme Name: FYI

Theme URI: http://www.fyimusic.ca/

Description: Custom theme for FYI Music News.

Version: 2.0

Author: Andrew Nichol

Author URI: http://www.xysm.ca

*/



/* ======================================== BASIC ELEMENTS ======= */



body {

	margin: 10px 10px 40px 10px;

	padding: 0px;

	font: 12px Verdana,Trebuchet MS,sans-serif;

	background-color: #333333;

	color: #000000;

	text-align: center;

}



p {

	margin: 0px;

	padding: 0px;

}



a img { 

	border: 0;

}



a {

	color: #850505;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



ul {

	padding: 0px;

	margin: 0px 0px 0px 20px;

}



li {

	padding: 0px;

	list-style-type: none;

	margin: 0px;

}



td { 

	font: 12px Verdana,Trebuchet MS,sans-serif;

}



/* ======================================== ID SPECIFIC ========== */



#wrapper {

	width: 972px;

	text-align: left;

	margin: 0 auto 0 auto;

}



#header {

	background:url('images/bodyTop.gif') no-repeat;

	position: relative;

	width: 972px;

	height: 150px;

}



#headerLogo {

	position: absolute;

	top: 25px;

	left: 6px;

}



#headerBanner {

	position: absolute;

	top: 25px;

	left: 244px;

}



#headerControl {

	text-align: right;

	position: absolute;

	top: 25px;

	left: 726px;

	width: 240px;

	height: 66px;

}



#headerControlMenu {

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	padding: 12px 14px 0 0;

}



#headerControlMenu a {

	color: #FFFFFF;

}



#headerControlSearch {

	position: relative;

	width: 230px;

	height: 25px;

	padding: 7px 17px 0 0;

	*top: -20px; 

	*left: 5px;

}



#headerControlSearchBox {

	border: 1px solid black;

	font-size: 12px;

	*line-height: 21px;

	height: 21px;

	width: 180px;

	*width: 174px;

	padding-left: 3px;

	position: relative;

	top: -7px;

	*top: -3px;

}



#headerControlSearchButton {

	width: 34px;

	height: 23px; 

	border: none;

	position: relative;

	top: 0px;

}



#headerMenu {

	position: relative;

	text-align: center;

	top: 121px;

	width: 100%;

}



#main {

	background:url('images/bodyBG.gif') repeat-y;

	position: relative;

	width: 972px;

}



#content {

	position:relative;

	width: 474px;
	overflow:hidden;

	float:left;

	margin-left: 3px;

}



#sidebarLeft {

	float: left;

	padding: 0 0 0 6px;

	width: 240px;

	*margin: 0 0 0 -16px;

}



#sidebarRight {

	float: right;

	padding: 0 6px 0 0;

	width: 240px;

	*margin: 0 0 0 -20px;

}



#footer {

	background:url('images/bodyBot.gif') no-repeat;

	width: 972px;

	height: 60px;

}



#footerMenu {

	float: left;

	color: #000000;

	padding: 14px 0 0 14px;

}



#footerMenu a {

	color: #FFFFFF;

	font-weight: bold;

	font-size: 11px;

}



#footerCopyright {

	font-size: 10px;

	padding: 6px 0 0 0;

}



#footerLogo {
	float: right;
	padding: 7px 7px 0 0;
}

div#pressReleaseSidebar {
	padding:7px 14px;
	font-size:10px;
}
div#pressReleaseSidebar div {
	margin-bottom:7px;
}

/* ======================================== CLASS SPECIFIC ======= */



.sideTop {

	position: relative;

	background:url('images/sideTop.gif') no-repeat;

	width: 240px;

	height: 33px;

}



.sideTop h2 {

	font-size: 16px;

	color: #FFFFFF;

	padding: 7px 0 0 9px;

	margin: 0px;

}



.sideBody {

	background:url('images/sideBody.gif') repeat-y;

	width: 240px;

}



.sideBody a {

	font-weight: bold;

}



.sideBot {

	background:url('images/sideBot.gif') no-repeat;

	width: 240px;

	height: 4px;

	padding-bottom: 4px;

	font-size: 0px;

}



.sideBodyEntry {

	padding: 7px 12px 7px 12px;

}



.contentTop {

	position: relative;

	background:url('images/contentTop.gif') no-repeat;

	width: 474px;

	height: 33px;

}



.contentTop h2 {

	font-size: 16px;

	color: #FFFFFF;

	padding: 7px 0 0 9px;

	margin: 0px;

}



.catHead {

	background:url('images/contentTopClean.gif') no-repeat;

	height: 33px;

	width: 474px;

	padding: 0 0 4px 0;

}

.catHead h2 {

	font-size: 16px;

	color: #FFFFFF;

	padding: 7px 0 0 9px;

	margin: 0px;

}



.contentBody {

	background:url('images/contentBody.gif') repeat-y;

	width: 474px;

	padding: 30px 0 10px 0;

}



.contentBot {

	background:url('images/contentBot.gif') no-repeat;

	width: 474px;

	height: 4px;

	padding-bottom: 4px;

	font-size: 0px;

}



.dateBox {

	background:url('images/dateBox.png') no-repeat;

	position: absolute;

	width: 76px;

	height: 46px;

	top: 10px;

	right: 12px;

	color: #FFFFFF;

	text-align: center;

}



.dateBox .month {

	font-size: 9px;

	font-weight: bold;

	position: relative;

	top: 5px;

	text-transform: uppercase;

}



.dateBox .day {

	font-size: 24px;

	font-weight: bold;

	position: relative;

	top: 3px;

}



.entry {

	position: relative;

	border: 1px solid black;

	width: 464px;

	background-color: #EDEDED;

	margin-left: 4px;

	margin-bottom: 16px;

}



.entryBox {

	padding: 7px;

}



.entryBox li {

	padding: 2px 0px 2px 0px;

	list-style-type: square;

}



.entryHeader {

	font-size: 15px;

	color: #850505;

	padding: 0 0 2px 0;

	margin: 0px;

}



.entryBar {

	display: block;

	width: 450px;

	height: 5px;

}



.entryDate {

	float: left;

	font-size: 10px;

	color: #666666;

	padding: 3px 0 4px 0;

}



.entryMeta {

	float: right;

	font-size: 10px;

	color: #666666;

	padding: 3px 0 4px 0;

}



.entryBody {

	padding: 24px 0 4px 0;

}



.entryBody p {

	padding: 4px 0 4px 0;

}



.entryBody img { 

	margin: 8px;

}



.entryFull {

	position: absolute;

	bottom: -20px;

	right: -2px;

}



.entryCommands {

	float: right;

	padding: 3px;

}



.previousNext {

	background:url('images/contentTopClean.gif') no-repeat;

	height: 33px;

	width: 474px;

	padding: 0 0 4px 0;

}



.previousNext .previous a {

	color: #FFFFFF;

	float: left;

	padding: 8px 15px 0 15px;

}



.previousNext .next a {

	color: #FFFFFF;

	float: right;

	padding: 8px 15px 0 15px;

}



.headlinesBody {

	background:url('images/contentBody.gif') repeat-y;

	width: 474px;

	padding: 4px 0 4px 0;

}



.headlinesEntry {

	position: relative;

	border: 1px solid black;

	width: 464px;

	background-color: #EDEDED;

	margin-left: 4px;

	margin-bottom: 0px;

}



.headlinesEntryBody {

	padding: 0px;

}



.headlinesBot {

	background:url('images/headlinesBot.png') no-repeat;

	height: 15px;

	width: 474px;

	padding: 0 0 4px 0;

}



#sidebarLeft>li {

	list-style-type: none;

}



#sidebarRight>li {

	list-style-type: none;

}



.sideBodyEntry li {

	padding: 2px 0px 2px 0px;

	list-style-type: square;

}



.sideBodyEntry li ul {

	padding: 2px 0px 0px 0px;

	list-style-type: square;

}



.widget {

	width: 240px;

}



/* ======================================== COMMENTS === */



.entryTags {

	position: relative;

	border: 1px solid black;

	width: 464px;

	background-color: #EDEDED;

	margin-left: 4px;

	margin-bottom: 16px;

}



.entryTags a {

	font-weight: bold;

}



.entryComments {

	position: relative;

	border: 1px solid black;

	width: 464px;

	background-color: #AAAAAA;

	margin-left: 4px;

	margin-bottom: 16px;

}



.entryComments h2 {

	font-size: 16px;

	padding: 7px 0 0 2px;

	margin: 0px;

}



.commentBar {

	display: block;

	width: 450px;

	height: 5px;

	margin-bottom: 6px;

}



.commentOne {

	border: 1px solid #333333;

	background-color: #999999;

	padding: 4px;

	margin-bottom: 4px;

}



.commentTwo {

	border: 1px solid #333333;

	background-color: #BBBBBB;

	padding: 4px;

	margin-bottom: 4px;

}



.commentAuthor {

	float: left;

	display: block;

	font-weight: bold;

}



.commentDate {

	float: right;

	display: block;

	font-size: 10px;

	padding-top: 1px;

}



.commentData {

	clear: both;

	display: block;

	padding: 10px;

	*padding: 5px 10px 10px 10px;

}



.commentAdd {

	text-align: right;

}



.commentTextarea {

	width: 450px;

	border: 1px solid black;

	padding: 4px;

}



.commentSubmit {

	margin: 4px 0 0 0;

}





/* ======================================== MENUS ====== */



.menuItem {

	padding: 0px 20px 0px 20px;

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	display: inline;

}



.menuItem a {

	color: #333333;

	text-decoration: none;

}



.menuItem a:hover {

	color: #850505;

	text-decoration: none;

}



/* ======================================== OTHER ====== */



#polls li {

	list-style: none;

}



#tag_cloud {

	text-align: center;

}



#tag_cloud a {

	font-weight: normal;

}



.headerBannerFull {

	width: 468px;

	height: 60px;

	padding: 3px 0 0 8px;

}



.contentBannerFull {

	width: 468px;

	height: 60px;

	padding: 1px 0 4px 3px;

}



.sideBannerHalf {
	text-align:center;
	margin-bottom:10px;
}



.sideBannerAdwords {

	width: 234px;

	padding: 1px 0 3px 3px;

}



//reqd by image caption easy plugin

.imagecaptioneasy {

  padding: 5px;

  font-family: arial,helvetica,sans-serif;

  font-size: 10px;

  line-height: 1.15em;

  text-align: center;

  border: 1px solid #808080;

  background: #EAEAEA;

  color: #333;

}

.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }

.imagecaptioneasy span { text-align: center; }

.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }

.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }

.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }

.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }

.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }

.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }



.wp-polls p {

	font-variant: normal;

}	



div#post-tags { margin: 10px 0; width: 450px; text-align: center;} /* just beautification */

div#post-tags ul { margin:0; padding:0; }



div#post-tags li {

list-style-type: none;

display: inline;

line-height: 12px;

text-transform: lowercase;

font-size: 10px;

margin: 0;

padding: 0;

}



div#post-tags li a {

background: url(/wp-content/themes/fyimusic/images/tagCapL.gif) no-repeat left top; /* set the correct image url */

float: left;

text-decoration: none;

margin: 3px 5px;

padding: 0 0 0 6px;

}



div#post-tags li a span {

display: block;

background: url(/wp-content/themes/fyimusic/images/tagCapR.gif) no-repeat right top; /* set the correct image url */

color: #000;

padding: 2px 12px 2px 6px;

}



div#post-tags li a span:hover {

display: block;

background: url(/wp-content/themes/fyimusic/images/tagCapR.gif) no-repeat right top; /* set the correct image url */

color: #850505;

padding: 2px 12px 2px 6px;

}



.clearfix:after {

clear:both;

content:".";

display:block;

height:0pt;

visibility:hidden;

}

.clearfix {

display:block;

}

#comment {

	width: 450px;

}

.right {

	float:right;

}



.ad-banner {

	padding-bottom: 4px;

}


div.banner-container {
	text-align:center;
	padding-bottom:4px;
}



#subscribeform {

     font-size:11px;

}



#subscribeform select, #subscribeform input {

     font-size:11px;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}
	
ul.enhanced-categories-1 {
	margin-left:0;
}