/*
Theme Name: Hey You Look At This Theme... V.2
Theme URI: http://heyyoulookatthis.com
Description: This is the CSS for Hey You Look At This, a blog and design portfolio by David Leininger.
Author: David Leininger
Author URI: http://heyyoulookatthis.com
Tags: minimal, clean, tow column, basic, Version 2
*/

/* ----- 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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
}
body {
color: #FFF;
background: #333;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
ul li{
margin: .25em 0;
}
ul ul {
list-style: circle;
margin: .5em 1em;
}
ul ul ul {
list-style: square;
padding-left: 1.5em;
text-indent: 0em;
}
h4, h5, h6 {
font-weight: bold;
}
h1 {
font-family:"Memphis",Cambria,Georgia,Palatino,Myriad Pro,Serif;
font-size: 35px;
font-weight:normal;
line-height: 1;
margin:0;
color: #BBB;
}
h2 {
font-family:"Memphis",Cambria,Georgia,Palatino,Myriad Pro,Serif;
font-size: 25px;
font-weight:normal;
line-height: 1;
margin:0;
color: #BBB;
}
h3 {
font-family:"Memphis",Cambria,Georgia,Palatino,Myriad Pro,Serif;
font-size: 20px;
font-weight:normal;
line-height: 1;
margin:0;
}
h4 {
font-family:"Memphis",Cambria,Georgia,Palatino,Myriad Pro,Serif;
font-size: 15px;
font-weight:normal;
line-height: 1;
margin:0;
}
h5 {
font-size: 13px;
}
h6{
font-size: 75%;
}
:focus {
/*outline: 1px dotted inherit;*/
}
ins {
text-decoration: none;
background: #FED;
font-style: italic;
}
/* tables still need 'cellspacing="0"' */
table {
border-collapse: collapse;
border-spacing: 0;
}
.blockgroup:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a508{
	/* visibility: hidden; */
height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em;	
}

/* ----- CSS ----- */

*{
	margin: 0;
}	
html{
	height: 100%;
}	
body{
	height: 100%;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}

/* ----- IDS ----- */

#page-wrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -385px; /* the bottom margin is the negative value of the footer's height */
}
#container{
	width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
}
#header {
	height: 160px;
	background-image: url(images/body-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#header-content{
	margin: 0 auto;
	width: 1000px;
	padding: 0 10px;
}
#logo{
	width: 342px;
	float: left;
}	
#navigation{
	width: 590px;
	float: right;
	text-align: right;
	margin-right: -5px;
}
#primary-content{
	width: 650px;
	float: right;
}	
#secondary-content{
	width: 285px;
	float: left;
}	
#footer{
	color: #FFF;
	height: 350px; /* .push must be the same height as #footer */
	clear: both;
	margin-top: 35px;
	position: relative;
}
#footer-content{
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
#about{
	width: 294px;
	margin: 25px 0 0 0;
	padding-right: 1px;
	float: left;
}
#find{
	width: 294px;
	margin: 25px 0 0 49px;
	float: left;
}
#friends{
	width: 294px;
	margin: 25px 0 0 49px;
	float: left;
}
#copyright{
	position: absolute;
	bottom: 25px;
}
#subscribe{
	margin-top: 35px;
}
#twitter_div{
		margin-top: 35px;
}
#categories{
		margin-top: 35px;
}
#respond #submit, #primary-content #submit{
	float: right;
}
#comment-4{
	background-color: #EEE;
}

/* ----- CLASSES ----- */

.clear{
	clear: both;
}
.copyright{
	color: #666;
} 
.hidden-images{
	display: none;
}
.postdata{
	margin: 20px 0 25px 0;
	padding: 7px 0 7px 0;
	border-bottom: solid 1px #333;
	border-top: solid 1px #333;
}
.push {
	height: 370px; /* .push must be the same height as .footer */
	clear: both; /* for sticky footer with a multi-column page */
}
.post-footer{
	margin-top: 15px;
}
.readmore{
	margin-top: 17px;
	text-align: right;
}

/* ----- HEADINGS ----- */

#primary-content h1{
	margin-bottom: 7px;
	color: #BBB;
}
#primary-content h2{
	color: #BBB;
}
#secondary-content h2{
	color: #BBB;
	margin-bottom: 10px;
}
#respond h3{
	margin:15px 0;
}
h4{
}

#footer #about h1{
	color: #BBB;
	margin-bottom: 20px;
}

#footer #friends h1, #footer #find h1{
	color: #BBB;
	margin-bottom: 15px;
}


/* ----- PARAGRAPHS ----- */

p{
}
#logo p{
	text-align: right;
	font-style: italic;
}
#primary-content p{
}
#secondary-content p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
	list-style: none;
}
ol li{
}
ul li{
	list-style: none;
}

ul ul.portfolio-section{
	margin: 0;
}
ul ul li{
	margin-bottom: 25px;
}
ul.commentlist li{
	list-style: none;
	padding: 15px 0 15px 0;
	border-bottom: solid 1px #333;
}

#categories li.categories {
	list-style: none;
}  /* outermost list item */

#footer ul li{
	border-bottom: solid 1px #BBB;
	padding: 5px 0 10px 10px;
}

#navigation li{
}

#navigation ul{
}

#navigation ul li{
	display: inline;
}

#navigation ol{
}

#navigation ol li{
}

ul li.project-list{
	margin-bottom:35px;
	list-style: none;
}

/* ----- IMAGES ----- */

img{
	border: none;
}
#primary-content img.display{
	margin: 10px 0 3px 0;
	border: none;
	float: left;
}
#primary-content img.displayport{
	margin: 10px 0 3px 0;
	border: none;
	float: left;
}
/*#primary-content a img.displayport{
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 0px 6px;
	-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
}
#primary-content a img.displayport:hover{
	-webkit-box-shadow: rgba(241, 209, 50, 0.8) 0px 0px 20px;
	-moz-box-shadow:0 0 20px rgba(241, 209, 50, 0.8);
}*/
#twitter_div img{
	margin: 25px 0px 0 0;
	border: none;
	float: right;
}
a img{
	border: none;
}
a:hover img{
	border: none;
}
#copyright img{
	border: none;
	vertical-align: bottom;
}

/* ----- BREAK ----- */

#footer hr.sep{
	background:url(images/footersep.jpg) repeat-x;
	border:medium none;
	height:14px;
	margin:0 auto;
	width:1000px;
	color: #333;
}
#footer hr{
	color: #BBB;
	height: 1px;
	width: 100%;
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
	color: #FFF;
	text-decoration: none;
}
a:link{
	color: #FFF;
	text-decoration: none;
}
a:visited{
	color: #FF;
	text-decoration: none;
}
a:hover{
	color: #333;
	text-decoration: none;
}
a:active{
	color: #FFF;
	text-decoration: none;
}
a:focus{
	color: #FFF;
	text-decoration: none;
}

.content a{
	color: #FFF; 
	text-decoration: none; 
	border-bottom: 1px solid #f1d132; 
	background: url(images/bg.png) 0 100px no-repeat; 
	overflow: hidden;
}

#copyright .copyright a{
	color: #BBB;
}
#copyright .copyright a:link{
	color: #BBB;
}
#copyright .copyright a:visited{
	color: #BBB;
}
#copyright .copyright a:hover{
	color: #FFF;
}
#copyright .copyright a:active{
	color: #BBB;
}
#copyright .copyright a:focus{
	color: #BBB;
}

#footer a{
	color:#FFF;
	text-decoration: none;
}
#footer a:link{
	color:#FFF;
	text-decoration: none;
}
#footer a:visited{
	color:#FFF;
	text-decoration: none;
}
#footer a:hover{
	color:#BBB;
	text-decoration: none;
}
#footer a:active{
	color:#FFF;
	text-decoration: none;
}
#footer a:focus{
	color:#FFF;
	text-decoration: none;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- Twitter ----- */

#twitter_div { 
	width: 285px;
}
#twitter_div #twitter_update_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#twitter_div #twitter_update_list li {
	color: #FFF;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 10px;
}
#twitter_div a {
	text-decoration: none;
	color: #FFF;
}
#twitter_div a:visited {
	text-decoration: none;
	color: #FFF;
}
#twitter_div a:hover {
	text-decoration: none;
	color: #333;
}
#twitter_div p {
	text-align: right;
}

/* ------- SlideJS -------- */

#feature-slide {
	width:600px;
	height:350px;
	position:relative;
	margin-left: 30px;
	font-size: 11px;
}

#feature-slide p{
	font-size: 11px;
}

#feature-slide #frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

#slides .next {
	position:absolute;
	top:107px;
	left:550px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	border-bottom: 0px;
	background-image: none;
}

#slides .prev {
	position:absolute;
	top:107px;
	left:-5px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	border-bottom: 0px;
	background-image: none;
}

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
}

#feature-slide .pagination {
	margin:26px auto 0;
	width:60px;
}

#feature-slide .pagination li {
	float:left;
	margin:0 1px;
}

#feature-slide .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	border-bottom: 0px;
}

#feature-slide .pagination li.current a {
	background-position:0 -12px;
}

#feature-slide .caption {
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.9);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr.alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

fieldset{
}
legend{
}
label{
}
#respond input{
	float: none;
}
#search input#searchsubmit{
	margin:  4px 0px 0 0;
	border: none;
	float: right;
}
#search input{
	margin:  10px 0 0 0;
	padding: 5px 3px;
	float: right;
}
#search input.search{
	float:  left;
	width: 65%;
}
textarea{
	width: 100%;
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}


/* ----- IE ----- */

* html img{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/webassets/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
* html input.button{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "INPUT" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/webassets/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
* html input.button{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "INPUT" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/webassets/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}


/* ----- TUMBLR ----- */
#container-tumblr{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -65px; /* the bottom margin is the negative value of the footer's height */
	width: 1000px;
	padding: 0 20px;
}	
#tumblrdescription{
	width: 100%;
	margin-bottom: 25px;
}
#navigation.tumblr{
	width: 600px;
	margin-right: -15px;
}
#footer-tumblr{
	color: #FFF;
	height: 65px; /* .push must be the same height as #footer */
	background-image: url(images/footer-bg.gif);
	background-repeat: repeat-x;
	clear: both;
	margin-top: 35px;
	position: relative;
}
#newertumblr{
	float: right;
	display: inline;
}
#olderertumblr{
	float: left;
	display: inline;
}
.pagination{
	font-family:"Memphis",Cambria,Georgia,Palatino,Myriad Pro,Serif;
	font-size: 20px;
	font-weight:normal;
	line-height: 1;
	margin:0;
}
#copyright-tumblr{
	position: absolute;
	bottom: 15px;
}
#copyright-tumblr .copyright a{
	color: #BBB;
}
#copyright-tumblr .copyright a:link{
	color: #BBB;
}
#copyright-tumblr .copyright a:visited{
	color: #BBB;
}
#copyright-tumblr .copyright a:hover{
	color: #FFF;
}
#copyright-tumblr .copyright a:active{
	color: #BBB;
}
#copyright-tumblr .copyright a:focus{
	color: #BBB;
}
.push-tumblr {
	height: 65px; /* .push must be the same height as .footer */
	clear: both; /* for sticky footer with a multi-column page */
}