/*
Theme Name: Don Ortega
Description: Don Ortega
Author: Don Ortega
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, sans-serif;
	background: #414141 url(images/background.jpg) top center no-repeat;
}

html, 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;
	vertical-align: baseline;
	background: transparent;
}

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: 	url('fonts/Colaborate/ColabThi-webfont.eot') format('eot');
	src: 	url('fonts/Colaborate/ColabThi-webfont.eot?iefix') format('eot'),
			url('fonts/Colaborate/ColabThi-webfont.woff') format('woff'),
			url('fonts/Colaborate/ColabThi-webfont.ttf') format('truetype'),
			url('fonts/Colaborate/ColabThi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: 	url('fonts/Colaborate/ColabLig-webfont.eot') format('eot');
	src: 	url('fonts/Colaborate/ColabLig-webfont.eot?iefix') format('eot'),
			url('fonts/Colaborate/ColabLig-webfont.woff') format('woff'),
			url('fonts/Colaborate/ColabLig-webfont.ttf') format('truetype'),
			url('fonts/Colaborate/ColabLig-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: 	url('fonts/Colaborate/ColabReg-webfont.eot') format('eot');
	src: 	url('fonts/Colaborate/ColabReg-webfont.eot?iefix') format('eot'),
			url('fonts/Colaborate/ColabReg-webfont.woff') format('woff'),
			url('fonts/Colaborate/ColabReg-webfont.ttf') format('truetype'),
			url('fonts/Colaborate/ColabReg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: 	url('fonts/Colaborate/ColabMed-webfont.eot') format('eot');
	src: 	url('fonts/Colaborate/ColabMed-webfont.eot?iefix') format('eot'),
			url('fonts/Colaborate/ColabMed-webfont.woff') format('woff'),
			url('fonts/Colaborate/ColabMed-webfont.ttf') format('truetype'),
			url('fonts/Colaborate/ColabMed-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: 	url('fonts/Colaborate/ColabBol-webfont.eot') format('eot');
	src: 	url('fonts/Colaborate/ColabBol-webfont.eot?iefix') format('eot'),
			url('fonts/Colaborate/ColabBol-webfont.woff') format('woff'),
			url('fonts/Colaborate/ColabBol-webfont.ttf') format('truetype'),
			url('fonts/Colaborate/ColabBol-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

a
{
	color: #00c1ff;
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.col { float: left; }
.colR { float: right; }

ul.nobullets, ol.nobullets { list-style: none; }
ul.inbullets, ol.inbullets { list-style-position: inside; }
ul.outbullets, ol.outbullets { list-style-position: outside; }
ul.horizontal li, ol.horizontal li { float: left; }

.right { text-align: right; }

.lightgrey { color: #b9b9b9; }

.hide { display: none; }

/***********************************************************************
	2 - GENERAL
************************************************************************/
div.container1080
{
	width: 1080px;
	margin: 0 auto;
}

div.container980
{
	width: 980px;
	margin: 25px auto 0 auto;
}

div.container1000
{
	width: 1000px;
	margin: 0 auto;
}

div.hometitle div.title h1
{
	font-family: "Colaborate-ThinRegular", Arial, sans-serif;
	font-size: 6.2em;
	color: #ffffff;
	text-transform: uppercase;
	
	-moz-text-shadow: 2px 2px 2px #111;
	-webkit-text-shadow: 2px 2px 2px #111;
	-o-text-shadow: 2px 2px 2px #111;
	text-shadow: 2px 2px 2px #111;
}
	div.hometitle div.title a
	{
		color: #ffffff;
	}
	div.hometitle div.title a:hover
	{
		text-decoration: none;
	}
	
div.hometitle div.tagline
{
	margin-top: 20px;
}
	div.hometitle div.tagline h2
	{
		font-family: "Colaborate-ThinRegular", Arial, sans-serif;
		font-size: 4.0em;
		color: #ffffff;
		text-transform: lowercase;
		
		-moz-text-shadow: 2px 2px 2px #111;
		-webkit-text-shadow: 2px 2px 2px #111;
		-o-text-shadow: 2px 2px 2px #111;
		text-shadow: 2px 2px 2px #111;
	}
/***********************************************************************
	SUBPAGE HEADER
************************************************************************/
div.header.subpage
{
	margin-top: 15px;
	
	color: #ffffff;
}
	div.header.subpage h1
	{
		font-family: "Colaborate-ThinRegular", Arial, sans-serif;
		font-size: 4.0em;
		text-transform: uppercase;
		
		-moz-text-shadow: 2px 2px 1px #000;
		-webkit-text-shadow: 2px 2px 1px #000;
		-o-text-shadow: 2px 2px 1px #000;
		text-shadow: 2px 2px 1px #000;
	}
	div.header.subpage h1 a:hover
	{
		text-decoration: none;
	}
	div.header.subpage h2
	{
		margin-top: -7px;
		font-family: "Colaborate-ThinRegular", Arial, sans-serif;
		font-size: 2.0em;
		text-transform: lowercase;
		
		-moz-text-shadow: 2px 2px 2px #111;
		-webkit-text-shadow: 2px 2px 2px #111;
		-o-text-shadow: 2px 2px 2px #111;
		text-shadow: 2px 2px 2px #111;
	}
	
	div.header.subpage div.subpagemenu
	{
		margin-top: 15px;
		
		/*font-family: Arial, sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;*/
	}
	
	div.header.subpage div.subpagemenu ul.topNav2 li
	{
		margin-left: 35px;
	}
		div.header.subpage div.subpagemenu ul.topNav2 li h5
		{
			font-family: Arial, sans-serif;
			font-size: 1.4em;
			text-transform: uppercase;
		}
		div.header.subpage div.subpagemenu ul.topNav2 li p.navDesc
		{
			display: none;
			margin-top: 4px;
			
			font-size: 1.2em;
			color: #bbb;
		}
		div.header.subpage div.subpagemenu ul.topNav2 li.current p.navDesc,
		div.header.subpage div.subpagemenu ul.topNav2 li:hover p.navDesc
		{
			display: block;
		}
	
	
	div.header.subpage div.subpagemenu a
	{
		color: #ffffff;
		
		-moz-text-shadow: 2px 2px 2px #111;
		-webkit-text-shadow: 2px 2px 2px #111;
		-o-text-shadow: 2px 2px 2px #111;
		text-shadow: 2px 2px 2px #111;
	}
	div.header.subpage div.subpagemenu a.current
	{
		color: #00c1ff;
		
		-moz-text-shadow: 2px 2px 1px #000;
		-webkit-text-shadow: 2px 2px 1px #000;
		-o-text-shadow: 2px 2px 1px #000;
		text-shadow: 2px 2px 1px #000;
	}
/***********************************************************************
	CAROUSEL
************************************************************************/
/*span.carousel-button.left
{
	position: relative;
	left: 62px;
}
span.carousel-button.right
{
	position: relative;
	left: 62px;
}*/
div.carousel-wrapper
{
	margin: 20px 0;
}

ul.front-carousel
{
	background: #eeeeee;
}

ul.front-carousel li
{
	width: 980px;
	padding: 10px 0;
}

div.cycle-left,
div.cycle-right
{
	height: 355px;
	cursor: pointer;
	overflow: hidden;
}

div.carousel-item
{
	margin: 0 10px;
}

div.carousel-copy
{
	width: 480px;
	/*height: 165px;*/
	margin: 220px 0 0 180px;
	padding: 10px;
	display: inline; /* IE double-margin bug */
	
	background: #333333;
	filter: alpha(opacity:0.9);
	KHTMLOpacity: 0.9;
	MozOpacity: 0.9;
	-khtml-opacity:.90;
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}
	div.carousel-copy h3
	{
		margin-bottom: 10px;
		font-family: "Colaborate-ThinRegular", Arial, sans-serif;
		font-size: 2.4em;
		color: #00c1ff;
		
		-moz-text-shadow: 2px 2px 1px #000;
		-webkit-text-shadow: 2px 2px 1px #000;
		-o-text-shadow: 2px 2px 1px #000;
		text-shadow: 2px 2px 1px #000;
	}
	div.carousel-copy p
	{
		font-family: Arial, sans-serif;
		font-size: 1.2em;
		color: #ffffff;
	}
/***********************************************************************
	SUBPAGE BODY CONTENT
************************************************************************/
div.whitebackground
{
	margin: 10px 0 20px 0;
	padding: 10px 10px 20px 10px;
	background: #ffffff;
}

div.minisplash
{
	width: 980px;
	margin-bottom: 10px;
	padding: 10px 0;
	background: #eeeeee;
}
div.minisplash div.minisplashcontainer
{
	height: 250px;
	margin: 0 10px;
}

div.minisplash div.minisplashcontainer div.copy
{
	padding: 150px 0 0 35px;
}
div.minisplash div.minisplashcontainer h3
{
	display: inline;
	padding: 10px;
	background: #333333;
	filter: alpha(opacity:0.9);
	KHTMLOpacity: 0.9;
	MozOpacity: 0.9;
	-khtml-opacity:.90;
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;

	font-family: "Colaborate-ThinRegular", Arial, sans-serif;
	font-size: 3.4em;
	color: #00c1ff;
	
	-moz-text-shadow: 2px 2px 1px #000;
	-webkit-text-shadow: 2px 2px 1px #000;
	-o-text-shadow: 2px 2px 1px #000;
	text-shadow: 2px 2px 1px #000;
}

div.mainbody
{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	color: #333333;
}

div.mainbody div.left
{
	width: 625px;
}
	div.mainbody p
	{
		margin-top: 10px;
		
		font-size: 1.2em;
		line-height: 1.8em;
	}
	div.mainbody h4
	{
		margin-top: 10px;
		
		font-size: 1.6em;
		font-weight: bold;
	}

div.mainbody div.sidebar
{
	width: 300px;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px 0;
	width: 270px;
}
ul.thumb li {
	margin: 0; padding: 1px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 88px;
	height: 88px;
}
ul.thumb li img {
	width: 88px; height: 88px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 1px;
	background: #eeeeee;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(images/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}

div.mainbody div.sidebar div#project-thumbs
{
	position: relative;
	margin-top: 10px;
}
div.mainbody div.sidebar div.thumb
{
	float: left;
	padding: 1px;
	width: 88px;
	height: 88px;
}
div.mainbody div.sidebar div.thumb img
{
	border: 2px solid #eeeeee;
}
	div.mainbody div.sidebar div.thumb img:hover
	{
		cursor: pointer;
	}

div.mainbody div.sidebar ul#project-thumbs
{
	margin-top: 10px;
}

div.mainbody div.sidebar ul#project-thumbs li a img
{
	width: 88px;
	height: 88px;
	
	-webkit-transition: -webkit-transform 1.0s ease-in-out;
	-moz-transition: -moz-transform 1.0s ease-in-out;
	transition: transform 1.0s ease-in-out;
}
	div.mainbody div.sidebar ul#project-thumbs li a:hover img
	{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}
/***********************************************************************
	PORTFOLIO
************************************************************************/
/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-hide { display: none !important; }

/*.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}*/

div.left-sidebar
{
	width: 300px
}

div.margins10
{
	margin: 0 10px;
}

ul.portfolio-list
{
	
}

ul.portfolio-list li
{
	padding-bottom: 1px;
	
	font-size: 1.6em;
}
	ul.portfolio-list li a
	{
		display: block;
		padding: 10px;
	}
	ul.portfolio-list li.ui-tabs-selected a,
	ul.portfolio-list li a:hover
	{
		background: url(images/portfolio_list-arrow.gif) right center no-repeat;
		text-decoration: none;
	}
		ul.portfolio-list li.ui-tabs-selected a
		{
			background-color: #eeeeee;
			text-decoration: none;
		}
	
div.mainbody div.right-content
{
	width: 635px;
}

div.portfolio-splash
{
	width: 635px;
	margin-bottom: 10px;
	padding: 10px 0;
	background: #eeeeee;
}
div.portfolio-splash div.minisplashcontainer
{
	height: 150px;
	margin: 0 10px;
}

	div.portfolio-splash div.minisplashcontainer div.copy
	{
		padding: 85px 0 0 35px;
	}
	div.portfolio-splash div.minisplashcontainer h4
	{
		display: inline;
		padding: 10px;
		background: #333333;
		filter: alpha(opacity:0.9);
		KHTMLOpacity: 0.9;
		MozOpacity: 0.9;
		-khtml-opacity:.90;
		-ms-filter:"alpha(opacity=90)";
		-moz-opacity:.90;
		filter:alpha(opacity=90);
		opacity:.90;

		font-family: "Colaborate-ThinRegular", Arial, sans-serif;
		font-size: 2.8em;
		font-weight: normal;
		color: #00c1ff;
		
		-moz-text-shadow: 2px 2px 1px #000;
		-webkit-text-shadow: 2px 2px 1px #000;
		-o-text-shadow: 2px 2px 1px #000;
		text-shadow: 2px 2px 1px #000;
	}
/***********************************************************************
	RESUME
************************************************************************/
div.mainbody.resume
{
	
}

div.mainbody.resume p,
div.resume ul.inbullets li,
div.resume ul.outbullets li
{
	margin: 0;
	
	font-size: 1.2em;
	line-height: 1.6em;
}

div.resume div.resumeTop h1
{
	font-family: "Colaborate-ThinRegular", Arial, sans-serif;
	font-size: 8.0em;
	letter-spacing: 0.06em;
}

div.resume div.resumeTop div.colR
{
	margin-top: 35px;
}

div.resume div.resumeTitle
{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	
	text-align: center;
}
	div.resume div.resumeTitle h2
	{
		font-family: "Colaborate-ThinRegular", Arial, sans-serif;
		font-size: 2.0em;
		letter-spacing: 0.15em;
	}

div.resumeSection
{
	margin-top: 20px;
}

div.resume h3
{
	font-family: "Colaborate-BoldRegular", Arial, sans-serif;
	font-size: 1.4em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

div.resume h4
{
	margin: 0;
	
	font-size: 1.2em;
}

div.resume .resumeIndent
{
	margin-left: 35px;
}

div.resume ul.nobullets li
{
	margin-bottom: 10px;
}

div.resume ul.inbullets,
div.resume ul.outbullets
{
	list-style-type: disc;
	
	margin-left: 50px;
}
	div.resume ul.inbullets li,
	div.resume ul.outbullets li
	{
		margin-bottom: 0;
	}

/***********************************************************************
	FOOTER
************************************************************************/
div.footer
{
	margin-bottom: 20px;
}

div.footer,
div.footer a
{
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

div.counters
{
	height: 1px;
	overflow: hidden;
	text-indent: -10000em;
}
/***********************************************************************
	99 - SELF-CLEARING FLOATS
************************************************************************/
.first,
.nomargins
{
	margin: 0 !important;
}

.floatwrapper:after,
.post:after,
#footer:after
{
	/* Firefox */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .floatwrapper,
* html .post,
* html #footer
{
	height: 1%; /* IE6 fix */
}

*:first-child+html .floatwrapper,
*:first-child+html .post,
*:first-child+html #footer
{
	min-height: 1px; /* IE7 fix */
}