/*
Theme Name: BlogTheme
Theme URI: http://www.woothemes.com
Description: Personal Blog Theme from WooThemes
Version: 1.0
Author: WooThemes
Author URI:  http://www.woothemes.com
*/

/*----- Setup ----- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Georgia, "Times New Roman", serif;
	background:url(images/background.gif) repeat-x 0 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Georgia, "Times New Roman", serif;	
}
strong, b{
	font-weight:bold;
}

/*----- Header ----- */

#header {
	width: 100%;
	padding: 0;
	background: url(images/header-background.jpg) no-repeat 50% 50%;
}

#logo h1 {
	/*text-indent: -9999px;*/
	/*background: url(images/logo-trans.png) top left no-repeat;*/
	height: 240px;
	margin: 5px 0 0;
}

#logo h1 img {
	display:block;
}

#twitter ul {
	/*background: url(images/twitter-trans.png) top left no-repeat;*/
	padding: 0 0 20px 70px;
	font-size: 14px;
	line-height: 18px;
	font-family: Georgia, "Times New Roman", serif;
	color: #fff;
}

#twitter ul a {
	color: #fff;
	text-decoration: underline;
	font-size: 14px !important;
}

#twitter ul a:hover {
	text-decoration: none;
}

#nav {
	width: 100%;
	background:url(images/background-link.jpg) repeat-x 0 0;
}

#navigation {
	/* For Normal Browsers */
	margin: 0;
	padding: 0;
	width: auto;
	height: 40px;
	list-style:none;
}

#navigation li {
	margin: 0;
	padding: 0;
	width:auto;
	height: 40px;
	float:left;
}

#navigation a {
	margin: 0;
	/* padding: 8px 35px 0 20px; For fit everthing on top */
	padding:8px 18px 0;
	width:auto;
	height: 32px;
	font:18px Helvetica, Georgia, "Times New Roman", serif;
	/* IE6 Needs inline-block otherwise width:auto; spans 100% */
	display:inline-block;
	text-decoration: none;
}
	
#navigation a span {
	font:11px Arial, Helvetica, sans-serif;
	display:block;
}

#navigation a:hover, .current_page_item, .current_page_parent, .current_page_ancestor {
	text-decoration:none;
}

/*----- Content ----- */

#contentwrap {
	float: left;
}

#wrap {
	/*background: url(images/contentbg-top.jpg) no-repeat 1px 0;*/
	float: left;
	padding: 0 0;
	padding-bottom:100px;
}

#content {
	/*background: url(images/contentbg-top.jpg) no-repeat top left;*/
	margin-top:20px;
	background:url(images/content-middle.gif) repeat-y;
}

#contentcontainer {
	margin-right: 0px !important;
	/*background: url(images/background-content.jpg) repeat-y 1px 0;*/
}

/*----- Posts ----- */

.post {
	/*background: url(images/metabg.png) top left repeat-y;*/
	/*background: url(images/postbody.jpg) top right repeat-y;*/
	float: left;
	/*border-bottom:1px solid #F0F0F0;*/
	margin-bottom:20px;
}

.post h2, .post h2 a {
	text-decoration: none;
	/*margin: 15px 0;*/
}

.postbody {
	padding:0 20px 0 0;
	/*width: 520px !important;*/
	margin-left: 0px !important;
	/*background: url(images/postbody.jpg) top left;*/
	background: url(images/content-middle.gif) repeat-y;
}

.postbody h2 {
	font-size:32px;
	color:#0285B8;
	padding:20px;
	background: url(images/content-top.gif) no-repeat 0 0;
}

.postbody-end {
	background: url(images/content-bottom.gif) no-repeat 0 0;
	height:10px;
	width:680px;
	float:left;
}

.post .first {
}

a.read-more {
	font-weight: bold;
	margin-left: 1px;
	float: left;
	display: inline;
}

.meta {
	margin-right: 0px !important;
	display:none;
}

.meta ul {
	padding: 0 10px;
	color: #535947;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

.meta ul li {
	padding: 0 0 10px;
}

.meta a {
	color: #535947;
	text-decoration: none;
}

.meta a:hover {
	text-decoration: none;
}

.meta ul em {
	font-style: italic;
}

.meta .auth {
	margin-top: 20px;
}

.meta .pagedesc {
	margin-top: 20px;
	font-size: 16px !important;
	line-height: 20px !important;
}

.meta .date {
	border-bottom: 1px solid #baae94;
	margin-bottom: 10px;
	font-style: italic;
}

.meta .comms {
	float: right;
	font-weight: bold;
	background: url(images/ico-comm-trans.png) center left no-repeat;
	padding: 2px 0 2px 26px;
}

/*----- Entry Styles ----- */

.entry {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	line-height: 22px;
	padding:0 20px;
	width:640px;
}

.entry p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 15px;
}

.entry ul, .entry ol  {
	margin: 5px 0 10px 30px;
}

.entry ul li, .entry li ul li, .entry ol li, .entry li ol li {
	font-size: 14px;
	line-height: 22px;
}

.entry ul li  {
	list-style: disc;
}

.entry li ul li  {
	list-style: square;
}

.entry ol li  {
	list-style: decimal;
}

.entry li ol li  {
	list-style: lower-roman;
}

.entry a:hover {
	border: none !important;
	text-decoration: underline;
}

.entry blockquote  {
	margin: 0px 15px 0 0 !important;
	padding: 0px 20px 0 40px !important;
	padding-left:40px;
	font-style: italic;
	background: url(images/blockquote-trans.png) top left no-repeat;
	width:80%;
}

.wp-caption { text-align:center; margin: 0; }
.wp-caption img { margin-top: 5px; }
.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {font-size:14px;text-align:center; margin:0;font-style:italic;font-family: Georgia,"Times New Roman",serif !important;}

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

.alignright {
	padding: 4px;
	margin: 0 0 10px 20px;
	display: inline;
	float: right;
	}

.alignleft {
	padding: 4px;
	margin: 0 20px 10px 0;
	display: inline;
	float: left;
	}

img.wp-smiley  {
	padding: 0;
	border: none;
}

/*----- Comments ----- */

#comments h3 {
	display: inline-block;
	width: 100%;
	/*background: #e0d8c7 url(images/postnavbg-trans.png) top left repeat-x !important;*/
	padding: 20px 0 20px 150px;
	font-size: 18px;
	line-height: 24px;	
}

.commentlist .entry {
	padding: 15px 0 0;
}

.commentlist .meta .date {
	border: none !important;
}

.commentlist .meta .gravatar {
	margin-top: 20px;
}

.commentlist .meta .gravatar img {
	display: inline-block;
	height: 32px;
	width: 32px;
}

.commentlist .meta .auth {
	margin-top: 0px !important;
}

#commentform {
	padding-left:140px;
	/*background-color:#FFFFFF;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;*/
}

#commentform p {
	margin-bottom:20px;
}

#commentform .textfield {
	clear: both;
}

#commentform .textlabel {
	width: 120px;
	text-align: right;
	font-size: 14px;
	float: left;
	display: inline;
	padding: 5px 0 0;
}

#commentform .thefield {
	float: left;
	display: inline;
	margin: 0 0 20px 20px;
}

#commentform .field {
	/*background: url(images/commentformbg.png) top left repeat;
	background:#fff url(images/background-textform.jpg) repeat-x 1px 1px;*/
	border: 1px solid #ccc;
	padding: 5px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#commentform .thefield textarea {
	/*background:#fff url(images/background-textform.jpg) repeat-x 1px 1px;*/
	border: 1px solid #ccc;
	padding: 5px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-image:
}

/*----- PostNav ----- */

#postnav {
	display: block;
	/*background: #e0d8c7 url(images/postnavbg-trans.png) top left repeat-x;*/
	padding: 20px 0;
	background-color:#F5F5F5;
}

/*----- Sidebar ----- */

#sidebar {
	margin-left: 0px !important;
	padding-left: 0;
	margin-top:20px;
	background:url(images/background-sidebar.png) repeat-y 0 0;
	width:235px;
}

#sidebar-bottom {
	background:url(images/background-sidebar-bottom.png) no-repeat 0 0;
	width:230px;
	height:15px;
	float:right;
	padding-left:30px;
	margin-bottom:30px;
}

.pageinfo {
	background: url(images/background-current.gif) top left no-repeat;
	background-color:transparent;
	padding:10px 20px 30px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	height:60px;
}

.pageinfo strong {
	font-weight: bold !important;
}

.widget {
	margin-bottom: 15px;
}

.widget h4 a:link,
.widget h4 a:visited { 
	display: block; 
	padding: 9px 10px; 
	font-weight: bold; 
	text-decoration: none; 
	/*background: url(images/accordion_up.png) no-repeat 190px 50%; */
	font-size: 16px;
	/*text-transform: lowercase;*/
}

.widget .selected a:link,
.widget .selected a:visited { 
	background: url(images/accordion_down.png) no-repeat 190px 50%;
}

.widget h4 span { 
	font-weight: normal;
}

.widget .content { 
	margin: 0px; 
	padding: 5px;
}

.widget li { 
	margin-bottom: 15px;
}

.widget li ul li { 
	padding-left: 15px;
	font-size:12px;
	margin-bottom:5px;
}

#wp-calendar {
	width: 95%;
	padding: 0 0 0px 0;
	margin-bottom: 15px;
	clear: both;
}

#wp-calendar caption {
	padding: 0 0 15px;
	font-weight:bold;
	font-size:14px;
}

#wp-calendar th {
	color: #fff;
}

#wp-calendar th, #wp-calendar td {
	padding: 5px;
	text-align: center;
	background: #E7E7E7;
	color: #9E9E9E;
}

#wp-calendar td {
	background: transparent;
}

#wp-calendar td, table#wp-calendar th {
	padding: 3px 0;
}

#wp-calendar a {
	text-decoration: underline;
}

#wp-calendar a:hover {
	text-decoration: none;
}

/*----- Footer ----- */

#footer {
	width: 100%;
	padding: 20px 0 30px 0;
}

#footer h4 {
	display: block;
	padding: 12px 15px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 16px;
}

#footer ul {
	/*margin: 0 8px;*/
	float:left;
	width:210px;
}

#footer ul li {
	border-bottom: 1px solid #4e5246;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}

#footer ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	font-style: normal !important;	
	text-decoration: none;
	display:block;
	background:#C2CABB;
	padding: 5px 15px;
	color:#666;
}

#footer ul li a:hover {
	text-decoration: none;
	border: none !important;
	background:#EEEEEE;
}

#credit {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	padding: 30px 0;
	font-size: 11px;
	line-height: 20px;
}

#credit a {
	color:#333;
}

#credit img {
	vertical-align: middle;
}

#credit #footer-left {
	float:left;
	text-align:left;
}

#credit #footer-left img {
	float:left;
	margin:0 10px 0 0;
}

/*----- Misc ----- */

.clearfix {
	clear: both;
}

*:first-child+html .clearfix {
	height: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


/* extra styling
*************************************************************************************************************/

#sidebar_accordian {
	/*background-color:#FFFFFF;*/
	padding:10px;
	background:url(images/background-sidebar-top.png) no-repeat 0 0;
}

#searchform label {
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

#searchform #searchsubmit {
	cursor:pointer;
	padding:0;
	margin:0;
}


/* newsletter optin styling
*************************************************************************************************************/
.newsletter-optin-table td, 
.grats-text {
	font-size:12px;
	color:#333333;
	padding:5px;
}

.newsletter-paragraph {
	font-size:14px;
	line-height:22px;
	padding:10px;
}




/* flickr
*************************************************************************************************************/
.feedwrapper {
	margin:0 auto;
	width:950px;
}

.feedwrapper h2 {
	padding:10px 20px;
	width:910px;
	font-size:22px;
	background:#E4E7E2;
	font-weight:normal;
	text-shadow:1px 1px 0px #fff;
}

.feedwrapper h3 {
	padding:10px 0 5px 10px;
	font-size:20px;
	font-weight:normal;
	text-shadow:1px 1px 0px #E4E7E2;
}

.feedwrapper h2.feeds {
	padding-top:30px;
}

#footer .top, 
#footer .bottom {
	margin:0 auto;
	width:950px;
}

#footer .content {
	background:#e4e7e2;
	width:930px;
	padding-left:20px;
}

#flickr {
	margin:0 auto;
	width:950px;
}

#flickr .content a {
	border:5px solid #fff;
	display:inline-block;
	margin-right:15px;
}

#flickr .content a:hover {
	border:5px solid #AEB6A7;
}

#flickr .content li {
	display:inline;
}

#rss-container {
	background:#e4e7e2;
	width:950px;
	margin:0 auto;
	float:left;
}

#rss-container .rssgroup {
	margin-left:21px;
	float:left;
	padding-bottom:10px;
	background:#C2CABB;
	height:548px;
	margin-bottom:10px;
}

#flickr ul {
	margin-left:10px;
}

#rss-container .subscribe {
	padding:5px 10px 20px 10px;
}

#rss-container .rssgroup .subscribe a {
	font-size:12px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	background:url(images/feed.png) no-repeat left 50%;
	padding-left:20px;
}

#rss-container .rssgroup .subscribe a:hover {
	color:#666;
}