/*
Theme Name: A Flash In The Pan
Theme URI: http://blog.aflashinthepan.com
Description: A Flash In The Pan Wordpress Blog Theme
Version: 1.0
Author: SecretSushi.com
*/

/****************** RESET *******************/
body {
	margin:0 0 15px 0;
	padding:0;
	background:#fff url('http://www.aflashinthepan.com/images/gradient_top.jpg') repeat-x left top;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:13px;
}

form {
	margin:0;
	padding:0;
}

ul, ol {
	margin:0 0 0 20px;
	padding:0 0 20px 0;
}

img {
	border:0;
}

p {
	margin:0 0 20px 0;
}

div.clear {
	clear:both;
	height:0;
	font-size:0;
	margin:0;
	padding:0;
}

/****************** ELEMENTS ****************/
h1, h2, h3, h4, h5, h6 {
	font:32px normal Georgia, "Times New Roman", Times, serif;
	color:#E8833C;
	margin:0;
	padding:0;
}

h1 {
	font-size:32px;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:24px;
	color: #f9f9f9;
	margin: 0 0 10px;
	background-color: #E8833C;
	padding: 5px 0 5px 10px;
}

textarea {
	width:99%;
}

/****************** LINKS *******************/
.sidebar a:hover, #content .sidebar a:hover,
a:hover, a:active {
	color:#E89A4B;
	text-decoration:underline;
}

a, .sidebar a, #content .sidebar a {
	color:#333333;
	text-decoration:none;
}

/****************** LAYOUT ******************/
#header {
	margin:0 auto;
	padding:0;
	background:url('http://www.aflashinthepan.com/images/blogs_back.jpg') no-repeat bottom right;
	width:100%;
	height:255px; /* 239px / 255px */
}

#header .blogs {
	margin:0;
	padding:0 715px 0 0; /* 800px / 715px */
	text-align:right;
	font:18px "Century Gothic", Arial, Helvetica, sans-serif;
	line-height:25px;
}

#header .logo {
	margin:0 -35px 0 0;
}

#container {
	width:875px; /* 990px / 875px */
	margin:auto;
}

#main_content {
	background:url('http://www.aflashinthepan.com/images/blogs_back_btm.jpg') no-repeat top right;
	width:875px; /* 990px / 875px */
	position:relative;
	padding:20px 0 0 0;
}

#content {
	margin:0;
	padding:0 185px 0 175px; /* 0 175px 0 225px / 0 185px 0 175px */
}

#content a:hover, #content a:active {
	text-decoration:underline;
}

#content a {
	color:#0C7115;
	text-decoration:none;
}

.post h2 {
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
}

.post h2 a {
	color:#E8833C !important;
}

.entry {
	line-height:1.5em;
	padding:20px 0;
}

p.postmetadata {
	margin:0;
}

/****************** SIDEBARS ****************/
.sidebar {
	margin:5px 0 0 0;
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
}

.sidebar h2 {
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#E89A4B;
}

#content .sidebar h2 a:hover {
	color:#333;
	text-decoration:underline;
}

#content .sidebar h2 a {
	color:#E89A4B;
	text-decoration:none;
}

.sidebar ul, .sidebar ol {
	margin:0;
}

.sidebar li {
	color:#333;
	list-style-type:none;
	font-size:14px;
	line-height:25px;
	margin:0 0 20px 0;
}

.sidebar li ul li, .sidebar li ol li {
	color:#333;
	list-style-type:none;
	font-size:14px;
	line-height:25px;
	margin:0;
}

#sidebar_right {
	position:absolute;
	top:20px;
	right:0;
	width:170px;
}

#sidebar_left {
	float:left;
	text-align:left;
	width:160px; /* 190px / 160px */
}
#sidebar_left li {
	margin:0 0 10px 0;
}

#flickr_badge_uber_wrapper a {
	color:#0C7115 !important;
}

#flickr_badge_uber_wrapper {
	width:100% !important;
}

#flickr_badge_wrapper, #wp-calendar {
	margin:auto;
}

#wp-calendar a {
	text-decoration:underline;
}

.sidebar a,
#content .sidebar a {
	color:#0C7115;
}

/****************** COMMENTS ****************/
#comments {
	margin:10px 0 0 0;
}

.comments {
	border:1px solid #666;
	border-width:1px 0;
	margin:10px 0;
	padding:0;
}

.comments ol {
	margin:10px 0 0 20px;
	padding:0;
}

.comments p {
	margin:10px 0 0 0;
}

#commentform {
	margin:0 0 10px 0;
}

.commentlist li {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 0 1px;
	margin:20px 0;
	padding:0 0 10px;
}

/****************** FOOTER ******************/
#footer {
	background:transparent url('http://www.aflashinthepan.com/images/orange.jpg') no-repeat scroll right top;
	padding:110px 0 0 0;
	text-align:right;
	color:#E89A4B;
}

#footer a {
	font:14px normal "Century Gothic", Arial, Helvetica, sans-serif;
	color:#e89a4b;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	text-decoration:underline;
}

#copyright {
	color:#999999;
	font-size:10px;
}

