/*   
 *   Theme Name: Containers
 *   Theme URI:
 *   Description: A three column widget ready theme of floating boxes.
 *   Author: Derek Dupree
 *   Author URI: 
 *   Version: 0.9.8
 *   .
 *   General comments/License Statement if any.
 *   .
 *
 *   TODO: Dynamic postTitle Width
 *
 */

a
{
	color: #66CC33;
	text-decoration: none;
}

a:hover
{
	color: #FFFFFF;
}

.blogTitle
{
	font-size: 35px;
}

.blogTitle a
{
	color: #00FF00;
}

.blogDescription
{
	font-size: 15px;
}

body
{
	background: #000000 url(images/background.png) fixed; 
	color: #CCCCCC;
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

#comment
{
	margin: 10px;
	width: 95%;
}

#footer
{
	background: #000000;
	border: 1px solid #0000FF; 
	font-size: 10px;
	font-weight: bold;
	margin: 10px 160px 10px 160px;
	min-width: 480px;
	text-align: center;
	min-width: 480px;
}

#header 
{
	background: #000000;
	border: 1px solid #0000FF; 
	height: 70px;
	margin: auto;
	text-align: center;
}

#nav-bottom
{
	margin: 2px 5px 0 5px;
}

#nav-top
{
	margin: 2px 5px 0 5px;
}

.nav-next
{
	float: right;
	text-align: right;
}

.nav-prev
{
	float: left;
	text-align: left;
}

#page
{
	margin: 10px 50px auto 50px;
	min-width: 800px;
}

#post
{
	background: #000000;
	border: 1px solid #0000FF;
	margin: 10px 160px 10px 160px;
	min-width: 480px;
}

.postContent
{
	height: auto;
	min-height: 36px;
	padding: 0 10px 0 10px;
}

.postDate
{
	border-left: 1px solid;
	float: right;
	font-family: Arial;
	font-size: 12px;
	margin: 8px auto;
	text-align: center;
	top: 10px;
	width: 50px;
}

.postDateDay
{
	font-size: 30px;
	position: relative;
	top: -3px;
}

.postDateMonth
{
	font-size: 17px;
	font-weight: bold;
}

.postDateYear
{
	font-size: 12px;
	position: relative;
	top: -3px;
}

.postHeader
{
	border-bottom: 1px solid;
	height: 78px;
	margin: 0 10px 0 10px;
}

.postInfo
{
	font-size: 12px;
	margin: 5px 0 0 30px;
	width: 325px;
}

.postLinks
{
	border-bottom: 1px solid #0000FF;
	height: 34px; 
	margin: 0 10px 0 10px;
	text-align: center;
}

.postTitle
{
	border-bottom: 1px solid;
	float: left;
	font-size: 20px;
	font-weight: bold;
	height: 25px;
	margin: 10px auto 0 30px;
	min-width: 360px;
}

.postTitle a
{
	color: #00FF00;
}

.postTitle a:hover
{
	color: #FFFFFF;
}
/*
pre
{
	background: white;
	border: 1px solid;
	color: black;

	font-family: Courier;
	font-size: 12px;
	padding-left: 10px;
}
*/
.sidebar
{
	font-size: 10px;
	padding: 1px 17px 1px 13px;
	width: 141px;
}

.sidebar h2
{
	color: #00FF00;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0px 0;
}

.sidebar li
{
	line-height: 15px;
}

.sidebar li, .sidebar li ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 12px;
}

.sidebar ul
{
	margin: 0 0 0 1px;
	padding: 0;
}

.sidebar ul li
{
	list-style: none;
	margin: 0 1px 0 0;
	padding: 0;
}

#sidebarLeft
{
	background: #000000;
	border: 1px solid #0000FF;
	float: left;
	margin: 10px auto;
	width: 150px;
}

#sidebarRight
{
	background: #000000;
	border: 1px solid #0000FF;
	float: right;
	margin: 10px auto;
	width: 150px;
}


/* WordPress Elements */
#searchform #searchsubmit
{
	width: 60px;
}

#searchform input
{
	width: 120px;
}

/* Calendar */
#wp-calendar 
{
	display:table; 
	font-family:Arial;
	font-size:10px; 
	margin: auto 0 0 0; 
}

#wp-calendar tbody tr td 
{
	border: 1px solid;
	line-height: 12px;
	margin: 0; 
	padding: 0 1px; 
	text-align: center; 
}

#wp-calendar caption 
{
	width: 100%;
}


/* Misc Elements */

.button
{
	border: 1px solid #000000;
	vertical-align: middle;
	width: 22px;
}

.searchBox
{
	border: 1px solid #000000;
	height: 18px;
	vertical-align: middle;
	width: 75px;
}


.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


