/*
Theme Name: Portfolio
Theme URI:
Description: Portfolio theme for WordPress.
Author: greg tarnoff
Author URI: http://tarnoff.info
Tags: light, two-columns, fixed-width
Version: 0.1

	
*/
	
/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/junction-regular
 *
 *
 */

@font-face {
	font-family: 'junctionregularRegular';
	src: url('fonts/Junction.eot');
	src: local('junction regular Regular'), local('junctionregular'), url('fonts/Junction.woff') format('woff'), url('fonts/Junction.otf') format('opentype'), url('fonts/Junction.svg#junctionregular') format('svg');
}

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Bright Ideas
 * @licenseurl: http://www.fontsquirrel.com/license/Riesling
 *
 *
 */

@font-face {
	font-family: 'RieslingRegular';
	src: url('fonts/riesling.eot');
	src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.woff') format('woff'), url('fonts/riesling.ttf') format('truetype'), url('fonts/riesling.svg#Riesling') format('svg');
}

	* {margin:0; padding:0; border:0;}
	input, select, textarea {border:1px solid #ccc; margin:5px 0;}
	body {font-family:'junctionregularRegular',Arial, Helvetica, sans-serif; font-size:10pt; color:#333; line-height:1.6em; background:url(images/body-bg-1.png) top left repeat;}
	ul, ol {margin-left:25px;}
	a {color:#000099; }
	a:active, a:visited {color:#0099ff; text-decoration:none;}
	a:hover {color:#009999; text-decoration:none;}
	
	#header, #footer, #wrapper, #content_wrapper {width:100%; display:block; overflow:hidden; clear:both;}
	#header {height:50px; background:url(images/header-bg.png) top left repeat-x; color:#fff;}
	#footer {height:174px; background:url(images/footer-bg.png) bottom left repeat-x; color:#fff;}
	#header_content, #footer_content {width:960px; margin:0 auto;display:block; clear:both; overflow:hidden;}
	 #content {width:1060px; margin:0 auto;display:block; clear:both; overflow:hidden;}
	#footer_content {margin-top:20px; height:auto;font-family: arial, helvetica, sans-serif;}
	#header_search {float:left; margin:5px 0;}
	#header_search label {display:none;}
	#header_search input {background:url(images/input-bg.png) top left repeat-x; color:#333; border:1px solid #fff; border-right:none; height:20px;padding:2px; font-size:1.2em;border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}
	#header_search button, #header_search #searchsubmit, input[type="submit"] {background:url(images/button-bg.png) top left repeat-x; cursor:pointer; color:#fff; border:1px solid #fff;position:relative; left:-4px; top:1px; border-left:none; height:26px;padding:0 2px; font-size:1.2em;border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;}
	#header_search button:hover, #header_search #searchsubmit:hover {background-position: 0 -25px;}
	form.wpcf7-form input[type="submit"] {background:url(images/button-bg.png) top left repeat-x; cursor:pointer; color:#fff; border:1px solid #fff;position:relative; height:26px;padding:0 2px; font-size:1.2em;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	h1{font-family: 'RieslingRegular',Arial, Helvetica, sans-serif;line-height:1.6em;font-weight:normal;}
	h1 {font-size:3.1em;}
	h2 {font-size:1.4em; line-height:1.6em; color:#990000; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
	.box, .portfolio-box {background:url(images/box-bg.png) top left repeat; clear:both; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:10px;height:100%; overflow:hidden; border:1px solid #ccc; margin: 10px 0;}
	
	.box, .portfolio-box  {width:960px; margin:10px auto;}
	
	.side-left {width:600px;float:left;display:block; overflow:hidden; height:100%:}
	.side-right {width:300px; float:left;display:block; overflow:hidden; height:100%;margin-left:20px;}
	.projects {display:block; width:100%;}
.projects ul{ list-style-type: none; margin-left:0px;}
.projects ul li{ float:left; display:inline; width:230px; height:241px; background:url(images/project-bg.png) no-repeat 0 0; margin-left:10px;}

.projects ul li .image{ font-size:0; line-height:0; padding:15px 0 0 8px; height:190px; }
.projects ul li .image a { background:transparent !important; }
.projects ul li .image a img{ border:solid 1px #858585; width:214px !important; height:170px !important; }
.projects ul li h3 a { color:#333 !important; text-decoration: none;font-size:.9em; background:transparent !important; }
.projects ul li h3 a:hover { color:#990000 !important; }
.projects ul li .info{ padding:0 10px;text-align:center;}
.projects ul li .view{ float:right; color:#60390b; padding-top:3px; font-size: 15px; line-height:17px; text-decoration: none; font-weight: bold;  font-family:'YesterdaysmealRegular', Arial, sans-serif; background:transparent !important; }
.projects ul li .view:hover { color:#ffc600; }
#header #header_content #navigation {float:left; margin-left:20px;}

	#header #header_content #navigation ul {display:inline; float:left; list-style-type:none; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif}

	#header #header_content #navigation ul a {display:block; float:left; width:auto; margin: 0 5px;height:40px; position:relative; top:-20px;padding:.25em;}

#header #header_content #navigation ul a.active,#header #header_content #navigation ul a:hover {background:url(images/button-bg.png) top left repeat-x; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}

	#header #header_content #navigation ul a span{color:#fff; text-decoration:none;position:relative; top:15px;}
	#header #header_content #navigation ul  a:active span, #navigation ul li a:visited span {text-decoration:underline;}
	#header #header_content #navigation ul a:hover span{text-decoration:underline;color:#fff !important;}
	#footer a {color:#fff;}
	#socMedia ul li, div.footer-nav ul li {list-style-type:none;}
	#socMedia ul li a, div.footer-nav ul li a {color:#fff;}
	#socMedia ul li a:hover, div.footer-nav ul li a:hover {text-decoration:underline;}
	
	#copyright, #socMedia, .footer-nav {width:30%; float:left;}
	div.post {margin-bottom:30px;}
	#sidebar ul li {list-style-type:none;}
.brand {font-size:2.1em; padding-left:60px; line-height:1.4em;background:url(images/logo.png) center left no-repeat;}
small {float:right;}
.portfolio ul li {list-style-type:none;height:100%; display:block; margin-bottom:20px;overflow:hidden;}
.portfolio ul li div.info, .portfolio ul li div.image {float:left;}
.portfolio ul li div.info {position:relative; margin-left:20px; width:200px;}
.long-info {clear:both; margin-top:20px;}
h3 {font-weight:bold;}