@charset "UTF-8";

/*
Theme Name: Newdist.
Theme URI: http://www.fourleaves.co.uk
Description: The theme for my own personal Blog.
Version: 2.0
Author: Scott Hargroves
Fourleaves and the temple of doom CSS Document
*/



/* ----------------------- GLOBAL GATHERING OF BUM HOLES ----------------------- */

body {background: #e7eaf2 url(images/bg.png) top no-repeat; margin: 0px; font-family:Helvetica, Arial, sans-serif; font-size:14px; }

a:link {text-decoration: underline; color: #2f495a;}

a:hover {color: black; text-decoration: underline;}

a:visited {text-decoration: underline; color: #2f495a;}

/* ----------------------- HEADER STYLES AND CHICKEN FAJITA WRAPS ---------------------- */

.container {width: 1152px; margin: auto;}

.header-bg {width: 100%; height: auto; float: left; background: url(images/header-bg.png) repeat-x bottom #e1e5ec; margin-bottom: 40px;}

.header-wrap {width: 1115px; height: auto; margin: auto; overflow: hidden;}

.header-shadow {height: 23px; background: url(images/top-shadow.png) no-repeat center; margin: auto; width: 1115px;}

.logo {padding-top: 50px; float: left; height: 107px;}

#search-wrap input { float: right; margin-top: 75px; height: 30px; width: 217px; background: transparent url(images/search-bg.png) no-repeat scroll 0 0; border: medium none; line-height: 1.3em; font-size: 14px; padding; overflow: hidden; color: #666; vertical-align: middle; padding: 0; padding-top: 5px; padding-left: 10px; padding-right: 30px;}

.nav-bar {float: right; margin-top: 75px; height: 30px; width: 100px; font-size: 24px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; font-weight: 100; background: url(images/expand.png) left no-repeat; padding-left: 30px; cursor: pointer;}

.nav-bar a:link {text-decoration: none; color: #2f495a; text-shadow: 0 1px 0 #FFFFFF;}

.nav-bar a:hover {color: black; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF;}


/* ----------------------- EXPANDER SECTION STYLES ---------------------- */

.expand {float: right; width: 1050px; height: 150px;  margin-top: 40px; margin-bottom: 10px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-align: justify;}

.expand p {margin: 0px; line-height: 1.3em; padding-bottom: 10px; margin-top: 10px;}

.top-box {width:300px; float: left;}

.spacer {width: 1px; background-color: #9ba9b1; margin-left: 37px; margin-right: 37px; float: left; height: 150px;}

.expand h2 {font-size: 22px; margin: 0px; padding: 0px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; font-weight: 300;}


/* ----------------------- SOCIAL ICON HOLDER ---------------------- */

#social-holder { list-style-type: none; margin: 0; padding: 0; }

#social-holder li { float: left; padding-right: 10px; padding-top: 10px; width: 32px; height: 32px; }

#cat-holder { list-style-type: none; margin: 0; padding: 0; }

#cat-holder li { float: left; padding-right: 30px; padding-top: 10px; }

/* LEFT HAND DRIVE */

.left {float: left; width: 556px;}

/* BLOG SPECIFIC STYLES */

.post-wrap {float:left; width: 556px;}

.title-spacer {width: 63px; height: 40px; float: left; margin-right: 15px; margin-bottom: 15px;}

.title {width: 478px; float: left; height: 40px; margin-bottom: 15px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;}

.post-title {width: 478px; float: left; min-height: 40px; _min-height: 40px; margin-bottom: 15px;}

.post-title h1 {font-weight:normal; font-size: 30px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #FFFFFF;}

.post-title h1 a:link {text-decoration: none; color: #2f495a;}

.post-title h1 a:hover {color: black; text-decoration: none;}

.post-title h1 a:visited {text-decoration: none; color: #2f495a;}


/* DATE AND COMMENT BUBBLE STYLES */

.date-comment-wrap {width: 78px; float: left; height: 80px;}

.date {width: 63px; height: 25px; float: left; margin-right: 15px; color: #666; text-align: center; line-height:1.3em; font-size: 13px; font-weight: 500; text-transform: uppercase;}

.comments-bubble {width: 63px; background: url(images/comments-bg.png) no-repeat right; height: 23px; padding-top: 7px; float: left; text-align: center; color: white; font-weight: bold;}

.comments-bubble a:link {color: white; text-decoration: none;}

.comments-bubble a:hover {color:#ecc2d0; text-decoration: none;}

.comments-bubble a:visited {color:white; text-decoration: none;}

.post {width: 478px; float: right; font-size: 14px; line-height: 1.3em; height: auto; text-align: justify; padding-bottom: 40px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;}

.post-footer {width: 478px; float: right; font-size: 14px; line-height: 1.3em; height: auto; text-align: justify; padding-bottom: 10px; padding-top: 10px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; border-top: 1px dotted #c8ced5;}

.post-footer-title {width: 478px; float: right; min-height: 30px; _min-height: 30px;}

.post-footer-title h2 {font-weight:normal; font-size: 22px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #FFFFFF;}


/* POST SPECIFIC STYLEE */


.post p {padding-bottom: 10px;}

.post img {padding:10px; border: #c8cedd solid 1px; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.post a:link img {padding:10px; border: #c8cedd solid 1px; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.post a:hover img {border: #9299ab solid 1px; background-color: white;}

.post a:visited img {border: #c8cedd solid 1px; background-color: white;}


/* RIGHT HAND DRIVE */

.right {float: left; width: 556px; margin-left:40px;}

.thumb-holder {float: left; background: no-repeat url(images/thumb-bg.png); padding-top: 5px; padding-left: 5px; width: 263px; height: 173px; }

#thumb-holder { list-style-type: none; margin: 0; padding: 0; }

#thumb-holder li { float: left; background: no-repeat url(images/thumb-bg.png); padding-top: 5px; padding-left: 5px; width: 263px; height: 173px; }

.sidebar-one {float:left; width: 240px;  margin-left: 4px; padding-right: 20px; height: auto; margin-top: 15px; }

.sidebar-one ul {display: block; padding-bottom: 20px;}

.sidebar-one ul li {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #c8ced5; padding-left: 4px;}

.sidebar-one ul li a {text-decoration: none; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; }

.sidebar-one h4 {font-weight:normal; font-size: 24px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #FFFFFF; margin-bottom: 15px;}

.sidebar-two {float:left; width: 235px;  margin-left: 4px; height: auto; margin-top: 15px; padding-left: 10px;}

.sidebar-two ul {display: block; padding-bottom: 20px;}

.sidebar-two ul li {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #c8ced5; padding-left: 4px;}

.sidebar-two ul li a {text-decoration: none; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; }

.sidebar-two h4 {font-weight:normal; font-size: 24px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #FFFFFF; margin-bottom: 15px;}

.aktt_tweets ul {padding-bottom: 25px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; line-height: 1.3em;}

.aktt_tweets ul li {border-bottom: 1px dotted #c8ced5; padding-bottom: 10px; padding-top: 10px;}

a.aktt_tweet_time {font-size: 10px; text-transform: uppercase; display: block; font-weight: 800; padding-top: 10px; text-decoration: none;}


/* TEMP COMMENT STYLES */

.project-box { width:516px; float:left; border-bottom:#c8ced5 dotted 1px; padding-top: 15px; padding-bottom:15px; margin-right: 40px;}

.project-thumb {width:47px; height:47px; float:left; background-color:#CCCCCC;}
	
.project-thumb img {border:#DCE9EF solid 1px; width:47px;}

.project-text { width:450px; float:left; padding-left:20px;}

.project-title {font-size:16px; font-weight:400; padding-bottom: 5px;}

.project-body {font-size:12px; padding-bottom:5px; font-family:Helvetica, sans-serif; text-align:justify; line-height: 1.2em; float: left;}

.project-body p {margin: 0; padding: 0; padding-top: 10px;}

.gravatar-thumb {width:40px; height:40px; float:left;}

.gravatar-thumb img {border: #c8cedd solid 1px; width:40px; padding:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: white;}

.comment-form {float: left; margin-right: 40px; width: 516px;}


/* ----------------------- SHOW COMMENT FORM STYLES ---------------------- */

.nav-bar-comment {float: left; height: 30px; width: 500px; font-size: 18px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; font-weight: 100; background: url(images/add-comment.png) left top no-repeat; padding-left: 30px; }

.nav-bar-comment a:link {text-decoration: none; color: #2f495a; text-shadow: 0 1px 0 #FFFFFF;}

.nav-bar-comment a:hover {color: black; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF;}

.comment-form textarea {
	font-family:Helvetica,sans-serif;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	padding:5px;
	width: 354px;
	height: 150px;
	border:1px solid #c8cedd;
	margin-bottom: 10px;
}

.comment-form input {
	border:1px solid #c8cedd;
	cursor:text;
	letter-spacing:normal;
	line-height:normal !important;
	padding:5px;
	text-align:start;
	text-indent:0;
	text-transform:none;
	word-spacing:normal;
	height: 15px;
	width: 250px;
	margin-bottom: 10px;
}

.buttons-holder input {
	float: left;
	height: 31px;
	width: 123px; 
	border: 0px;
	cursor: pointer;
}

label  { position:absolute; top:7px; left:7px; z-index: 1000; color: #2f495a;}

form p { position:relative; }


/* ----------------------- SEARCH RESULTS AN' SHI' ---------------------- */

.search-area {width: 1152px; margin-left: 45px; float: left;}

.search-blob {float: left; width: 220px; background: white; border-right: 1px solid #c8cedd; border-bottom: 1px solid #c8cedd; height: 100px; margin-left:30px; margin-bottom: 30px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; }

.search-blob a:link {font-weight:normal; font-size: 24px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #FFFFFF; text-decoration: none;}

.search-blob a:visited {font-weight:normal; font-size: 24px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #FFFFFF; text-decoration: none;}

.search-bubble {width: 43px; background: url(images/comments-bg2.png) no-repeat right; height: 23px; padding-top: 7px; text-align: right; padding-right: 20px; color: white; font-weight: bold; position: absolute; bottom: -10px; right: -10px;}

.search-bubble a:link {color: white; text-decoration: none; font-size: 14px; font-weight: 300;}

.search-bubble a:hover {color:#ecc2d0; text-decoration: none;}

.search-bubble a:visited {color:white; text-decoration: none; font-size: 14px; font-weight: 300;}