/*  
Theme Name: Utica Avenue
Theme URI: http://www.technosailor.com/wordpress-theme-utica-avenue-released
Description: Inspired by the Utica Avenue Subway Station, Brooklyn, New York
Version: 1.0
Author: Aaron Brazell
Author URI: http://technosailor.com
*/

/* Defining HTML */
body {
	font-size: 65%; /* Resets 1em to 10px */
	font-family: "Trebuchet MS", Arial, Sans-serif;
	background-color: #517186;
	color:#eee;
	text-align: center;
	}

blockquote
	{
	background:url('images/quote.gif') no-repeat top left;
	border-left:2px solid #353e49;
	border-right:2px solid #353e49;
	padding: 0 5px;
	}
textarea
	{
	width: 480px;
	}
	
/* Defining Layers */
#page
	{
	width:776px;
	position:relative;
	margin:0 auto;
	/*background: url('images/bg.jpg') #fff;*/
	
	background-color: #0B304F;
	}

#topleft
	{
	position:relative;
	float:left;
	width: 180px;
	height: 200px;
	background: url('images/ul.jpg') no-repeat top left #fff;
	color: #fff;
	border:5px solid #0B304F;
	border-bottom:0;
	margin:0
	}

#topright
	{
	position:relative;
	margin-left:185px;
	height:200px;
	background:url('images/ur.jpg') no-repeat right #80a6b9;
	color:#000;
	border:5px solid #0B304F;
	border-bottom:0;
	border-left:5px solid #0B304F;
	}

#sidebar
	{
	float:left;
	width: 210px;
	min-height:500px;
	background:#0B304F;
	color:#000;
	border:5px solid #0B304F;
	border-bottom:0;
	text-align:left;
overflow: visible;
	}

#content
	{
	margin-left: 230px;
	color:#fff;
	padding: 0 20px;
	text-align:justify;
	font-size:1.2em;
	background-color: #285375;
	border-top-width: 10px;
	border-right-width: 27px;
	border-bottom-width: 0;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0B304F;
	border-right-color: #0B304F;
	border-bottom-color: #0B304F;
	border-left-color: #0B304F;
overflow: visible;
	}
	
#footer
	{
	clear:both;
	border:5px solid #0B304F;
	background:#0B304F;
	}

/* Special IDs and classes */
.post
	{
	line-height:1.2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0B304F;	
	}
.postdata
	{
	padding:0;
	margin:0;
	margin-top:20px;
	color:#000;
	font-size:.8em;
	letter-spacing:.1em;
	text-align:center;
	}

/* Defining Fonts and other Formatting */
h1#header 
	{
	position:absolute;
	top:0;
	left:1em;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	font-size:2.7em;
	letter-spacing:.2em;	
	}
h2
	{
	font-size:1.1em;
	
	}
h2#tagline
	{
	position:absolute;
	bottom:0;
	right:5em;
	font-size:1.1em;
	letter-spacing:.1em;
	color: #fff;
	}
#sidebar h2
	{
	margin-left:0px;
	color: #fff;
	padding: 0 1em;
	}
#sidebar ul
	{
	font-size:14px;
	color:#fff;
	margin-left:0em;
	padding:0 1em;
	list-style:none;
	font-size:13px;
	}
#footer p
	{
	font-weight:normal;
	color:#fff;
	}
.commentlist li
	{
	margin-bottom:30px;
	}
	
/* Defining Anchors */
a
	{
	text-decoration:none;
	color: #8DACC3;
	}
a:hover
	{
	text-decoration:underline;
	}
#header a
	{
	color:#8DACC3;
	}
#header a:hover
	{
	text-decoration:none;
	}
#sidebar a
	{
	color:#8DACC3;
	}
#footer a
	{
	color:#8DACC3;
	font-weight:bold;
	}
.post h2 a
	{
	color:#8DACC3;
	}
.post h3 a
	{
	color:#00111E;
	}
.postmetadata a, .entry a, .postdata a
	{
	font-weight:bold;
	color:#8DACC3;
	}

/* Defining crappy browser hacks */
* html #topright
	{
	border-left:0;
	border-right:0;
	right:3px;
	}

.entry img { padding: 10px; }
.entrytext img { padding: 10px; }
	/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
 
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}/*
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }
	*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}