/*
Theme Name: IFT Live
Theme URI: http://xenomedia.com/
Description: Custom WordPress theme for IFT Live
Version: 1.0
Author: Xeno Media Inc., Justin Dauer, Jason Bell, Alex Tarasiewicz, Dave Ross
Tags: 
*/


/*===================================
Global reset
===================================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/

/* Remove borders from clicked links in FF */
a:active
{
outline: none;
}

/* Remove borders from clicked links in FF */
:focus
{
-moz-outline-style: none;
}

/*===================================
Layout Styles
===================================*/
html {
font-family: Helvetica, Verdana, Geneva, Arial;
font-weight: normal;
font-size: 0.8em; 
}

body {
margin: 1.4em 0 2em 0;
padding: 0;
background: #fff;	
text-align: center;
color: #000;	

/* font-size: 62.5%; /* Resets 1em to 10px */
}

#page {
width: 990px;
margin: 0 auto;
border: 1px solid #000;
background: #fff;
text-align: left;
}

#top {

}

#top h1.logo {
float: left;
width: 409px;
height: 107px;
background: transparent url(images/logo-ift-live.jpg) no-repeat 15px top;
margin: 10px 0 5px 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a  {
width: 409px;
height: 107px;
display: block;
}

#top-right-col {
float: right;
width: 450px;
height: 120px;
text-align: right;
}

#top #go-mobile {
width: 44px;
height: 50px;
background: #ccc url(images/gomobile.gif) no-repeat left top;
margin: 5px 15px 0 auto;
padding: 0;
text-align: left;
}

#top #go-mobile a  {
width: 50px;
height: 50px;
display: block;
text-indent: -9999px;
}

#top #search {
float: right;
width: 425px;
/*height: 35px;*/
margin: 34px 0 0 auto;
padding: 0 15px 0 0;
}

#top #search ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}

#top #search li {
display: inline;
float: right;
}

/*
#top #search .date {
margin: 0;
padding: 0 1em 0 0;
border-right: 1px solid #000;
font-weight: bold;
}
*/

#top #search li.date {
margin: 0;
padding: 0 0.8em 0 0;
border-right: 1px solid #000;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
}

#top #search li.label {
margin: 0;
padding: 0.1em 0 0 1em;
}

#top #search li.text-field input {
margin: 0 0.4em;
border: 1px solid #000;
width: 150px;
height: 1.4em;
}

#top #search li.button input {
cursor: pointer;
border: 1px solid #000;
padding: 0 0.2em;
}



#top #nav {
min-height: 30px;
_height: 30px; /** IE6 Hack **/
clear: both;
margin: 0;
background: #000;
}

/** temporary styles -- plan to use wordpress plugin for dropdown navs **/
#top #nav ul {
list-style: none;
margin: 0;
padding: 0.5em 0 0 0;
background: #000;
text-align: center;
}

#top #nav li {
display: inline;
padding: 0.5em 1.5em;
font-weight: bold;
}

#top #nav a {
color: #fff;
text-decoration: none;
}

#top #nav a:hover {
color: #fff;
text-decoration: underline;
}
/** END: temporary styles **/


#content-row {
margin: 4px;
overflow: auto;
background: transparent url(images/bg-subpage-content.jpg) repeat-y right top;
}

#content-row.searchpage {
background: #fff;
}

#content {
width: 687px;
min-height: 400px;
_height: 400px; /** IE6 Hack **/
margin: 0;
}

#content-body {
padding: 0.5em;
}

#right-column {
float: right;
width: 200px;
min-height: 400px;
_height: 400px; /** IE6 Hack **/
margin: 0;
}

#right-column-body {
padding: 1em;
text-align: center;
}

/** homepage **/
.homepage {
background-image: none !important;
}

#hp-content { /** homepage content area **/
width: 607px;
min-height: 400px;
_height: 400px; /** IE6 Hack **/
margin: 0;
}

#hp-right-column {
float: right;
width: 360px;
min-height: 400px;
_height: 400px; /** IE6 Hack **/
margin: 0;
}
/** END: homepage **/

#footer {
clear: both;
margin: 0 4px;
padding: 0.4em 0.4em 0.6em 0.4em;
border-top: 1px solid #000;
text-align: center;
font-size: 0.9em;
}

#footer div:first-child {
margin-bottom: .5em;
}

/*========= END: Layout Styles ================*/



/*===================================
Homepage Styles
===================================*/
#hp-feature {

}

#hp-feature h3 {
margin: 0 0 0.2em 0;
font-size: 1.8em;
font-weight: bold;
color: #007ca3;
}

#hp-video {
border: 1px dotted #999;
padding: 5px;
overflow: auto;
_height: 260px; /** IE6 Hack **/
}

#hp-video h3 {
margin: 0 0 0.2em 0;
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
color: #007ca3;
}

#hp-video .my-recent-yt-video {
display: inline;
}

#hp-session {
padding: 0.5em 0;
}

#hp-session-body {
border: 1px solid #999;
background: #c2d4a2 url(images/session-bg.jpg) no-repeat right bottom;
padding: 0.6em 250px 0.6em 0.6em;
}

#hp-session h3 {
margin: 0;
}

#hp-session h4 {
margin: 0;
font-size: 1em;
color: #666;
}

#hp-session p {
margin: 0;
}

#hp-bottom {

}

/* Poll */
#hp-bottom div.wp-polls {
float: left;
width: 210px;
margin: 0;
}

#hp-bottom div.textwidget, #hp-bottom div.execphpwidget{
float: right;
width: 385px;

border: 1px dotted #999;
}

#hp-bottom-text-body {
padding: 0.6em;
}

#hp-bottom #hp-bottom-text h4 {
margin: 0 0 0.2em 0;
}

#hp-bottom div.wp-polls div.poll-wrapper {
background: url(images/vote-bg-middle.png) repeat-y left top;
}

#hp-bottom div.wp-polls div.poll-wrapper ul.wp-polls-ul li {
line-height: 1.5em;
}

#hp-bottom div.wp-polls div.poll-wrapper ul.wp-polls-ul li input {
margin-right: .5em;	
}

div.wp-polls p {
width: 100%;
}

div.wp-polls p strong {
background-color: #0977A6;
color: white;
padding: 10px;
display: block;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

#hp-bottom div.poll-wrapper-header {
background: url(images/vote-bg-top.png) no-repeat left top;
width: 100%;
height: 100%;	
}

#hp-bottom div.poll-wrapper-footer {
background: url(images/vote-bg-bottom.png) no-repeat left bottom;
height: 100%;
padding: 20px;
}


/*** News/Blog Tabbed Widgets ***/
div#hp-news-blog h4 img {
display: none;
}

div#hp-news-blog div#tabbed-widget-2 {
width: 99%;
}

div#hp-news-blog .tw-tabbed-nav li {
list-style: none;
padding: .5em 0;
margin: 0;
}

div#hp-news-blog #tw-content-2-0 ul,
div#hp-news-blog #tw-content-2-1 ul {
margin-left: 1em;
}

div#hp-news-blog #tw-content-2-0 ul li,
div#hp-news-blog #tw-content-2-1 ul li {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}

div#hp-news-blog div.widget_rss ul li a,
div#hp-news-blog div.widget_recent_entries ul li a {
color: #000;
text-decoration: none;	
font-weight: bold;
line-height: 1.5em;
}

div#hp-news-blog div.widget_rss ul li a:hover,
div#hp-news-blog div.widget_recent_entries ul li a:hover {
text-decoration: underline;	
}

div#hp-news-blog div.tabbed-widget-item {
border-bottom: #888 solid 2px;
border-right: #888 solid 2px;
}

div#hp-news-blog ul.ui-tabs-nav li {
background-image: none;
padding-bottom: 0px;
margin-right: 0px;
}

div#hp-news-blog ul.ui-tabs-nav li a {
background-color: #afdef1 !important;
color: black;
text-decoration: none;
margin-right: 1px;
padding: .25em .5em;
}

div#hp-news-blog ul.ui-tabs-nav li:first-child a {
background-color: #ccc !important;
}



div#hp-news-blog div.tw-tabbed-widgets, div#hp-news-blog div.tw-rotate, div#hp-news-blog div.ui-tabs-panel {
/*float: none;	*/
}

div#hp-news-blog div#tw-content-2-0.ui-tabs-panel {
background-color: #ccc;	
}

div#hp-news-blog div#tw-content-2-1.ui-tabs-panel {
background-color: #afdef1;
}

div#hp-news-blog ul.tw-nav-list a {
background-image: none;	
}

/*** END:News/Blog Tabbed Widgets ***/

/*** Social Bookmarks ***/
div#hp-social {
float: left;
width: 100%;
text-align: center;
margin-top: 1.4em;
}

div#hp-social img {
margin: 2px 10px;
}
/*** END:Social Bookmarks ***/

#hp-banner {
height: 250px;
padding: 5px 0 0 0;
float: right;
margin-right: 25px;
}

/*** Photo gallery widget ***/
#hp-show-photos {
margin: 5px 0 0 0;
padding: 3px 0 0 0;
background: #0977a6;
}

#hp-show-photos h3 {
width: 280px;
height: 28px;
background: #0977a6 url(images/hp-header-show-photos.jpg) no-repeat left top;
margin: 0 0 0.5em 0;
padding: 0;
text-indent: -9999px;
}

#hp-show-photos img {
margin: 2px;	
}

#hp-show-photos .hp-show-photos-heading img {
margin: 0px;	
}

#hp-show-photos div.flickr-gallery {
margin-left: 5px;
}

#hp-show-photos div.hp-show-photos-heading {
display: block;
background-color: #c8e5a2;	
text-transform: upper-case;
color: #0977a6;
font-weight: bold;
margin-top: 5px;
padding: .5em 1em .5em .25em;
}

#hp-show-photos div.hp-show-photos-heading a {
text-decoration: none;
}

#hp-show-photos div.hp-show-photos-heading a:hover {
text-decoration: underline;	
}

/*** END:Photo gallery widget ***/
/*========= END: Homepage Styles ================*/



/*===================================
Subpage Styles
===================================*/
#banner-468x60 {
margin: 0.5em 0;
text-align: center;
}

#rc-subscribe {

}

#rc-subscribe p {
margin: 0;
font-weight: bold;
}

#rc-banner-ad {

}

#rc-contact-info {
text-align: right;
font-size: 0.9em;
}

span.datestamp {
	display: block;
	font-weight: bold;
	margin-bottom: 0.8em;
}

/*========= END: Subpage Styles ================*/





/*===================================
Body Styles
===================================*/
a {
color: #007ca3;
text-decoration: underline;	
}

a:hover {
text-decoration: none;	
}

h2,h3,h4,h5,h6,h7 {
font-weight: bold;
color: #007ca3;
}

h2 { /** Reserved for page headers **/
margin: 0 0 0.4em 0;
font-size: 2em;
font-weight: bold;
color: #007ca3;
}

h3 {
margin: 0 0 0.8em 0;
font-size: 1.3em;
}

h4 {
margin: 0 0 0.8em 0;
font-size: 1.15em;
}

h5 {
margin: 0;
font-size: 1em;
}

.align-left {
float: left;
margin: 0 1.2em 1.2em 0;
}

.align-right {
float: right;
margin: 0 0 1.2em 1.2em;
}

code {
font-size: 1.2em;
}

hr {
height: 2px;
margin: 1.2em 0;
padding: 0;
background: #c8c8c8;
color: #c8c8c8;
}
/*========= END: Body Styles ================*/

/*========= Gallery Page ================*/
div#show_photos_gallery {
margin-left: 20px;
}

div#show_photos_gallery div.flickr-panel {
border: 1px dotted #000;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radium: 1em;
width: 160px;
height: 160px;
text-align: center;
padding: 1em;
margin: 10px;
font-weight: bold;
background-color: #ddd;
}

div#show_photos_gallery div.flickr-panel img {
margin-bottom: 1em;	
}

div#show_photos_gallery div.flickr-gallery {
margin-bottom: 1em;	
}

div#fg-671c9721-nav {
width: 99%;
background-color: #000;
color: #fff;
padding: .25em 5em;	
}
/*========= END: Gallery Page ================*/

/*========= Category Page ================*/
div.post_thumbnail {
margin: 1em;	
}
/*========= END: Category Page ================*/

/*========= Category Sidebar ================*/
ul#sidebar_category_post_right {
margin-left: 0px;	
}
/*========= END: Category Sidebar ================*/

/*========= Posts ================*/
div.post {
line-height: 1.3em;	
}
/*========= END:Posts ================*/

/*========= Post Comments ================*/
form#commentform p.comment_input_section input,
form#commentform p.comment_input_section textarea {
background-color: #fff7d2;
border: 1px solid #aaa;
padding: .1em;	
}
/*========= END:Post Comments ================*/
