/*
Theme Name: Europe2009
Theme URI: http://lukebarrow.com/
Description: Custom theme for Europe 2009 trip
Version: 1.0
Author: Luke Barrow
Author URI: http://lukebarrow.com/
Tags: dark, travel
*/

/*-------------------------------------*/

/* Top Nav */
#nav							{ background-color: #000; color:#333; padding: 15px; }
#nav .body						{ margin:0 auto; width:980px; position: relative; }
#nav .body:after				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#nav #days						{ width:670px; float:left; font-style:italic; overflow:hidden; }
#nav #days a					{ display:block; border-left:1px solid #404040; padding:0 5px; float:left; }
#nav #days span					{ font-size:12px; font-weight:bold; color:#777; font-style:normal; padding:0 8px 0 0; margin-top:0px; display:block; float:left; }
#nav #days .home				{ font-size:12px; text-transform:uppercase; padding:1px 6px 0 5px; }
#nav #days .current				{ color:#fff; }
#nav #days a:first-child		{ border:none; }
#nav #days p					{ float:left; padding:0; font-size:16px; }
#nav #dayMarker					{ background: #000 url(images/bg_arrow.gif) top center no-repeat; top:23px; left:-10px; padding:7px 9px 4px; color:#eee; font-family:"Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight:bold; position: absolute; }
#nav .otherPages				{ width:300px; text-align:right; float:right; }
#nav .otherPages a				{ font-weight:bold; }
.currentPlace					{ color:#fff; font-weight:bold; }


/* Container */
#container                      { width:980px; margin:0 auto; min-height:1000px; overflow: hidden; position: relative; }
#singlePost                     { width:980px; margin:0 auto; min-height:1000px; overflow: hidden; position: relative; }


/* Title */
#pageTitle						{ position:relative; margin:71px 0 0 0; text-indent:-9900px; font-weight:bold; font-size:24px; background: url(images/header_home.png) -10px 0 no-repeat; height:200px; }
#headerLink						{ width:980px; height:200px; top:60px; left:0; text-indent:-5000px; position:absolute; }
#headerLink:hover				{ background-color: rgba(255,255,255,0.1); }


/* Single Post */
#post							{ margin:0 auto; padding:50px 0 70px 0; width:310px; float:left;  }
#post h3						{ text-shadow:rgb(0,0,0) 0px 1px 1px; font-weight:normal; font-size:26px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #596065; padding:0 0 10px 10px; }
#post .body						{ padding:0 10px; }
#post .day						{ padding:10px 0 5px 0; font-weight:bold; font-size:12px; font-family:"Helvetica Neue", Arial, sans-serif; color:#9bacb9; }
#post .day em					{ font-weight:normal; padding: 0 0 0 2px; }
#post ul						{ padding:0 0 15px 10px; line-height:22px; list-style:disc; margin:0 0 0 11px; }
#post h6						{ font-size:16px; padding:6px 0 4px 0; color:#9bacb9; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; color:#9bacb9; }
#post .commentLink				{ border-top:1px solid #596065; padding:4px 0 0 10px; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; display:block; font-size:13px; }


/* Map */
#map							{ position: relative; float:right; background: url(images/mapDetails_labels.png) 0 9px no-repeat; width:430px; height:460px; }
#wereHereLabel					{ position: absolute; top:28px; left:-40px; }


/* Subcontent */
#subcontent						{ clear:both; overflow:hidden; width:980px; padding:0 0 40px 0; }
#twitterUpdates					{ width:310px; float:left; }
#twitterUpdates h3 a			{ font-size:14px; font-family:"Helvetica Neue", Arial, sans-serif; margin:0 0 0 14px; font-style:italic; }
#twitterUpdates li				{ border-bottom:1px solid #484f52; padding:10px; text-align:right; font-style:italic; }
#twitterUpdates li span a		{ display:inline; font-size:14px; font-style:italic; font-weight:normal; text-transform:none; }
#twitterUpdates li a			{ display:block; font-size:11px; font-style:normal; text-transform:uppercase; font-weight:bold; color:#8695a0; }
#twitterUpdates .button			{ padding:10px 0 0 10px; float:left; display:block; }
#videoUpdates					{ margin:0 0 0 20px; width:310px; float:left; }
#videoUpdates h5				{ padding:15px 10px 5px 10px; font-weight:bold; color:#fca53f; font-size:18px; }
#videoUpdates .theVideo			{ padding:10px 0 10px 10px; border-bottom:1px solid #484f52; }
#videoUpdates a					{ display: block; padding:10px; }
#subcontent #blogUpdates		{ width:320px; float:right; }
#subcontent #blogUpdates h3		{ color:#fff; line-height:30px; font-weight:normal; font-size:26px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #484f52; padding:0 0 6px 10px; }
#subcontent #blogUpdates .body	{ padding:15px 10px 10px 10px; border-bottom:1px solid #484f52; }
#blogUpdates h5					{ font-weight:bold; color:#fca53f; font-size:18px; }
#blogUpdates h6					{ font-weight:bold; color:#68747d; font-size:11px; padding:0 0 15px 0; }
#blogUpdates .more				{ display:block; text-decoration:underline; text-align:right; font-weight:normal; font-size:13px; font-style:italic; }
#blogUpdates .button			{ display: block; padding:10px; }
#subcontent h3					{ line-height:30px; font-weight:normal; font-size:26px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #484f52; padding:0 0 6px 10px; }


/* Category - Blog */
#blogCat						{ width:980px; margin:0 auto; min-height:1000px; overflow:hidden; position: relative; }
#blogCat #twitterUpdates		{ background-color: rgba(0,0,0,0.7); width:340px; float:right; padding:30px 10px 15px; margin:40px 0; }
#blogCat #twitterUpdates h3		{ line-height:30px; font-weight:normal; font-size:26px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #484f52; padding:0 0 6px 10px; }
#blogUpdates h2					{ line-height:30px; font-weight:normal; font-size:48px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #484f52; padding:60px 0 16px 10px; }
#blogUpdates .blogCatDesc		{ padding:10px 10px 60px; }
#blogUpdates					{ width:600px; float:left; }
#blogUpdates .body				{ padding:0px 10px 10px 10px;  border-bottom:1px solid #484f52; }
#blogUpdates h3					{ font-weight:bold; color:#fca53f; font-size:18px; padding: 0 10px;}
#blogUpdates .day				{ font-weight:bold; color:#68747d; font-size:11px; padding:0 10px 15px 10px; }
#blogUpdates .commentLink		{ display: block; padding:10px; }

/* Category - Pagination */
.pagination						{ clear:both; border-top:1px solid #484f52; padding:10px 10px 50px; width:980px; overflow:hidden; }
.pagination .older				{ float:left; padding:0 15px 0 0; }
.pagination .newer				{ float:left; }
#blogCat .pagination			{ width:580px; }

/* Category - Video */
#vidCat							{ width:980px; margin:0 auto; min-height:1000px; overflow:hidden; position: relative; }
#vidCat h2						{ line-height:30px; font-weight:normal; font-size:48px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #484f52; padding:60px 0 16px 10px; }
#vidCat .videoCatDesc			{ padding:10px 10px 30px; }
#vidCat li						{ width:310px; float:left; margin:0 15px 0 0; padding:30px 0; }
#vidCat .body					{ padding:0px 10px 10px 10px;  border-bottom:1px solid #484f52; }
#vidCat h3						{ font-weight:bold; color:#fca53f; font-size:18px; padding: 0 10px;}
#vidCat .day					{ font-weight:bold; color:#68747d; font-size:11px; padding:0 0 15px 0; }
#vidCat .commentLink			{ display: block; padding:10px; background-color: #000; }

/* Page - Contact */
#contactPage					{ width:400px; }
#contactPage h2					{ line-height:30px; font-weight:normal; font-size:48px; font-family:"Arno Pro", "Hoefler Text", Georgia, serif; border-bottom:1px solid #484f52; padding:60px 0 16px 10px; }
#contactPage .entry				{ padding:15px 10px; }
#contactPage .entry	p			{ padding: 0 0 25px 0; }
#contactPage .entry .label		{ font-weight:bold; color:#fca53f; padding:0 0 20px 20px; }
#contactPage .entry .button		{ font-weight:bold; color:#fca53f; padding:0 0 20px 20px; }
#contactPage .entry input		{ background-image:none; border:none; background-color: #333; width:280px; border:1px solid #000; color:#fff; font-size:14px; margin:5px 0 0 0; padding:3px; }
#contactPage .entry .label span	{ color:red; display:block; font-weight:normal; color:red; }
#contactPage .entry .button input { background-color: #b3742b; padding:5px; cursor:hand; cursor:pointer; font-weight: bold; width:285px; font-size:14px; text-transform:uppercase; color:#fff; }
#contactPage .entry textarea	{ background-image:none; border:none; background-color: #333; border:1px solid #000; color:#fff; font-size:14px; width:285px; margin:5px 0 0 0; }


/* Comments */
#commentSection					{ display:none; background-color: rgba(0,0,0,0.6); margin:25px 0; }
#comments						{ padding:15px 0 0 0; }
.comment-body .comment-author img { display:none; }
.comment-body					{ padding:10px; border-bottom:1px dotted #454a4e; }
#comments li					{ padding:10px 0 0 0; }
#comments ol					{ margin:0 0 25px 0;}
#comments .commentmetadata		{ font-size:10px; font-weight:bold; padding: 0 0 5px 0; }
#respond						{ padding:5px 0 0 0; }

#commentform					{ padding:10px; }
#commentform small				{ display: block; font-weight:bold; color:#68747d; }
#commentform input				{ background-image:none; border:none; background-color: #333; width:280px; border:1px solid #000; color:#fff; font-size:14px; margin:5px 0 0 0; padding:3px; }
#commentform textarea			{ height:80px; background-image:none; border:none; background-color: #333; border:1px solid #000; color:#fff; font-size:14px; width:285px; margin:5px 0 0 0; }
#commentform #submit			{ background-color: #b3742b; padding:5px; cursor:hand; cursor:pointer; font-weight: bold; width:285px; font-size:14px; text-transform:uppercase; color:#fff; }

/* Footer */
#footer                         { background-color: #000; }
#footer .body                   { width:960px; margin:0 auto; text-align:center; color:#cdcdcd; padding:20px 10px 60px; }
#footer .copy					{ float:left; color:#6a6f75; font-size:11px; font-weight:bold; }
#footer .otherPages				{ color:#333; float:right; }
#footer .otherPages a			{ font-weight:bold; }