/*========================================================

Theme Name: JV Mechner Revised
Theme URI: http://jakesville.com/design/
Description: Custom Theme created for jordanmechner.com
Version: 1.1
Author: Jake Carvey @ Strikeforce|Design
Author URI: http://jakesville.com/
Tags: rotating header, fixed width, two columns

==========================================================*/

/*------------------------------------------------
  Elements
-------------------------------------------------*/

body {
	background-color: #dddddd;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

p {
     padding-top: 0px;
	font-size: 10pt;
}

a {
	text-decoration: none;
	color:#333355;
	font-weight: bold;
}

a:hover {
	color:#3366ff;
}

blockquote {
	margin: 10px;
	padding: 10px;
	background-color: #ddd;
	border: 1px solid #000000;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*------------------------------------------------
  Gallery
-------------------------------------------------*/

.unit {
     border: #DDDDDD 1px solid;
     background-color: white;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
     padding: 5px;
     width: 125px;
}

.thumb {
     width: 115px;
     height: 150px;
     overflow: hidden;
}

.caption {
     font-size: 10px;
     margin-bottom: 0;

}

.dl {
     font-size: 10px;
     margin-top: 5px;
}


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

#container {
	width: 942px;
	margin: 16px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url('images/css_backgrounds/bg_main_942px.png');
}

#headerContainer {
	height: 281px;
	width: 942px;
}

#headerContainer h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header {
	height: 208px;
	width: 928px;
	background-color: #666;
	position:relative;
	top: 6px;
	left: 6px;
}

#headerTitle {
	left: 26px;
	top: 16px;
	position: relative;
	width: 228px;
	height: 30px;
}

#headerNav {
	text-align: right;
	top: 7px;
	height: 23px;
	position: relative;
}

#headerPics {
	height: 222px;
	width: 942px;
	background-color: #666;
	background-image: url('images/headers/headerBG.png');
}


/*------------------------------------------------
  Nav
-------------------------------------------------*/

#navContainer {
	height: 60px;
	background-color: #f1f0de;
	background-image: url('images/css_backgrounds/bg_top_942px.png');
	background-repeat: no-repeat;
	background-position: top;
}

#navContainer ul {
	list-style:none;
	margin:0;
	padding:0;
}

#navContainer li {
	display: inline;
	padding: 0;
	margin: 0;
	height: 23px;
}

.navigation {
     margin-top: 1em;
}


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

#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 251px; /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 1px 0 0 0;
     padding: 0;
	background-color: #EBEBEB;
	background-image: url('images/css_backgrounds/sidebar_BG.png');
}

#sidebar h2 {
	background-image: url('images/projects/tab_Background.png');
	height:24px;
	margin: 0;
	padding: 4px 0 0px 18px;
	font-size:16px;
	overflow: hidden;
}

#sidebar h3 {
	padding: 6px 0 10px 0;
	margin: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li a {
	width: 100%;
	line-height: 20px;
	display: block;
	font-weight: normal;
	border-bottom: dotted 1px #FF9900;
}

#sidebar li a:hover {
	border-bottom:dotted 2px #FF9900;
	line-height:19px;
}

#sidebar .blogroll {
	margin: 0 10px 6px 14px;
	padding: 0 0 8px 24px;
	font-size:9px;
	background-color:#fefeee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #868464;
	border-right-color: #868464;
	border-bottom-color: #868464;
	border-left-color: #868464;
}

#searchform  {
     margin: 0 10px 6px 14px;
	padding: 6px 0 8px 24px;
	font-size:9px;
	background-color:#fefeee;
     border: 1px solid #868464;
}

#searchform #s {
     width: 125px;
}


.sidebarFlash {
	padding-left: 13px;
	padding-bottom: 10px;
}

#sidebar .projectButton {
	padding-left: 13px;
	padding-bottom: 10px;
}

#sidebar-bottom {
	background-image: url('images/css_backgrounds/sidebar_BTM.png');
	height: 1px;
	margin: 24px 0 0 0;
}

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

#content {
	margin: 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends. */
	padding-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left;
	width: 656px;
}

.pagetitle {
	background-image:url('images/css_backgrounds/archiveTitle_BG.png');
	height: 38px;
	padding: 4px 0 0 12px;
	background-repeat: no-repeat;
}

.post {
	margin: 26px 16px 26px 6px;
	padding: 10px;
	width: 616px;
	display: block;
	background-color: #f8f8f6;
	border: 1px solid #000000;
}

.post h1 {
	font-size: 14pt;
	margin: 0px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 0px;
}

.post h1 a {
	text-decoration: none;
	color: #333333;
}

.post .postFooter {
	font-size: 10pt;
}

.post .dateTime {
	color: #DD5500;
}

.postmetadata {
	font-size: 7pt;
     margin-bottom: .5em;
}

.postHeader {
	padding: 0;
	margin: 0;
	position: relative;
	top: -18px;
	width: 447px;
	height: 39px;
	background-image: url('images/blog_header.png');
	background-repeat: no-repeat;
}

.postHeader a {
	width: 430px;
}

.postBody {
	position: relative;
	top: -20px;
}

.postBody img {
	margin: 10px;
	border: 1px solid #333333; /* display: block; */
}

.moreLink {
	text-align: right;
}

#containerBottom {
	border:0;
	height: 20px;
	background-image: url('images/css_backgrounds/bg_btm_942px.png');
}

/*------------------------------------------------
  Captions and Images
-------------------------------------------------*/

.wp-caption {

/*

-moz-border-radius-bottomleft:3px;

-moz-border-radius-bottomright:3px;

-moz-border-radius-topleft:3px;

-moz-border-radius-topright:3px;

background-color:#ddd;

border:1px solid #222;

margin:10px;

padding-top:4px;

text-align:center;

*/

}

.wp-caption p {
	padding-bottom: 0px;
}

.wp-caption img {
	margin:0px;
}

.alignright {
	float:right;
}

img.alignright {
	margin: 20px 0px 20px 20px;
}

.alignleft {
	float:left;
}

img.alignleft {
	margin: 20px 20px 20px 0px;
}

/*------------------------------------------------
  Old Journals
-------------------------------------------------*/

.old-journals,
.category-old-journals {
	background-image:url('images/css_backgrounds/journalBG.jpg');
	color:#530000;
	font-size: 12pt;
	font-family: "Courier New";
}

.old-journals p,
.category-old-journals p {
	padding-left: 52px;
	padding-right: 22px;
	line-height: 22.5px;
	padding-bottom: 10px;
}

.old-journals h1,
.category-old-journals h1 {
}

.old-journals small,
.category-old-journals small {
	font-size: 7pt;
}

.old-journals a,
.category-old-journals a {
	color:#996600;
}

.old-journals-video,
.category-old-journals-video {
	margin-left: 62px;
}

#journalWrap img {
	border:0;
}

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

#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer .credits {
     text-align: center;
	font-size: x-small;
	font-weight: bold;
	color: #999999;
}

/*------------------------------------------------
  Floats
-------------------------------------------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.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;
}

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

.avatar {
     float: left;
     margin-right: 10px;
     border-width: 1px;
     border-style: solid;
     border-color: gray;
     padding: 5px;
     background-color: white;
}

.commentlist,
.children {
     list-style: none;
     margin-top: 15px;
     margin-bottom: 30px;
}

ul.commentlist {
     margin: 0;
     padding: 0;
}


.commentlist p {
          margin-bottom: 10px;
     }

.trackback {
	padding: 0;
     margin-top: 10px;
	margin-bottom: 30px;
     margin-left: 10px;
	text-align: left;
}

.trackback li {
     list-style: inside;
     margin-bottom: 5px;
}

.trackback li a {
     font-weight: bold;
}

.reply {
     margin-top: 30px;
     margin-bottom: 10px;
     font-size: small;
}

.comment {
     margin: 10px 16px 10px 6px;
     padding: 10px;
     border: 1px solid gray;
}

.depth-1 {
     background-color:#E1DFC2;
     width: 616px;
}

.depth-2 {
     background-color:#EBEAD6;
}

.depth-3 {
     background-color:#F5F4EB;
}

#comment {
     margin: auto;
     width:95%;
}

.comment-author-jordanmechner {
     background-color: #E9E9E9;
     border-color: #383889;
     border-top: 5px solid #383889;
}

.comment-author {
     font-size: large;
}

.comment-meta {
     font-size: x-small;
}

#respond {
     margin: 10px 16px 10px 6px;
}

.rss {
     background: transparent url(images/feed-icon-14x14.png) no-repeat left;
     padding-left: 20px;
}

.share {
	margin: 10px 0 20px 0;
}

.category-old-journals .share {
	padding-left: 52px;	
}

.share-facebook,
.share-twitter {
	float: left;
}

.twitter-share-button {
	margin: 0 10px;
}


.share label,
.shortlink {
     position: relative;
     top: -4px;
}

.share label {
     font-size: .750em;
     letter-spacing: 0.1em;
}

.shortlink {
	border: 1px solid #D5D5D5;
	padding: 3px;
}

/*=================================================
  Plug-ins
==================================================*/

/*------------------------------------------------
     Twitter / Facebook
--------------------------------------------------*/

#sidebar .aktt_tweets li {
     padding-top: 10px;
     margin-right: 8px;
}

#sidebar .aktt_tweets li a {
     display: inline;
     border: none;
     line-height: normal;
}

#sidebar .facebook li a {
     display: inline;
     border: none;
     line-height: normal;
}


/*------------------------------------------------
  Sociable
-------------------------------------------------*/

div.sociable {
     margin: 0px 0px 16px 0px;
}

.category-old-journals div.sociable {
     margin-left: 50px;
}

.widecolumn .category-old-journals div.sociable {
     margin-top: -20px;
}


span.sociable_tagline {
     position: relative;
     }

span.sociable_tagline span {
     display: none;
     width: 14em;
     }

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}