/*
Theme Name: Jason-Boyle.com Theme
Theme URI: http://jason-boyle.com
Description: Theme developed specifically for Jason-Boyle.com
Version: 0.2 (WP 2.7.1)
Author: Jason Boyle
Author URI: http://jason-boyle.com
*/

@import url(style/css/reset.css);


.clear {
		clear: both;
		}

/* LAYOUT, NON-FONT */

html, body, #wrap {
		height: 100%;
		}

html {
		background: url(images/bodybg.png) repeat 0 0;
		}

body {
		min-width: 960px;
		background: url(images/headerbg.png) repeat-x 0 0;
		}

body > #wrap {
		height: auto;
		min-height: 100%;
		}

#header, #main, #foot {
		width: 960px;
		margin: 0 auto;
		}

#header {
		overflow: hidden;
		padding: 20px 0 42px;
		}

#warning p {
		clear: both;
		color: #f7e700;
		text-indent: 0;
		width: 300px;
		float: right;
		margin-top: -38px;
		text-indent: 0 !important;
		}

#main {
		position: relative;
		padding-bottom: 429px; /* must be same height as the footer */
		}

#content {
		float: left;
		width: 600px;
		height: 986px;
		padding-right: 34px;
		color: #f8ab51;
		background: url(images/vertical.png) no-repeat top right;
		}

#sidebar {
		float: right;
		width: 300px;
		padding-left: 26px;
		}

.blogroll {
		width: 300px;
		}

.blogroll li {
		float: left;
		width: 134px;
		padding: 1px 0 1px 16px;
		background: url(images/linkarrow.png) no-repeat 0 5px;
		}

#sidebar, #footer {
		color: #c1ccfd;
		}

#footer {
		position: relative;
		margin-top: -429px;
		height: 429px;
		clear: both;
		background: url(images/footerbg.png) repeat-x left bottom;
		}

#foot {
		padding-top: 300px;
		}

#foot li {
		float: left;
		width: 340px;
		}

#foot #text-396529442 {
		width: 330px;
		padding: 0 45px;
		}

#foot #text-396529443 {
		width: 200px;
		}

#nav {
		float: right;
		margin-top: -30px;
		}

#nav li {
		float: left;
		display: inline;
		height: 32px;
		margin-right: 15px;
		}

#portfolio {
		margin-bottom: 70px;
		}

#portfolio-gallery ul {
		height: 100%;
		}

#portfolio-gallery li {
		position: relative;
		height: 100%;
		}
		
.current {
		overflow: hidden;
		}

.current img {
		float: left;
		margin-right: 30px;
		}

.current p {
		padding: 20px 0 0 0;
		}

.side-item {
		padding-bottom: 20px;
		}

#about, #resume {
		display: none; /* Hide panel divs on home page unless JS is enabled. TODO: Add these to DOM if JS IS enabled for cleaner code. */
		}



/* FONTS */
body {
		font: 13px Tahoma, Arial, Helvetica, sans-serif;
		text-shadow: 2px 2px 2px #000; /* Progressive enhancement: currently works in Safari and Opera */
		}

h1 {
		float: left;
		}

h1 a {
		display: block;
		text-indent: -9999px;
		height: 108px;
		width: 403px;
		background: url(images/branding.png) no-repeat 0 0;
		}

h2 {
		font-size: 30px;
		font-weight: lighter;
		padding-bottom: 8px;
		}
		
h2#current-work {
		margin-top: 50px;
		}

h3 {
		font-size: 18px;
		font-weight: lighter;
		padding: 12px 0 20px 6px;
		background: url(images/horizontal.png) no-repeat 0 32px; 
		}

h4 {
		font: 13px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;
		}

h4 span {
		font-weight: bold;
		text-transform: uppercase; }

h4 a {
		text-decoration: underline !important;
		} 

h5 {
		font-size: 15px;
		font-weight: lighter;
		}

p {
		padding-bottom: 12px;
		}

a:link, a:visited, a:hover, a:active {
		color: #fff;
		text-decoration: none;
		}

a:hover, a:active {
		text-decoration: underline;
		}

a.button {
		display: block;
		font-size: 18px;
		line-height: 38px;
		text-align: center;
		text-decoration: none !important; /* important rule to make IE 6 respect my authori-ty!*/
		height: 38px;
		width: 115px;
		background: url(images/button.png) no-repeat center center;
		}

a:hover.button, a:active.button {
		background: url(images/buttonactive.png) no-repeat center center;
		}

#nav a {
		display: block;
		text-indent: -9999px;
		}

#nav li.page-item-3 a {
		width: 68px;
		height: 25px;
		background: url(images/nav.png) no-repeat 0 0;
		}

#nav li.page-item-11 a {
		width: 71px;
		height: 25px;
		background: url(images/nav.png) no-repeat -93px center;
		}

#nav li.page-item-13 a {
		width: 88px;
		height: 25px;
		background: url(images/nav.png) no-repeat right center;
		}

#header p {
		text-indent: -9999px;
		}

h1, h2, h3, h4, h5, h6, #portfolio .navigation a
{ font-family: Georgia, 'Times New Roman', Times, serif; color: #fff; }

#sidebar, #footer {
		font-size: 12px;
		}
		
#portfolio .navigation a {
		font-size: 40px;
		}

p.delivery strong {
		text-transform: uppercase;
		}

#text-396529443 {
		text-align: right;
		}

.secondary {
		font: 15px/20px Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
		color: #c1ccfd;
		text-align: justify;
		color: #c1ccfd;
		}

.secondary h3 {
		padding: 0 0 10px; background: none;
		}

.secondary p {
		padding-bottom: 20px;
		}

.secondary .post {
		padding: 8px 4px 0 4px;
		}
		
#about p {
		text-indent: 30px;
		}

#resume.secondary ul {
		padding-bottom: 20px;
		}
		
ul#tech-exp {
		overflow: hidden;
		}
		
ul#tech-exp li {
		padding-bottom: 4px;
		}

ul#tech-exp strong {
		font: 14px Tahoma, Arial, Helvetica, sans-serif;
		float: left;
		width: 170px;
		text-transform: uppercase;
		}

ul#tech-exp span {
		float: left;
		width: 782px;
		padding-bottom: 8px;
		}

.job-title {
		padding-bottom: 10px !important;
		}

ul.job-desc {
		padding-left: 30px;
		}

ul.job-desc li {
		list-style-type: square;
		}



/* LAVALAMP */
.lavaLamp {
		position: relative;
		height: 29px;
		width: 332px;
		padding: 15px;
		margin: 10px 0;
		overflow: hidden;
		}

.lavaLamp li.back {
		border-bottom: 3px solid white;
		width: 9px;
		height: 30px;
		z-index: 8;
		position: absolute;
		}

.lavaLamp li a {
		top: 7px;
		z-index: 10;
		display: block;
		position: relative;
		margin: auto 10px;
		}



/* PAGE SLIDER STYLES */
#main {
		width: 960px;
		margin: 0 auto;
		position: relative;
		}

.main-scroll {
		width: 960px;
		overflow: auto;
		overflow-x: hidden;
		position: relative;
		clear: left;
		}

.main-scroll-container div.main-panel {
		overflow: hidden;
		position: relative;
		width: 960px;
		padding-right: 120px;
		}



/* PORTFOLIO STYLES */
#portfolio {
		width: 600px;
		margin: 0 auto;
		position: relative;
		}

#portfolio .scroll {
		height: 380px;
		width: 600px;
		}

.scroll {
		overflow: auto;
		overflow-x: hidden;
		position: relative; /* fix for IE to respect overflow */
		clear: left;
		}

#portfolio .scroll-container div.panel {
		position: relative;
		height: 380px;
		width: 560px;
		margin-bottom: 50px;
		}

#portfolio a.button {
		position: absolute;
		bottom: 0;
		right: 0; }

#portfolio ul.navigation li {
		width: 56px;
		float: left;
		margin: 0 6px; } 

#portfolio .navigation a {
		text-align: center;
		height: 56px;
		color: #fff;
		display: block;
		background: url(images/circle.png) no-repeat center center;
		} 

#portfolio .navigation a:hover, #portfolio .navigation a.selected {
		background: url(images/circleactive.png) no-repeat center center;
		text-decoration: none; }

#portfolio .navigation a:hover, #portfolio .navigation a.current {
		background: url(images/circleactive.png) no-repeat center center;
		text-decoration: none;
		}

a#next, a#last {
		width: 20px;
		height: 380px;
		background: url(images/next-last-sprites.png) no-repeat left center;
		}
		
a#last {
		background: url(images/next-last-sprites.png) no-repeat right center;
		}

.scroll-buttons {
		cursor: pointer;
		position: absolute;
		display: block;
		height: 338px;
		width: 20px;
		top: 0;
		z-index: 10;
		border: none;
		}

.scroll-buttons.prev {
		left: 0;
		background: transparent url(images/next-last-sprites.png) no-repeat -64px 0;
		}

.scroll-buttons.prev:hover {
		background: transparent url(images/next-last-sprites.png) no-repeat -44px 0;
		}

.scroll-buttons.next {
		right: 0px;
		background: transparent url(images/next-last-sprites.png) no-repeat -1px 0;
		}

.scroll-buttons.next:hover {
		background: transparent url(images/next-last-sprites.png) no-repeat -21px 0;
		}



/* Contact Form */
input.text, textarea.textarea, .firefox select.select {
		background: url(images/field-bg.png) repeat 0 0;
		border: none;
		}

input.text, textarea.textarea {
		padding: 4px;
		}

input.text, input.file, textarea.textarea, select.select {
		color: #c1ccfe;
		font-size: 100%;
		}

input.medium, select.medium {
		width: 50%;
		}

textarea.textarea {
		width: 292px;
		font-family: Tahoma, Arial, Helvetica, sans-serif !important;
		overflow: hidden;
		}

form.wpcf7-form li {
		position: relative !important;
		}

span.wpcf7-form-control-wrap {
		position: static !important;
		}

span.wpcf7-not-valid-tip-no-ajax {
		position: absolute;
		right: 0;
		top: 16px;
		font-size: 11px !important;
		color: #f7e700 !important;
		}

span.req {
		font-size: 16px;
		color: #f7e700;
		}

.wpcf7-response-output {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		}

li.buttons {
		margin-left: -4px;
		margin-top: -3px;
		}