/*   
Theme Name: hellyeti
Theme URI: www.theyetionline.com
Description: New homepage layout, some font changes.
Author: Ryan Williams
Author URI: www.swirlyanimal.com
Version: 0.3
Tags: better than thinksb, party all the time

thanks matthamm for the background
http://www.flickr.com/photos/matthamm/2689470945/
*/

* { margin: 0; padding: 0; outline: none }

/* colors */

body, #head, #foot { background-color: #797979; }
#container { background-color: #eeeeee }
#content, .coda-slider-wrapper, #side li { background-color: white; }
#foot { color: #ccc; border-color: #eeeeee }
a { color: #9C1703; text-decoration: none; }
a:hover { text-decoration: underline }
#nav, #nav a { background-color: black; color: white}
#nav a:hover { background-color: #B41423 }
.coda-nav a:hover, .coda-nav a.current:hover, .coda-nav li.alternate a:hover { }
.alternate { background-color: #f8f8ff; }

/* homepage */
.homepage h2 { margin: 0; border-width: 1px 0; border-color: #ccc; border-style: solid }
.homepage h2 a { text-decoration: none; color: black }
.homepage th { text-align: left }
.homepage td { padding: 1em; vertical-align: top; width: 30% }
.homepage td img { display: block; margin: 0 auto 1em auto }

.thumbfix td { width: auto }
.post { padding: 10px }
.post img { margin-left: 10px; margin-right: 0 }

img#wpstats { display: none }

/* general */

body { font: 12px Trebuchet MS }
h1, h2, h3, h4, h5, h6 { margin-bottom: .5em }
h1, h2, h3, h4, h5, h6 { font-family: Georgia; font-weight: bold }
a img { border: none }

.title { font-size: 1.4em }
.headlineonly { font-size: 1.2em; margin-bottom: 2em }
.attachment-post-thumbnail { width: 100px; height: 100px; border: 5px solid #eee; margin-right: 10px }
.alternate .attachment-post-thumbnail { border-color: white }
.social_bookmark { margin-bottom: 1em }

#followusbox { position: absolute; top: 65px; right: 5px; z-index: 2000; }
#followusbox img { width: 20px; height: 20px }

#content ul, #content ol { padding: 1em; list-style-position: inside }
#content .sub-byline { font-style: italic }
#content p { padding-bottom: 1em }
#content .wp-caption { padding: 10px; border: 1px solid #ddd; background-color: #eee }
#content .wp-caption-text { padding: 0 }
#content .alignleft, #content .alignright { margin: 10px }
#content .alignleft { float: left; margin-left: 0 }
#content .alignright { float: right; margin-right: 0 }

#content ul.post-ul { padding: 0; list-style-type: none }
#content li.post-li { padding: 10px; }

#content .post-li img { margin-right: 10px }
#content .post-li table { margin: 0 }

#content ol.commentlist { padding: 1em 0 }
#content ol.commentlist li { padding: 10px }

#search { padding: 5px; width: 210px; border: 1px solid #ccc }

/* navigation dropdowns */

#nav { display: block; width: 880px; position: absolute; font-weight: bold }
#nav ul { list-style-type: none; display: table-row; position: relative }
#nav ul li { display: table-cell; width: auto }
#nav ul li ul { margin-left: 0 }
#nav a { display: block; padding: 0 10px; height: 30px; line-height: 30px; text-decoration: none }

#nav li ul { display: none; position: absolute; top: 30px; z-index: 10 }
#nav li ul:hover { display: block }
#nav li ul li { display: block  }

/* coda slider */

.coda-nav, .coda-nav a { font-size: 11px; background-color: black; color: white }
.coda-nav li.alternate a { background-color: #222 }
.coda-nav ul li a.current { background-color: #B41423 }
.coda-slider { background-color: #000000; color: #fff; }

.coda-slider, .coda-slider .panel { width: 400px; } 
.coda-slider .panel-wrapper { float: left; }
.coda-nav { margin-left: 400px; height: 260px; width: 190px; position: absolute; font-weight: bold; }
.coda-nav ul { padding: 0; list-style: none; }
.coda-nav ul li a { display: block; width: 174px; height: 49px; padding: 8px; text-decoration: none; }
.coda-slider-wrapper { overflow: auto; margin: 10px 10px 0 10px; width: 590px; float: left; padding: 10px; }
.coda-slider { float: left; overflow: hidden; position: relative; height: 260px; }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative; }
.coda-slider img { width: 400px; height: 260px; }

	/* transparent captions */

	.coda-slider .panel-wrapper .caption .title { font-size: 1.5em; font-weight: bold; }
	.coda-slider .panel-wrapper {
		position: relative;
		display: block;
		width: 400px;
		height: 260px;
	}
	.coda-slider .panel-wrapper .caption { 
		font-family: Trebuchet MS;
		width: 380px;
		background: #000000;
		filter:alpha(opacity=65);
		opacity:.65;
		color: #ffffff;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px;
		cursor: pointer
	}
	.coda-slider .panel-wrapper .caption:hover { filter:alpha(opacity=100); opacity: 100; }

/* sidebar */

ul#side { list-style-type: none; }
ul#side h2 { margin-bottom: .5em; text-align: right; border: 1px solid #ddd; border-width: 1px 0 }
ul#side h2 a { text-decoration: none; }
ul#side ul { list-style-type: none; }
ul#side .textwidget img { margin-bottom: -5px; text-align: right; }

/* layout */

#container { width: 880px; position: absolute; left: 50%; margin-left: -440px; margin-bottom: 1em }
#head { width: 100%; height: 60px }
#head h1 a, #head h1 a:hover { float: left; font-size: 50px; margin: 20px; color: white; text-decoration: none }
#head img#logotop { z-index: 1000; position: absolute; top: 8px; left: -52px; width: 365px }
#head img#logoside { z-index: 1000; position: absolute; top: 63px; left: -44px; width: 68px }
#head .adbox img { display: none; float: right; margin: 20px }

#main { margin-top: 40px }
#content { margin: 10px; padding: 10px; width: 590px; float: left }
ul#side { width: 250px; float: right  }
ul#side li { margin: 10px 10px 10px 0; padding: 10px }
ul#side.home { margin-top: -250px }

#foot { padding: 10px; clear: both; text-align: center; border-top-width: 10px; border-top-style: solid }