/*   
Theme Name: lets get awesome
Theme URI: http://liam-h.com.com/
Description: Custom theme for liam-h.com
Author: Liam Healy
Author URI: http://liam-h.com.com/
Version: 2.0
*/

/*
colors:
black #000
purple #66cc99
lightgrey #ececec
darkgrey #707070
green 66cc99
*/

/* html {overflow-y: scroll;} hack to stop content jumping */


/* *** eric meyer reset css *** */

html, body, div, span, applet, object, embed, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*OK GO! */

body {
	line-height: 15px;
	font-size: 10px;
	color: black;
	background: white;
	font-family: Monaco, Courier, Lucida console, Courier New, Verdana, Geneva, sans-serif;
}


a {
	color: #000;
	text-decoration: underline;

}

a:hover {
	text-decoration: underline;
	color: #000;
	background-color: #66cc99;
}

#header {
	/*background: transparent url(img/liamg.png) no-repeat;*/
	position: fixed;
	height:85px;
	top: 15px;
	left: 15px;
	z-index:0;
}

#thetweet{
	position:absolute;
	left: 630px;
	top: 32px;
	width:300px;
}

#thesearch{
	position:absolute;
	top:15px;
	right:15px;
}

#thesearch ul, #thesearch input{
	float:right;
}

#wrapper{
	background: transparent url(img/bgt.png) repeat top left;	
	position:absolute;
	top: 115px;
	left: 0px;
	padding-left: 15px;
	z-index:1;
	width: 98.8%;
	
}

#navigation{	
	height:30px;
	margin:0;
	
}

#content{ 
	width: 600px;
}

#wide_content{  /* used in work and home */
	margin-top:0px;
	max-width: 1200px; /* max of four columns */
	min-width: 900px;
}

#footer{
	padding-top:30px;
	padding-bottom:115px;
	clear:both;
	width:600px;
}

#error{
	width: 285px;
	margin-right: 15px;
	margin-top: 15px;
}

div.column{
	width: 285px;
	float:left;
	margin-right: 15px;
	margin-top:15px;
}

#postslinks{
	height:15px;
	margin-top:15px;
}

#postslinks div{
	
}

#hometweet{
	font-size: 30px;
	line-height:45px;
	color: #333;
	width: 285px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	margin-top: 15px;
	min-height: 420px;
	
}

#homevimeo{
	width: 600px;
	float:left;
	margin-top: 15px;
	
}

/* IN POSTS */
#content div.post{
	margin-top:15px;
	
}

div.posttitle{
	
}
div.thedate{
	font-style:italic;
	font-size:9px;
}

#content div.post p{
	margin-bottom: 15px;
}

blockquote{
	margin-left:15px;
	font-style:italic;
}

#content div.post img, #content div.post object{
	display: inline;
	margin-right:15px;
}


#wide_content div.post{
	width: 285px;
	float:left;
	margin-right: 15px;
	margin-top: 15px;
	
}

div.work_thumb{
	height: 210px;
	overflow:hidden;
	width:285px;
}

#wide_content div.post div.work_thumb img{
	overflow:hidden;
	 /*margin-bottom:-4px;not sure why i need this - the image seems to add an extra 3px on to the bottom */
	padding:0;
	vertical-align: middle;
    height: 100%;

}

#content div.post img, #content div.post object, #content div.post embed{
	margin-bottom: -4px; /*really dont get this - apparently every image/embed etc adds an extra 4px to the end */

}

ul.delicious{
	margin-top: 15px;
}

ul.delicious li.delicious-item{
	margin-bottom: 15px;
}

/* NAV MENU*/
ul#menu{
	padding:7px;
	margin-left:-7px;
}
ul#menu li{
	display: inline;
	list-style:none;
	margin:0;
	padding:0;
	
}
ul#menu li a{
	font-size: 12px;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px;
	background-color:#fff;
	color:#000;
}
ul#menu li:hover, ul#menu li a:hover{
	background-color:#66cc99;
	text-decoration:none;
	color:#000;
}
ul#menu li.selected a{
	background-color:#66cc99;
	text-decoration:none;
	color:#fff;
}


/* FOOTER MENU*/
ul.footermenu{
	padding:7px;
	margin-left:-7px;
	margin-top:30px;
	margin-bottom:15px;
}

ul.footermenu li{
	display: inline;
	list-style:none;
	margin:0;
}

ul.footermenu li a{
	font-size: 12px;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px;
	color:#000;
	background-color:#fff;

}


ul.footermenu li:hover, ul.footermenu li a:hover{
	background-color:#66cc99;
	text-decoration:none;
	color:#000;
}


/*	HEADINGS */
h1 {
	font-size:20px;
	color:#66cc99;
	text-transform:uppercase;
	line-height: 30px;
	}

h2, h2 a, h2 a:hover {
	font-size:12px;
	background-color:#66cc99;
	text-transform:uppercase;
	line-height:30px;
	padding-left:5px;
	color:#FFF;
	margin-bottom:15px;
	
}

h3 {
	line-height:15px;
	font-size: 10px;
	color:#000;
	text-transform:uppercase;	
	background-color:#66cc99;
	margin-bottom:15px;
	
	}
/* End Headings */


/* Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


select {
	width: 130px;
	}

#respond input {
	width: 170px;
margin-top:-2px;
margin-bottom:14px;
line-height:15px;
	}

#respond textarea {
	width: 100%;
height: 208px;
	}

#respond #submit {
	margin: 0;
	float: right;
 	cursor: pointer;
height: 30px;
padding: 2px;
margin-top:12px;
	}

#respond #submit:hover {
	background-color:#66cc99;

	}

input, textarea
 {
 	border: 1px solid #000;
 	background-color: #ffffff;
 	font-weight: normal;
	line-height:15px;
 }

/*SLIDE VIEWER DEFAULT CSS */

/*preload classes*/ .svw {width: 50px; height: 30px; background: #fff;} .svw ul {position: relative; left: -999em; margin-bottom:15px;} /*core classes*/ .stripViewer { position: relative; overflow: hidden; border: 0px solid #ff0000; margin: 0 0 1px 0; } .stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } .stripTransmitter a{ text-align: center; line-height: 28px; background: #66cc99; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #66cc99; } /*tooltips formatting*/ .tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }