/*
Theme Name: Development
Theme URI: http://www.jackreichert.com/development
Description: Portfolio site for Jack Reichert, built using Jeff Sarr's "H5".
Version: 1.0
Author: Jack Reichert
Author URI: http://www.jackreichert.com/
*/

@import url('css/prettyPhoto.css');

/* Generated by WordPress */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #cdcdcd; text-align:center; background:#efefef; padding:10px 10px 0; margin:10px; }

/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
body>header {
	position: fixed;
	width: 400px;
	height: 186px;
	top: 10px;
	left: 10px;
	z-index: 200;
}
body {
	position: relative;
	margin: 0 auto;
	width: 100%;
	font-family: Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}
section#main-content {
	position: relative;
	overflow: hidden;
	top: 120px;
	width: 600px;
	padding: 10px;
	clear: both;
	margin: 0 auto;
	}
	section#inside {
		margin-bottom: 200px;
		overflow: hidden;
	}
	
section#main-content li {
	list-style-position: inside;
	margin-bottom: 10px;
}
/* == LINKS == */

a {
   outline: none;
}

a:link, a:visited {
 text-decoration: none;
font-weight:bold;
color: #7d1a1a;
	}
a:hover, a:active, a:focus {
 text-decoration: underline;
	color: #b41919;
	}
a:active { outline: 0; position: relative; top: 1px; }
a img { border: none; }

.current_page_item a{

	color: #b41919;	

}

/* == HEADER == */

body>header {
	padding: 0 33px 33px 0;
	color: #ccc;
	}
	body>header h1 {
		margin: 0;
		}
		body>header h1 a:link, body>header h1 a:visited {
			text-decoration: none;
			color: #ddd;
			}
		body>header h1 a:hover, body>header h1 a:active {
			text-decoration: none;
			color: #fff;
			}
section#top-block {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 150;
	background: #fff;
	height: 127px;
	-moz-box-shadow: 0px 10px 20px #fff; -webkit-box-shadow: 0px 10px 20px #fff;
}
#logo { width:250px;}
body.home #logo { width:400px;}

/* == POSTS == */

article[id*=post-] {
	padding: 10px 0 60px;
	}
	#comments { padding-bottom: 60px; }
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	text-align: center;
	}
section>h1 {
	padding-top: 10px;
	}
article a.ref {
  display:block;  
margin-top:60px;
}
article.thumb {
	position: relative;
	float: left;
	width: 180px;
	height: 100px;
	margin: 10px;
	background: rgb(125,26,26);
	-moz-border-radius: 10px;  -webkit-border-radius: 10px;
	-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius:0px;
	z-index: 0;
}
article .wp-caption-text { font-size: 12px; height: 16px; line-height: 16px !important; margin: 0px; padding: 0px; }
article[id*=post-] p { line-height: 24px;}
article ul li ul {
  margin-top: 5px;
}
article.thumb>section img {
	margin: 5px auto; display: block; width: 180px; height: 120px;
}
article.thumb>header {
	position: absolute;
	bottom: 4px;
}
	article.thumb>header h2 {
		display: inline;
		font-family: Courier New, Courier, monospace;
		font-size: 13px;
		background: rgb(125,26,26);
		background: rgba(125,26,26,0.6);
		padding: 5px;
	}
	article.thumb>header h2 a {
	color: #fff;
	letter-spacing: 1px;	
	}	
	article.thumb>header h2 a:hover, article.thumb>header h2 a:active, article.thumb>header h2 a:focus {
	color: #ff2121;
	}	
article.thumb>footer {
	position: absolute;
	top: 3px; right: 3px;
}
	article.thumb>footer a.post-edit-link {
		font-size: 8px;
		color: #562f2f;
	}
article.thumb.shadowbox {	
	-moz-box-shadow: 0px 0px 15px #7d1a1a; 	-webkit-box-shadow: 0px 0px 15px #7d1a1a;
}

#archive-body h2	{ font: bold 22px Palatino, Georgia, serif; letter-spacing:2px; color: #fff; }
#archive-body li a	{ color: #fff; }
#archive-body li a:hover { color: #7f98b9; }

article>header>h1 {
	width: 500px;
	float: left;
}
#tweet { padding-top: 25px; float: right; }
article>header {
	width: 100%;
	overflow: hidden;
	display: block;
	clear: both;
}
/* == NAVIGATION == */

body>nav {
	position: fixed;
	text-align: right;
	bottom: 0;
	right: 0;
	z-index: 10;
	}
body>nav {
	padding: 10px 0;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 28px;
	line-height: 45px;
	}
	body>nav ul {
		text-align: right;
		margin: 0;
		}
		body>nav li {
			margin-right: 20px;
			font-weight: bold;
			list-style-type: none;
			}

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == FOOTER == */
body>footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5;
	-moz-box-shadow: 0px -10px 20px #fff; -webkit-box-shadow: 0px -10px 20px #fff;	
}
body>footer p {
	float: left;
	padding: 0 10px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 10px;
	}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

#twitterfader {
    position:relative;
    overflow: hidden;
	font-size: 12px;
    height:12px;
    width: 620px;
    margin-top: 11px;
}
article.tweet {
    position:absolute;
    text-align: center;
    z-index:8;
    opacity: 0.0;
    font-style: italic;
}

article.hide { display: none; }

#twitterfader article.active {
    z-index:10;
    opacity: 1.0;
}

#twitterfader article.last-active {
    z-index:9;
}

#ajax-loader {
display:none;
left:47%;
position:fixed;
top:47%;
}
#date {clear:both; font-size: 10px;}