/*

Theme Name: Titanium

Theme URI: http://titanium.ithemes.com/

Author: iThemes

Author URI: http://ithemes.com/

Version: 1.2.1

Description: Titanium is a premium WordPress business theme.

Tags: business, corporate, CMS, website

All the CSS, XHTML, design, and images are copyrighted. Please don't steal.



	Changelog:

	v1.0 - 10.03.08

	First Release

	v1.1 - 10.06.08

	Code Updates to Featured Images

	v1.2 - 10.07.08

	Code Updates to Featured Images to enhance support for older versions of PHP

	v1.2.1 - 11.03.08

	New Feature Image version - fixed bugs



*/

/*CSS Reset*/

@import url(css/reset.css);

/*Get the grid, baby!*/

@import url(css/grid.css);



body {
	background: url(images/glossymetal.jpg) repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	margin: 0px; padding: 10px 0px;

}

#page{ margin:0 auto;
padding:0;
width:985px;
height:auto;
}

/*********************************************

		Universal Link Styles

*********************************************/

a {

	color: #FFF;

	text-decoration: underline;

}

a:hover { 
	color: #FFF; 
	text-decoration: none; 
}



/*********************************************

		Universal Text Elements

*********************************************/

p, ul, ol, blockquote {

	color: #333;

}

ol, ul {

	margin: 5px 35px;

}
.textwidget ul{ background:url(images/listback.jpg) no-repeat;
height:245px;
width:501px;
list-style:none;
padding: 9px 0 0 4px;
margin: 18px 35px 5px 5px !important;

}
.textwidget ul li{ background:url(images/liback.jpg) no-repeat;
color: #FFFFFF !important;
font: 14px "Myriad Pro";
height: 22px;
margin: 2px 0 0 10px;
padding: 4px 0 0 29px;
}
blockquote {

	margin: 5px 0px 5px 10px; padding: 0px 0px 0px 10px;

	font-style: italic;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;
	font-size:14px;

}

/*********************************************

		Header Styles

*********************************************/

/* Use this for universal styles for all header elements

Be sure to uncomment the styles before using */

h1,h2,h3,h4,h5,h6 {

	/*color: #FFF;*/

	margin-bottom: 5px;

}

h1 { /* This style is generally used as title on single posts and pages */


    color: #134864!important;
    font: normal 26px "Myriad Pro";


}

h2 { /* This style used as a sub-header in post/page content */

	font-size: 22px;

	border-bottom: 4px double #9b9b9b;

}

h3 { /* This style used as the post titles on homepage/archive */

	clear: both;
	font:normal 24px "Myriad Pro"!important;
	color:#134864!important;

}

h3 a {

	text-decoration: none;

}

h3 a:hover {

	text-decoration: underline !important;

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	clear: both;
	font:normal 22px "Myriad Pro";
	color:#5e5e5e;
}

h5 span{
font:normal 14px Arial, Helvetica, sans-serif;
color:#515151;

}

h5 p span{

	font-size: 16px;

	color:#000 !important;

	font-style: normal !important;

	font-weight:normal !important;

}

h5 span.disclaimer{

	color:#000;

	font-style:italic;

	font-size:12px;

}

h5  p{

	color:#000066 !important;

	font-style:italic !important;

	font-size:16px !important;

	margin:0 0 10px 0 !important;

	padding:0 !important;

	font-weight:bold;

}

h6 {

	font-size: 14px;
	color:#000;

}



/*********************************************

		The Obligatory WP Styles

*********************************************/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

   margin: 0px 8px 8px 0px;

}

.alignright {

   float: right;

   margin: 0px 0px 8px 8px;

}

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}
#top-back{ background:url(images/top.png) no-repeat;
width:985px;
height:47px;
margin:0;
}
#middle-back{ background:url(images/middle-back.png) repeat-y;
width:985px;
height:auto;
margin:0 0 0 1px;
padding:0 0 0 13px;}
#bottom-back{ background:url(images/bottom.png) no-repeat;
width:985px;
height:47px;
margin:0 0 0 1px;}
/*********************************************

		Container Div

*********************************************/

#container {
	/*background: #FFF;*/
	/*border: 5px solid #FFF;*/
	background: url(images/bg-content.png) repeat-y;
	width:940px;
	padding:0 28px;
	height:auto;
}



/*********************************************

		Header Styles

*********************************************/

#header {

	background: #111 url(images/header.jpg) no-repeat;

	width: 900px; height: 85px;

	margin: 0px 0px 5px 0px;

}

#header a#title {

	display: block; 

	float: left;

	/*width: 350px; */

	/*width:250px;*/
	width:200px;

	height: 85px;

	margin: 0px; 

	padding: 0px;

	text-indent: -9999px;

}

/*********************************************

		Horizontal Navigaion Styles 

				(with dropdowns)

*********************************************/

#menu {

	display: block; float: right;

	background: url(images/menu-bg.gif) repeat-x;

	border: 1px solid #FFF;

	border-right: none;

	font-size: 11px;

	width: auto;
	/*width:648px;*/
	height: 20px;

	/*margin: 30px 20px 0px 0px; */
	margin:30px 10px 0 0;
	padding: 0px;

	z-index: 100;

}

/* This is the style for the first UL (horizontal) */

#menu ul {

	display: block; float: left;

	background: transparent;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px;

	text-transform: uppercase;

}

/* This is the style for the top level list items */

#menu ul li {

	background: none;

	width: auto;

	display: block;

	float: left;

	list-style-type: none;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px;

	border-right: 1px solid #FFF;

}

#menu ul li.home {

	background: none;

}

/* The style for all links */

#menu a {

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

}

/* The universal hover state colors and background for all LI items and links */

#menu li:hover,

#menu li:hover a,

#menu li.sfhover,

#menu li.sfhover a,

#menu li a:hover {

	background: #8f0f0e; color: #FFF;

	text-decoration: none;

}

/* This is the style for the top level links, if different than the universal */

#menu ul li a {

	display: block;

	height: 20px; 

	line-height: 20px;

	margin: 0px; 

	/*padding: 0px 15px;*/

	padding:0 5px;

	text-decoration: none;

}

/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a {

}

/****************************** 

The second-level stuff 

*******************************/

/* This hides the nested UL before you hover */

#menu li ul {

	clear: both;

	position: absolute;

	width: 120px; /* the width of the dropdown */

	left: -999em;

	text-transform: none;

}

/* This shows the nested UL when you hover */

#menu li:hover ul, 

#menu li.sfhover ul {

	left: auto;

	display:  block;

	z-index: 3000;

}



/* This is the style for the nested UL */

#menu li:hover ul, #menu li.sfhover ul {

	background: transparent;

	display: block;

	border-top: 1px solid #FFF;

	margin: 0px; padding: 0px;

}

/* This is the style for the LI items within the nested UL */

#menu li:hover ul li,

#menu li.sfhover ul li {

	background: transparent;

	width: 100%;

	display: block;

	padding: 0px; margin: 0px;

	height: 20px; line-height: 20px;

	overflow: hidden;

	text-align: left;

	border: 1px solid #FFF;

	border-top: none;

	z-index: 2000;

}

/* This is the style for the links within the LI items within the nested UL */

#menu li:hover ul li a,

#menu li:hover ul li.current_page_item a,

#menu li.sfhover ul li a,

#menu li.sfhover ul li.current_page_item a {

	width: 120px;

	display: block;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

	border: none;

	background: #333;

}

/* This is the style for the hover state on the links within the LI items within the nested UL */

#menu li:hover ul li a:hover, 

#menu li.sfhover ul li a:hover {

	background: #8f0f0e; color: #FFF;

	text-decoration: none;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

}





/*********************************************

		Top Div (homepage)

*********************************************/

#top {

	margin: 0px 0px 5px 0px;

}

#top #video {

	padding: 0px 0px 0px 10px;

}

#top #video h4 {

	display: block;

	background:#dee5f3;

	height: 32px; line-height: 32px;

	font-size: 12px; font-weight: bold; color: #515151;

	margin: 0px 0px 1px 0px; padding: 0px 5px;

	border: none;

}

#top #video embed,

#top #video object {

	width: 295px; height: 237px;

}



/*********************************************

		Blue Boxes (homepage)

*********************************************/

#blueboxes {
	overflow: hidden;
	color: #515151;
	width:100%;
}
#blueboxes h2{
padding:0 0 0 10px !important;}
#blueboxes p, #blueboxes ul, #blueboxes ol, #blueboxes blockquote {

	color: #515151;

}

#blueboxes h4 {
	background: url(images/red-block1.gif) left 50% no-repeat;
	color: #515151;
	padding-left: 22px;
	font-size: 12px; 
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
#blueboxes a{color: #515151 !important;}
#blueboxes .boxcolor{
	/*margin-bottom: -2000px; 
	padding-bottom: 2000px;*/ /*Equal hight columns
	background: #171d64 url(images/blue-box-bg1.gif) repeat-x;*/
	background: #dee5f3;
	width:185px;
	padding:5px;
	float:left;
	height:150px;
	margin:0 5px 0 0;
}
#blueboxes .boxcolor-right{
	/*margin-bottom: -2000px; 
	padding-bottom: 2000px;*/ /*Equal hight columns
background: #171d64 url(images/blue-box-bg1.gif) repeat-x;*/
	background: #dee5f3;
	width:185px;
	padding:5px;
	float:left;
	height:150px;
	margin:0;
}

#blueboxes .right {

	width: 295px;

	border-left: 5px solid #FFF;

}

#blueboxes .widget {

	padding: 10px;

}



/*********************************************

		Flickr (homepage)

*********************************************/

#flickr {

	margin-top: 5px;

	background: url(images/grey-fade-bg.gif) repeat-x;

}

#flickr img {

	display: inline;

	float: left;

	width: 80px; height: 80px;

	margin: 5px 0px 5px 5px;

}

	

/*********************************************

		Content Div

*********************************************/

#content {

}

.content-home{

	margin:-38px 0 0 0 !important;

	position:relative;

	z-index:1;

}



#featured-image-fade{

	position:relative;

	z-index:3;

}

/*********************************************

		Post Styles

*********************************************/

.post {

	/*background: #656565 url(images/post-bg.gif) repeat-x;*/

	/*background: #767779 url(images/post-bg.jpg) repeat-x;*/

	/*background: #AEAFB1 url(images/post-bg.jpg) repeat-x;*/

	padding: 10px;

	margin-bottom: 5px;

}

.post a{

	color:#000;

}

.post a:hover{

	text-decoration:none;

}
.post p{ color:#000;}
.post ul, .post ol, .post blockquote {

	color: #FFF;

}



.post h1{

	color:#000;

}



/*********************************************

		Post Meta Styles, if needed

*********************************************/

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	color:#000;

}

.meta-top a {

	/*color: #FFF;*/

	color:#000;

	/*text-decoration: none;*/

	text-decoration:underline;

	font-weight: bold;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

}

.meta-date {

}

.meta-author {

}

.meta-comments {

}

.meta-category {

}



#breadcrumb {

	margin-bottom: 10px;

	color:#000;

}



/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 0px; padding: 0px;

}

.nav-previous {

	text-align: left;

}

.nav-next {

	text-align: right;

}

.page-nav a {

	color: #333;

	text-decoration: underline;

}

.page-nav a:hover {

	text-decoration: none;

}



/*********************************************

		Page Styles

*********************************************/

.page {

	/*background: #656565 url(images/post-bg.gif) repeat-x;*/

	/*background: #AEAFB1 url(images/post-bg.jpg) repeat-x;*/

	padding: 10px;

	margin-bottom: 5px;

	color:#000 !important;

}

.page p, .page ul, .page ol, .page blockquote, .page h1, .page h3, .page span, .page a {

	/*color: #fff;*/

	color:#000;

}



/*********************************************

		Widget Styles

*********************************************/

.teamscore, .teamname {

	display: inline;

	width: 100px;

	float: left;

	margin: 0px 18px;

}

.teamscore {

	background: #a21e0e;

	color: #FFF;

	padding: 5px 0px;

	text-align: center;

	font-size: 40px;

}

.teamname {

	text-align: left;

	font-size: 13px;

}

.socialicon {

	padding: 0px 6px;

}



/*********************************************

		Sidebar

*********************************************/

.sidebar {

	color: #333;

}

.sidebar a {

	color: #333;

}

.sidebar .widget {

	/*margin: 0px 0px 10px 5px; */

	margin:0 0 5px 5px;

	padding: 10px 0 10px 5px ;

	/*background: url(images/grey-fade-bg.gif) repeat-x;*/

}

.sidebar .widget h4 {

	margin-bottom: 10px;

}

.sidebar p, 

.sidebar .textwidget {

}

.sidebar .textwidget {

	margin:0 -10px -10px -10px;

}

.sidebar img {

	text-align: center;

}

.sidebar form {

	margin: 5px; padding: 0px;

}

.sidebar ul {

	list-style-type: none;

	margin: 0px; padding: 0px;

}

.sidebar ul li {

	margin: 0px; padding: 0px;

}

.sidebar ul li a {

	

}

.sidebar ul li a:hover {

	

}

.sidebar ul li ul {

	margin: 0px; padding: 0px;

}

.sidebar ul li ul li {

	margin: 5px 10px 5px 5px; padding: 0px;

}

/*********************************************

		Feedreader Page Styles

*********************************************/

.feed {

	color: #333;

}

.feed a {

	color: #333;

}

.feed .widget {

	margin: 0px 0px 10px 5px; padding: 10px ;

	background: url(images/grey-fade-bg.gif) repeat-x;

}

.feed h2 {

	font-size: 18px;

	color: #111;

	border-bottom: 4px double #9b9b9b;

	margin: 10px 0px 5px 0px;

}

.feed h3 a {

	text-decoration: none;

	border:none;

	}

.feed h3 a:hover {

	text-decoration: underline;

}

.feed p, 

.feed .textwidget {

}

.feed img {

	text-align: center;

}

.feed form {

	margin: 5px; padding: 0px;

}

.feed ul {

	list-style-type: none;

	margin: 0px; padding: 0px;

}

.feed ul li {

	margin: 0px; padding: 0px;

}

.feed ul li a {

	text-decoration: none;

	}

.feed ul li a:hover {

	text-decoration: underline;

}

.feed ul li ul {

	margin: 0px; padding: 0px;

}

.feed ul li ul li {

	margin: 5px 10px 5px 5px; padding: 0px;

}



/*********************************************

		Comment Styles

*********************************************/

#comments {

	width: 100%;

}

#comments a {

	color: #333;

}

#comments .comment { /* Even Comments: 2,4,6,8,etc. */

	margin: 5px 0px 5px 0px; padding: 10px 0px;

	overflow: hidden;

}

#comments .alt { /* Odd comments: 1,3,5,7,9,etc. */

	margin: 5px 0px 5px 0px; padding: 10px 0px;

	color: #333;

	overflow: hidden;

}

#comments .gravatar {

	display: block; float: left;

}

#comments .commentmeta {

	display: block; float: left;

	padding-left: 8px;

}

#comments .commenttext {

	clear: both;

}



#respond {

	

}

#respond a {

	color: #333;

}

#respond #author,

#respond #email,

#respond #url {

	width: 50%;

}

#respond #comment {

	width: 100%;

}



/*********************************************

		Footer Styles

*********************************************/

#footer {

	/*background: #000;*/
	background: url(images/bg-footer.png) bottom no-repeat;

	/*margin: 5px 0px 0px 0px; */

	margin:0 -13px -13px -13px;
	

	padding: 0 13px 0 13px;
	
	width:900px;

}

#footer-content{
	background: #858585;
	margin:0 0 13px 0;
	padding:8px 0;
}

#footer p {

	/*color: #333;*/

	color:#fff;

	padding: 0px;

}

#footer-content .w480{ width:525px !important;}
#footer-content .w420{ width:335px !important;}
#footer a {

	/*color: #333;*/

	color:#fff;

	text-decoration: underline;

}

#footer a:hover {

	text-decoration: none;

}



.sidebar-home{

	margin:-90px 0 0 0;

}

.clear{clear:both;}

.video-thing{
	float:left;
	width:200px;
}
.video-thing p a{
	font-size:14px;
	font-weight:bold;
	color:#000 !important;
}

.content-home h2{
	border: none;
	font:normal 20px "Myriad Pro";
	color:#5e5e5e;

}

.widget ul li.cat-item{
	float:left;
	width:130px;
	margin: 0 5px 0 0;
}