/*  
Theme Name: Typepress
Theme URI: http://www.amtstudios.nl/
Description: A fresh modern theme designed by <a href="http://www.amtstudios.nl/">AMT studios</a>.
Version: 1.1
Template: typepress
Author: AMT studios
Author URI: http://www.amtstudios.nl/
Tags: blue, modern, fresh, featured post, two-columns, fixed-width, 

	This theme was designed and built by Alfons Taekema.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to AMT studios must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

/* Reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 20px;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* End reset */

body {
	font-family:"Lucida sans",Helvetica,Arial,sans-serif;
	font-size:12px;
	color: #c8cdd0;
	background: #064667 url(images/bg.jpg);
	margin: 0px;
	padding: 0px;
}

a {color: #bae230;}
a:hover {color: #ec3028;}

p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	color: #ffffff;
	font-size:24px;
	line-height:28px;
}
h1#blogname {font-family:"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:30px; font-weight:bold; margin-top:15px; padding-bottom:35px; float:left;}

a.logo {background: url(images/logo.png) no-repeat; float:left; display:block; width:212px; height:33px; margin:15px 0px 30px 0px;}

h1 a, h1 a:visited{
	color: #ffffff;
	text-decoration: none;
	line-height:28px;
}
h1 a:hover{
	color: #c7e935;
	text-decoration: none;
}
h2 {
	color: #bae230;
	margin: 15px 0px 10px 0px;
	padding-bottom: 3px;
	font-size:16px;
	font-weight:bold;
}
h2 a {
	color: #ffffff;
	text-decoration: underline;
}
h2 a:hover {
	color: #c7e935;
	text-decoration: underline;
}
h3 {color: #ffffff; font-weight:bold; font-size:14px;}
h4 {font-weight:bold;}
h5 {font-style:italic;}
h6 {font-size:10px;}

hr {background-color:#5d7683; border:0px; height:1px;}

form {margin:0px; padding:0px;}

#page {
	margin: 0px auto;
	width: 908px;
	background: url(images/page-bg.png);
}
/* header area */
#header {
	padding: 20px 0px 0px 20px;
}
#nav {background: url(images/nav-bg.png) no-repeat; width:943px; height:63px; margin-left:-50px; padding-left:25px; clear:both;}
#nav li {height:16px; float:left;}
#nav a {font-family:"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 1px #242a09; color:#ffffff; display:block; padding:10px 15px 15px 15px; background: url(images/nav-sep.gif) no-repeat 0px 6px;}
#nav a:hover {color:#003255; text-shadow:1px 1px 1px #e5ff86;}

#menu {float:right; margin:20px 20px 0px 0px;}
#menu a {color:#d1d0c1;}
#menu a:hover {color:#ec3028;}
#menu li.rss  {float:right; padding-left:20px; background: url(images/RSS.png) no-repeat scroll 0px 3px; text-shadow:1px 1px 1px #242a09; margin-right:20px;}
#menu li.twitter  {float:right; padding-left:20px; background: url(images/Twitter.png) no-repeat scroll 0px 3px; text-shadow:1px 1px 1px #242a09;}

/* featured post area */
.featured-post {background: url(images/featured-post-bg.png) no-repeat; float:left; margin:0px 20px 20px 20px; width:868px; height:304px; color:#003255; position:relative;}
.featured-post img {width:382px; height:220px; border:1px solid #a8a8a2; background:#c5c4bd; padding:9px; float:left; margin:0px 30px 0px 0px;}
.featured-post h1 a {color:#8ab700;}
.featured-post h1 a:hover {color:#ec3028;}
.featured-post .entry {padding:32px; clear:none;}
.featured-post .post-title {float:right; width:372px; margin:32px 32px 15px 0px;}
.featured-post a.more-link {float:left;}
#featured-ribbon {background: url(images/featured-ribbon.png) no-repeat; position:absolute; z-index:100; width:127px; height:126px; top:-2px; left:-5px;}
.featured-post a {color:#ec3028;}
.featured-post a:hover {color:#8ab700;}

/* content area */
#content {
	float: left;
	margin:0px 20px 20px 15px;
	width: 570px;
	overflow: hidden;
}

/* post area */
.post {
	clear:both;
	padding-left:5px;
	width:570px;
	margin-bottom:20px;
	float:left;
}
.post-header {background: url(images/post-header.png) no-repeat; width:565px; height:4px;}
.post-content {background: url(images/post-content.png) repeat-y; width:570px; float:left;}
.post-bottom {background: url(images/post-bottom.png) no-repeat; width:565px; height:4px; float:left;}

.post-date {width:57px; height:47px; float:left; background: url(images/post-date-bg.png) no-repeat; margin:35px 20px 0px -5px;}
.post-month {font-size:11px; color:#FFFFFF; text-align:center; display:block; text-shadow:1px 1px 1px #242a09; margin:-2px 0px 0px -10px;}
.post-day {font-size:24px; color:#ffffff; text-align: center; display:block; text-shadow:1px 1px 1px #242a09; margin:-2px 0px 0px -10px;}
.post-title {float:left; width:430px; margin-top:35px;}

.entry {clear: both; padding: 15px 77px 15px 70px;}
.post .entry img {width:403px; height:auto; border:0px solid #103e57; background: url(images/transparent.png); padding:9px; float:left; margin:0px 0px 20px 0px;}

.post-cat {float:left; margin-top:2px; color: #5d7683;}
.post-cat a {color: #5d7683;}
.post-cat a:hover {color: #ec3028;}

.post-footer {clear:both; margin:-37px 0px 50px 70px; width:423px; height:32px; background: url(images/transparent.png);}

a.more-link {background: url(images/read-more-button.gif) no-repeat; width:97px; height:27px; display:block; text-align:center; color:#ffffff; text-transform:uppercase; text-shadow:1px 1px 1px #000000; text-decoration:none; font-weight:bold; padding-top:5px; position:relative; z-index:100; top:25px;}
a:hover.more-link {background-position:0 -32px; color:#ffffff;}

.tags {margin:7px 0px 50px 70px; color:#c8cdd0; background: url(images/tags-bg.png) no-repeat; padding:5px 0px 0px 37px; width:423px; min-height:27px; clear:both;}
.post-edit-link {margin-left:70px; margin-bottom:15px; float:left;}

.post-comments {
	background: url(images/comments-icon.png) no-repeat scroll 0px 3px;
	padding-left: 25px;
	float: right;
	margin:5px 10px 0px 0px;
}

.page-content {margin:20px 20px 20px 0px;}
.entry ul, .entry ol {margin:15px 0px;}
.entry ul li {list-style:disc; margin-left:30px;}
.entry ol li {list-style-type: decimal;  margin-left:30px;}

.navigation {
	clear: both;
	padding: 10px 0px;
}
.previous-entries a {float: left;}
.next-entries a {float: right;}

/* comments area */
#comments, #respond {
	margin-left:20px;
	clear: both;
}
.commentlist {
	margin:20px ;
	width:525px;
}
.commentlist li{
	padding: 20px;
}
.commentlist .alt {
	background: url(images/transparent.png);
}
.avatar {float:left; margin-right:10px;}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	color: #bae230;
}
.commentlist p {margin-left:60px;margin-top:20px;}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	color:#5d7683;
}
#commentform {
	margin-top: 10px;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	padding-left:20px;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #5d7683;
	margin-left:10px;
}
#commentform input, ol.forms input{
	width: 200px;
	background: url(images/transparent.png);
	border: 1px solid #103e57;
	padding: 3px;
	margin-top: 3px;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #5d7683;
	
}
#commentform textarea {
	width: 420px;
	height: 115px;
	background: url(images/transparent.png);
	border: 1px solid #103e57;
	padding: 3px;
	margin-top: 3px;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:12px;
	color: #5d7683;
}
#commentform textarea:focus, #commentform input[type="text"]:focus, ol.forms textarea:focus, ol.forms input[type="text"]:focus {
	background: #ffffff;
	color:#393019;
}

#commentform #submit {background: url(images/read-more-button.gif) no-repeat; width:97px; height:32px; display:block; text-align:center; color:#ffffff; text-transform:uppercase; text-shadow:1px 1px 1px #000000; text-decoration:none; font-weight:bold; padding-top:3px; cursor:pointer; border:none; margin-bottom:15px;}
#commentform #submit:hover {background-position:0 -32px;}

/*sidebar */
#sidebar {
	float: right;
	width: 283px;
	margin-right:20px;
	overflow: hidden;
}

ul.idTabs {margin-left:5px; float:left;}
.idTabs li {list-style:none; float:left; position:relative; z-index:100; top:2px;}
a.tab {width:37px; height:29px; display:block; margin:0px 0px 0px 5px; padding-top:13px; padding-left:13px;}
a:hover.tab, a.selected.tab {background: url(images/tab.png) no-repeat;}
a:focus.tab {outline:none;}

.tabs-header {background: url(images/tabs-header.png) no-repeat; width:283px; height:4px; clear:both;}
.tabs-content {background: url(images/tabs-content.png) repeat-y; width:283px; float:left;}
.tabs-content ul {padding:10px;}
#recent-comments li.alt-even {background: url(images/comments-icon.png) no-repeat scroll 4px 9px; padding:5px 5px 5px 32px;}
#recent-comments li.alt-odd {background: url(images/recent-comments-odd-bg.png); padding:5px 5px 5px 32px;}

#categories .tabs-content, #archives .tabs-content, #links .tabs-content {padding-left:5px;}

.tabs-bottom {background: url(images/tabs-bottom.png) no-repeat; width:283px; height:4px; float:left;}

#flickr {float:left; margin:20px 0px 20px 0px;}
#flickr .tabs-content {padding:10px;}
a.flickr-thumb {border:1px solid #bae230; padding:1px; display:block; float:left; margin:12px 12px 0px 0px;}
a:hover.flickr-thumb {border:1px solid #ec3028;}
#flickr h3 {text-transform:uppercase; text-shadow:1px 1px 1px #000000; color:#ffffff; font-weight:bold; font-size:12px;}

/*search form */
#searchform {float:right; margin-right:55px;}
#searchform br {
	display: none;
}
#searchform #s {
	width: 182px;
	height: 18px;
	padding: 3px 5px 0px 5px;
	background: #e5ff86;
	margin-top: 11px;
	color: #93a14e;
	border:none;
}
#searchform input#s:focus {color:#544826;}
#searchsubmit {background: url(images/pixel.gif); height:27px; width:24px; cursor:pointer; border:none;}

/* footer area */
#footer {
	clear: both;
	background: url(images/footer-bg.png) repeat-x;
	width:868px;
	height:20px;
	padding:20px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

/* contact form*/

.screenReader {left: -9999px; position: absolute; top: -9999px;}
form#contactForm {padding:20px;}

ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	padding-right: 20px;
	width: 100px;
	color:#5d7683;
}

ol.forms textarea{
	width: 395px;
	height: 115px;
	background: url(images/transparent.png);
	border: 1px solid #103e57;
	padding: 3px;
	margin-top: 3px;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:12px;
	color: #5d7683;
}

input#sendCopy {width:auto; margin:0px 10px 0px 120px;}
ol.forms li.inline label { display: inline; float: none; width: auto; }
ol.forms li.buttons button {background: url(images/read-more-button.gif) no-repeat; width:97px; height:32px; display:block; text-align:center; color:#ffffff; text-transform:uppercase; text-shadow:1px 1px 1px #000000; text-decoration:none; font-weight:bold; cursor:pointer; border:none; margin-left:120px; margin-bottom:20px; border:none;}
ol.forms li.buttons button:hover {background-position:0 -32px;}

p.thanks {padding:20px;}