/*
Theme Name: Eclectic Blue
Theme URI: http://eclecticchaos.com/
Description: Custom theme for eclecticchaos.com
Version: 1.0
Author: Luke Barrow
Author URI: http://lukebarrow.com/
Tags: blue, photoblog, minimalism
*/

/* Reset Styles */
/*-------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
                      
html 					{ background: url(images/bg_tile.gif) top left repeat-x; }
body 					{ line-height: 1.4em; color: #777; font-family: "Helvetica Neue", Arial, sans-serif; font-size:12px; }
p  						{ padding: 0 0 15px 0; }
:focus                  { outline: 0; }
a                       { text-decoration:none; color:#2dcedb; }
a:hover                 { text-decoration:underline; }
strong                  { font-weight:bold; }
em                      { font-style:italic; }
ol, ul                  { list-style: none; }
table                   { border-collapse: separate; border-spacing: 0; }
caption, th, td         { text-align: left; font-weight: normal; }
td                      { padding:2px; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q           { quotes: "" ""; }



/* Container */

#container                      { width:980px; margin:0 auto; position:relative; }



/* Header */

#header                         { width:980px; overflow:hidden; }
#header h1						{ float:left; width:550px; }
#header h1 a					{ display:block; text-indent:-9000px; width:500px; height:49px; background: url(images/button_all.gif) top left no-repeat; }
#header h1 a:hover				{ background: url(images/button_all.gif) 0 -49px no-repeat; }
#header ul						{ width:211px; overflow:hidden; float:left; }
#header li a					{ text-indent:-9000px; display:block; }
#header .nextEntry				{ float:right; }
#header .previousEntry			{ float:left; }
#header .nextEntry a			{ background: url(images/button_all.gif) -655px 0 no-repeat; height:49px; width:105px; }
#header .previousEntry a		{ background: url(images/button_all.gif) -549px 0 no-repeat; height:49px; width:105px; }
#header .nextEntry a:hover		{ background: url(images/button_all.gif) -655px -49px no-repeat; }
#header .previousEntry a:hover	{ background: url(images/button_all.gif) -549px -49px no-repeat; }
#header #archivesLink			{ float:right; display:block; }
#header #archivesLink 			{ background: url(images/button_all.gif) -760px 0 no-repeat; height:49px; width:219px; text-indent:-9000px; display:block; }
#header #archivesLink:hover		{ background: url(images/button_all.gif) -760px -49px no-repeat; }



/* WhenWhereWhat */

#whenWhereWhat					{ display:none; position:absolute; top:49px; right:0; padding:30px 19px 10px 19px; width:392px; background: #000 url(images/sidebar_header.gif) top left no-repeat; }
#whenWhereWhat h2				{ text-indent:-5000px; height:20px; }
#whenWhereWhat div				{ float:left; padding:0 10px 0 0; }
#whenWhereWhat a				{ font-size:14px; }
#whenWhereWhat li				{ padding:0 0 12px 0; }
#whenWhereWhat .when			{ width:97px; }
#whenWhereWhat .what			{ width:106px; }



/* Post */

#post							{ margin:0 auto; padding:50px 140px 0 140px; }
#post .photo					{ text-align:center; }
#post #description				{ padding:25px 10px 10px 10px; }

#title							{ padding:0 0 9px 0; width:430px; overflow:hidden; margin:0 auto; }
#title h2						{ font-size:18px; padding-left:10px; font-weight:bold; color:#434343; float:left; width:260px; line-height:21px; }
#title .date					{ float:right; width:150px; display:block; font-size:10px; color:#aaa; padding:4px 10px 0 0; text-align:right; }

#description					{ width:410px; margin:0 auto; padding:31px 10px 10px 10px; line-height:21px; }

#otherInfo						{ padding:10px; width:410px; margin:0 auto; background: url(images/hr_post.gif) top left no-repeat; overflow:hidden; }
#otherInfo .commentsLink		{ width:110px; float:left; }
#otherInfo .tags				{ font-style:italic; color:#aaa; width:300px; float:right; text-align:right; }
#otherInfo a					{ font-style:normal; }

#commentSection					{ display:none; background-color:#000; border-top:4px solid #2dcedb; border-bottom:4px solid #2dcedb; }
#comments						{ width:410px; margin:0 auto; color:#fff; padding:20px 0; }
#comments ol					{ padding:10px 0 0 0; border-bottom:1px solid #666; }
#comments li					{ padding:10px 10px 0px 10px; border-top:1px solid #666; }
#comments .comment-author img	{ display:none; }
#comments .comment-author		{ font-weight:bold; font-size:14px; }
#comments .comment-meta a		{ font-style:italic; color:#999; font-size:10px; text-transform:uppercase; }
#comments .comment-meta			{ padding:0 0 5px 0; }
#respond #comment				{ width:410px; height:100px; }
#comments h3					{ padding:30px 0 10px 0; font-weight:bold; font-size:18px; }



/* Archives */

#archives h2					{ font-weight:bold; font-size:20px; color:#333; padding:72px 20px 20px 20px; }
#archives h2 span				{ color:#777; }
#archives ul					{ background: url(images/hr_archive.gif) top left no-repeat; }
#archives li					{ padding:20px; background: url(images/hr_archive.gif) bottom left no-repeat; width:940px; overflow:hidden; }
#archives .thumbnailLink		{ display:block; overflow:hidden; text-align:center; width:160px; float:left; }
#archives h3					{ width:360px; float:left; padding:0 20px;}
#archives h3 a					{ font-weight:bold; font-size:18px; display:block; padding:30px 0 5px 0; }
#archives h3 small				{ font-size:12px; color:#8c8c8c; display:block; }
#archives ul .what,
#archives ul .where,
#archives ul .talk				{ width:120px; padding-right:10px; float:left; line-height:1.1em; } 
#archives ul .where				{ width:140px; } 
#archives ul .talk				{ width:100px; padding:0; } 
#archives ul .metadata			{ padding:35px 0 0 0; }
#archives ul .metadata span		{ color:#999999; display:block; font-size:10px; font-weight:bold; }
#archives ul .metadata a		{ color:#333; font-size:14px; font-weight:bold; }



/* Footer */

#footer                         { width:400px; margin:0 auto; text-align:center; color:#cdcdcd; padding:60px 0 40px 0; }




.FotomotoToolbarClass 			{ border-bottom:1px dotted #bbb; margin:2px auto 0 auto !important; color:#ccc !important; }
.FotomotoToolbarClass ul		{ padding:4px 10px !important; }
.FotomotoToolbarClass a 		{ text-transform: uppercase; font-size:10px !important; }