/*
Theme Name: Hitchcock
Description: Wordpress Hitchcock Theme by <a href="http://www.catalystx.com/">CatalystX</a>.
Author: Mark Steel
Author URI: http://www.catalystx.com/
*/


/* Body */
html, body {font: 10pt arial, helvetica, sans-serif;color: #333; background: #000; margin: 0px;padding: 0px; height: 100%;}
#main {margin: 0px auto; width: 760px; background-color: #141300; min-height: 100%; height: 100%; }

/* Header */

#header {background: #000 url(images/header.jpg) no-repeat;height: 420px;position: relative;}
#logo {position: relative;padding: 10px 0px 0px 20px;height: 60px;}
#logo .description{position: absolute;	left: 25px;bottom:3px;color: #111;font-size: 14px;}
#rss {position: right;text-align:right;}

/* Nav */

#navhome a {position: absolute; text-decoration: none; top: 185px; left: 170px; width: 50px; height: 35px;}
#navabout a {position: absolute; text-decoration: none; top: 210px; left: 250px; width: 50px; height: 35px;}
#navnews a {position: absolute; text-decoration: none; top: 225px; left: 330px; width: 50px; height: 35px;}
#navportfolio a {position: absolute; text-decoration: none; top: 220px; left: 410px; width: 80px; height: 35px;}
#navcontact a {position: absolute; text-decoration: none; top: 190px; left: 520px; width: 70px; height: 35px;}

/* Menu */

#menu {list-style: none;margin: 0px;position: absolute;right: 10px;top: 10px;}
#menu li {float: left;margin-left: 10px;}
#menu .current_page_item a, #menu .current_page_item a:visited{color: #000;text-decoration: none;}
#menu .page_item a {color: #000;text-decoration: none;padding: 3px 10px;font:11pt Arial, Helvetica, sans-serif; display: block;}
#menu .page_item a:hover {color: #555555;}

/* Links */

h1 {margin:0px;height: 40px;font: bold 22pt arial, helvetica, sans-serif; color: #000;}
h1 a, h1 a:visited{color: #000;text-decoration: none;}
h1 a:hover{color: #fe5e00;text-decoration: none;}
h2 {color: #ff5a00;margin: 0px 0px 0px;border-bottom:none;letter-spacing: -1px;font:20pt arial, helvetica, sans-serif;padding:0px 0px 0px 10px;}
h2 a, h2 a:visited {color: #ff5a00;text-decoration: none;}
h2 a:hover {color: #8ac97b;text-decoration: none;}
h3 {color: #555555;margin: 0px 0px 2px;letter-spacing: -1px;font:18pt arial, helvetica, sans-serif;padding-bottom: 3px;}
h4 {color: #777777;margin: 0px 0px 2px;letter-spacing: -1px;font:16pt arial, helvetica, sans-serif;padding-bottom: 3px;}
a,a:visited {color: #7acd23;text-decoration: none;}
a:hover {color: #f24b0f;text-decoration: underline;}

/* Content */ 

#content {padding: 0px 20px 30px 20px; width: 720px; float: left; overflow: hidden;line-height: 16px;text-align: justify;font: 10pt arial, helvetica, sans-serif; color: #d1d1d1; background-color: #141300;}
.post {clear:both;padding-top: 15px; margin-right: 15px; }
.title {margin-left: 0px;}
.entry {clear: both;padding-top: 5px;}
.comments {display: block;font:10px;float: right;margin-bottom: 10px;padding: 4px 0px 4px 5px; color: #979797;background: #141300;border:1px  solid#111; width:100%}
.author {display: block;margin: 0;padding:0px 0px 4px 10px;font-weight: normal;color: #dee9ee;}
.navigation {clear: both;padding: 10px 0px;}
.navigation a, .navigation a:visited {color: #fff;}
.previous-entries a {float: left;padding-left: 1pt;}
.next-entries a {float: right;padding-right: 1pt;}

/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px; list-style-type: none;}
.commentlist cite {font-size: 14px;color: #fe5e00;}
.commentlist cite a, .commentlist cite a:visited {color: #fe5e00;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform input{width: 200px;background:#fff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 570px;height: 115px;background:#141300;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}

/* Footer */

#footer {clear: both;border-top: 1px solid #fe5c01;padding:10px 10px 0px 10px;height: 20px;font-size: 8pt;color: #fff; background-color: #141300;}
#footer a {text-decoration: none;font-size: 10pt;color: #fa8509;}
#footer a:hover {color: #fff;}
.center {text-align: center;}

/* Fix floats */

img {border: none;}
form {margin:0px;padding:0px;}
p {padding: 0px 0px 15px;margin: 0px;}
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;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* image caption */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.ngg-clear { width: 0px; height: 0px; margin: 0; padding: 0; clear: none; }
.ngg-albumoverview { text-align: center; }
.ngg-album-compactbox { text-align: left; clear: none; }
.ngg-album-compact { clear: none; }

.ngg-gallery-thumbnail {
	width: 164px; /* need fixed size boxes for centering to work */
	height: 162px; /* need fixed size boxes for centering to work */
    	display: table; /* == For VERT. Align == */
}

.ngg-gallery-thumbnail a {
	display: table-cell; /* == For VERT. Align == */
	vertical-align: middle; /* == For VERT. Align == */
	text-align: center; /* == For HORIZ. Align == */
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	float: none;
	display: block; /* == For VERT. Align == */
	margin: 0em auto; /* == For HORIZ. Align == */
}