/*
Theme Name: BareBones Folio
Theme URI: http://www.allyreid.info
Description: A minimal, barely styled theme for showcasing my work
Version: 1.0
Author: Ally Reid
Author URI: http://www.allyreid.info
Tags: minimal, clean, basic, portfolio
*/


@import "style/css/layout.css";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

@font-face {
	font-family: 'TuffyRegular';
	src: url('font/Tuffy.eot');
	src: local('font/Tuffy'), local('font/Tuffy'), url('font/Tuffy.woff') format('woff'), url('font/Tuffy.ttf') format('truetype'), url('font/Tuffy.svg#Tuffy') format('svg');
}

@font-face {
	font-family: 'TuffyItalic';
	src: url('Tuffy_Italic.eot');
	src: local('font/Tuffy'), local('font/Tuffy-Italic'), url('font/Tuffy_Italic.woff') format('woff'), url('font/Tuffy_Italic.ttf') format('truetype'), url('font/Tuffy_Italic.svg#Tuffy-Italic') format('svg');
}

@font-face {
	font-family: 'TuffyBold';
	src: url('font/Tuffy_Bold.eot');
	src: local('font/Tuffy'), local('font/Tuffy-Bold'), url('font/Tuffy_Bold.woff') format('woff'), url('font/Tuffy_Bold.ttf') format('truetype'), url('font/Tuffy_Bold.svg#Tuffy-Bold') format('svg');
}

@font-face {
	font-family: 'TuffyBold-Italic';
	src: url('font/Tuffy_Bold_Italic.eot');
	src: local('font/Tuffy'), local('font/Tuffy-Bold-Italic'), url('font/Tuffy_Bold_Italic.woff') format('woff'), url('font/Tuffy_Bold_Italic.ttf') format('truetype'), url('font/Tuffy_Bold_Italic.svg#Tuffy-Bold-Italic') format('svg');
}

body { font-family:"TuffyRegular", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:90%;}

p { margin:5px 0 5px 0;}

h1,h2,h3,h4,h5,h6 { font-family:"TuffyBold", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:90%;}

a { outline:0; border:0;}

/*Headings*/
h1.title { background-image:url(images/site-title.jpg); width:505px; height:64px; background-repeat:no-repeat; text-indent:-9999px;}

/*Layout*/

#wrapper { width:1000px; margin:0 auto;  }

#header { width:100%;  display:inline; border-bottom:1px solid #000; margin:0 0 10px 0; float:left;}
.logo { float:left; display:inline; width:505px;}

#nav { float:right; width:250px; display:inline; position:relative; top:30px;}
#nav ul li { margin:0 0 0 10px; display:inline;}
#nav ul li a { text-transform:lowercase; color:#000; text-decoration:none; padding:8px;}
#nav ul li a:hover { color:#0CC;}

/*Sidebar*/
#sidebar{ width:25%; float:right; display:inline; }
#sidebar li { margin:8px 0 0 0; border-bottom:1px solid #000}
#sidebar li h2, #sidebar h2 {font-size: 1.5em; font-weight: 400; margin:10px 0 0 0; text-transform:uppercase; border-bottom:5px solid #000; line-height:1.3; letter-spacing:-1px;}
#sidebar ul li a { color:#000; text-decoration:none;}
#sidebar ul li a:hover { color:#0CC;}

/*Portfolio*/
.item {width:320px; float:left; display:inline; border:1px solid #000; height:300px; margin:5px; cursor:pointer; overflow:hidden;}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333;  
    width:675px;     
    min-height:368px; 
    border:1px solid #666;
	cursor:auto;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png);
	background-repeat:no-repeat;
    position:absolute; 
    right:-10px; 
    top:-10px; 
    cursor:pointer; 
    height:25px; 
    width:25px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    color:#fff; 
    width:150px;
	padding:9px;
	line-height:1.6;
	height:300px;
	background-image:url(images/details-bg.png); background-repeat:repeat;
	
}

.details a { color:#fff; } .details a:hover { color:#0CC;}
 
.details h3 { 
    color:#fff;
	text-transform:uppercase;
    font-size:15px; 
    margin:0 0 -10px 0; 
}

/*Search*/
#searchform { padding:10px 0 10px 0; border-top:1px solid #000;}
input#s , input.text, textarea.text { background-color:#000; color:#FFF; font-size:0.9em;}

#topbox { width:70%; float:left; display:inline; border-bottom:1px solid #000; min-height:300px; margin:0 0 5px 0; padding:0 0 10px 0; position:relative; z-index:1; background-image:url(images/ajax-loader.gif); background-repeat:no-repeat; background-position:center;}
.freelance { position:absolute; top:0; left:80%; width:125px; height:125px; border:1 px solid #f0f; z-index:500; }


#content { width:70%; float:left; display:inline;}

#footer { width:100%; clear:both; height:20px; border-top:1px solid #000; text-align:center; font-size:0.8em; text-transform:uppercase;}
#footer a {color:#000;} #footer a:hover {color:#0CC;}


.meta {  display:inline; padding:2px 5px 2px 5px;  color:#fff; background-color:#000; margin:0px 0 20px 0; letter-spacing:1.5px;}
.meta a { text-decoration:none; color:#FFF;}
.meta a:hover { color:#0CC;}

#mask { background-color:#333;}


/*Posts*/

.category-news { text-align:justify; line-height:1.6; padding:10px; margin:10px 0 10px 0; border-bottom:1px dashed #000;}

#content h2, #content h2 a { font-size:1.5em; text-transform:uppercase; font-weight:bolder; color:#000; text-decoration:none;}

#content p a { color:#0cc;}

.bottom-post { clear:both; padding:20px 5px 10px 5px ; margin:10px 0 0 0; border-top:1px dashed #000;}

.wordtube { display:inline; float:left; margin:10px 0 10px 5px;}

/*Contact Form*/

#contact-form label { display:block; margin:5px 0 0px 0;}
.error { font-size:0.8em; color:#F00; padding:0; margin:0;}

#contact-form { width:99.5%; margin:5px; auto;}
#human { visibility:hidden; display:none;}


/*Comments*/
.commentlist li ul li{font-size:12px;margin-right:5px;margin-left:5px;}
.commentlist li{font-weight:700;list-style:none;margin:15px 0 5px;padding:10px;}
.commentlist li .avatar{background:#000;float:right;border:none;margin:0 0 10px 10px;padding:2px;}
.commentlist cite,.commentlist cite a{font-weight:700;font-style:normal;font-size:12px;}
.commentlist p{font-weight:400;text-transform:none;margin:10px 0;padding:0;}
.commentmetadata{font-weight:400;font-size:10px;line-height:14px;display:block;margin:0;}
#commentform input{width:140px;margin:5px 5px 0 0;padding:6px 0 4px;}
#commentform{margin:5px 10px 0 0;}
#commentform textarea{width:100%;padding:4px;}
#respond:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#commentform p{margin:5px 0;}
#commentform #submit{float:left;display:block;margin:0;}
.nocomments{text-align:center;margin:0;padding:0;}
.reply{padding:5px 0 0;}
.reply a,.reply a:visited{background:#e5e5e5;color:#666;font-family:Helvetica, Arial, Trebuchet MS, Verdana;font-size:11px;text-decoration:none;border:none;margin:0;padding:6px 8px;}
.reply a:hover{background:#000;color:#FFF;text-decoration:none;border:none;}
.navigation{display:block;text-align:center;margin-top:10px;margin-bottom:30px;}
.alignright{float:right;}
.alignleft{float:left;}
.thread-alt{background:#FFF;margin:0;padding:0;}
.thread-even{background:#F5F5F5;margin:0;padding:0;}
.alt,.commentlist ol{margin:0;padding:10px;}
.commentlist,.children{margin:0;padding:0;}
.depth-1,.even,.alt{border:1px solid #e5e5e5;margin:0;padding:0;}



/*Clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}