/*
Theme Name: OdysseyBMX.com - Daily Word V.2
Theme URI: http://www.odysseybmx.com/
Description: Created June 2008 for OdysseyBMX.com
Version: 1.0
Author: Francis Delapena
Author URI: http://www.francisdelapena.com/
Tags: odyssey, bmx, radabonzical

	DailyWord V.2
	http://www.odysseybmx.com/dailyword

*/

/* Body */
html, body {
	height: 100%;
}
	
/* Daily Word */
.dw-main #dailyword {
	height:auto !important; /* real browsers */
	height:1000px; /* IE6: treaded as min-height*/
	min-height:1000px; /* real browsers */
}
#dw-info {
	width: 280px;
	font-size: 12px;
	color: #fff;
	background-color: #666;
}
#dw-info a:hover { color: #fff; }
#dailyword {
	width: 585px;
	padding: 35px 0;
	background: #ccc;
	color: #000;
}
#dailyword .box-title {
	color: #333;
	top: 3px;
	right: 3px;
	z-index: 10;
}
#dailyword .box-footer {
	position: absolute;
	font-weight: bold;
	color: #333;
	right: 10px;
	bottom: 0;
	} #dailyword .box-footer a {
		display: inline-block;
		text-transform: uppercase;
		padding: 5px;
		background: #fff;
		margin-left: 3px;
		border-top: 2px solid #ccc;
	} #dailyword .box-footer a:hover {
		border-top: 2px solid #fff;
		color: #000;
		text-decoration: underline;
}
#dailyword h2 {
	font-size: 16px;
	text-transform: uppercase;
}
#dailyword .entry h2 a { color: #000; }
#dailyword .entry {
	padding: 10px 42px 10px 43px;
	clear: both;
}
#dailyword .entry p { font-size: 12px; }
#dailyword .entry a { color: #0066cc; }
#dailyword .entry a:hover { color: #000; }
.entry ul { margin: 1em; }
.entry blockquote {
	margin: 1em;
	font-size: 1.5em;
	font-style: italic;
}
.entry .flash {
	margin-bottom: 1em;
}
p.postmeta { background: #666 url(http://www.odysseybmx.com/images/bg-blk-diag-grey.gif); clear: both; color: #ccc; font-size: 10px !important; padding: 5px; text-transform: lowercase; }
.single .postmeta { height:auto !important; height: 75px; min-height: 75px; }
.postmeta img { float: left; padding: 0 5px 5px 0; overflow: hidden; }
#dailyword .dw-short .postmeta { clear: none; background: #ddd; }
#dailyword .postmeta a {
	color: #ccc;
}
#dailyword .postmeta a:hover { color: #FFF; }
.postmeta strong { text-transform: uppercase; }
a.download,
.caption {
	font-size: 9px;
	display: block;
	padding: 2px 2px 10px;
	text-transform: uppercase;
	color: #333;
}
.more-link {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 12px;
	text-transform: uppercase;
	width: 100%;
	display: block;
}
/* Sociable */
div.sociable {
	clear: both;
	text-align: center;
	padding-top: 20px;
	margin: 0 0 5px !important;
}

/* Flipbooks */
.dw-main #flipbooks { background-image: none; }
.dw-main #flipbooks span.image-caption div.caption { background: #ccc; }

/* short listing */
.dw-short .postmeta {
	text-align: left;
	padding-left: 80px;
	background: none;
	color: #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	text-transform: lowercase;
}
#dailyword .dw-short .postmeta a {
	color: #0066cc;
}
#dailyword .dw-short .postmeta a:hover { color: #000; }
.dw-short .postmeta strong { text-transform: uppercase; }
.dw-short img {
	border-left: 0;
	float: left;
	margin-right: 5px;
}

/* Images */
p img {
	max-width: 100%;
	height: auto;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 0 7px 2px 0;
	display: inline;
	}
.alignright { float: right; }
.alignleft { float: left; }

/* Videos */
a.download {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	color: #666 !important;
	border-top: 1px solid #fff;
	padding-left: 0;
	} a.download:hover {
		color: #000 !important;	
}
.video-embed { padding-bottom: 10px; }
.video-embed object,
.video-embed embed { background: #fff; }

/* Comments */
div#interact {
	margin: 0 45px;
	padding-bottom: 10px;
}
#interact {
	color: #333;
}
#interact p {
	padding-bottom: 3px;
	}
#interact h3 {
	padding: 10px 0 5px;
	text-transform: uppercase;
}
form#commentform input,
form#commentform textarea {
	border: 1px solid #333;
	padding: 2px;
	}
ul.commentlist {
	background: #ddd;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}
ul.commentlist li {
	list-style: none;
	padding: 5px;
	background-color: #eee;
}
ul.commentlist li.alt {
	background-color: #ddd;
}
p.nocomments {
	padding: 5px;
	text-transform: uppercase;
	background-color: #660000;
	color: #ccc;
}

/* SIDEBAR */

/* dropdown menus */
#dropdowns select {
	float: left;
	margin: 10px 0 0 10px;
	text-transform: uppercase;
	width: 175px !important;
	background-color: #999;
}
#sb-products {
	margin-left: 10px;
	background: #666 url(http://odysseybmx.com/images/bg-blk-diag-grey.gif);
	padding: 0 0 5px 5px;
}
#sb-products a {
	display: block;
	width: 113px;
	height: 111px;
	text-align: center;
	padding: 18px 0 10px;
	margin: 5px 5px 0 0;
	float: left;
	text-transform: uppercase;
	background: #999;
	font-size: 9px;
	color: #000;
}
#sb-products a strong { display: block; padding: 5px; }
#sb-products a:hover { background: #0099FF; color: #fff; }

/* Facebook */
#facebook {
	height: 240px !important;
	overflow: hidden;
}

/* Mailing List */
#content.dw-main div.widecolumn {
	width: auto;
	color: #000;
}
div.widecolumn h2 {
	font-size: 16px;
	padding-bottom: 10px;
}
div.widecolumn h3 {
	padding-top: 20px;
}
div.widecolumn input {
	padding: 2px;
	border: 1px solid #000;
}

/* Widget Codes */
.codebox { height: 22px; position: relative; }
.codebox img, .widgetsize, .widgetcode { position: absolute; top: 2px; background: #ddd; color: #666; padding: 0; height: 20px; font-size: 9px; }
.widgetsize { left: 27px; width: 40px; font-size: 14px; font-weight: bold; text-align: center; }
.widgetcode { left: 69px; right: 0; }