/*
-----------------------------------------------
markschindler.net
version:  2010.03.06
by: Mark Schindler
markschindler.net
----------------------------------------------- */


/* Defaults
-------------------------------------------------------------------------------------------------*/
body {
  background:#fff url(images/bg.jpg);
  color:#333;
  text-align:center;	
  font-family: Tahoma, Arial, Verdana, sans-serif;
  
  font-family: 'Open Sans', sans-serif;  
  
  font-size:13px;
  margin:0;
  padding:0;
}

p {
  margin:0 0 10px;
}

a:link, a:visited, a:active {
  text-decoration:underline;
  color:#206a0f;
}
a:hover {
  text-decoration:none;
}
a:active, a:focus {
  outline:none;
}

strong {
  font-weight:600;
}

img, a img {
  border:medium none;
}

/* Widget Classes ----------------------------*/
.clear {
  clear:both;
  height:1px;
  line-height:1px;
}
.align-right {text-align:right;}
.divider {
  border-bottom:1px solid #fff;
  border-top:1px solid #dfdccb;
  height:0px;
  clear:both;
}
.lighter {
  color:#777;
}

/* Containers & Columns ----------------------------*/
.column {float:left;}
.column-right {float:right;}
.colspan1 {width:80px;}
.colspan2 {width:160px;}
.colspan3 {width:240px;}
.colspan4 {width:320px;}
.colspan5 {width:400px;}
.colspan6 {width:480px;}
.colspan7 {width:560px;}
.colspan8 {width:640px;}
.colspan9 {width:720px;}
.colspan10 {width:800px;}
.colspan11 {width:880px;}
.colspan12 {width:960px;}
.colspan-full {width:100%;}
.column .inner {padding:15px;}


/* Boxes w/ backgrounds ----------------------------*/
.rounded3 {
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.rounded6 {
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
.rounded9 {
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
}
.rounded12 {
  border-radius:12px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
}


/* Headings -------------*/
h1 {
  font-size: 26px;
  font-weight: normal;
  color:#000;
  margin: 20px 0 3px;
  padding: 0 0 0;
  text-shadow: 1px 1px 0 #FFFFFF;
}

h2 {
  color:#206a0f;
  font-size:20px;
  font-weight:normal;
  margin:0 0 3px 0;
  padding:0;
}

h3 {
  font-size:18px;
  font-weight:bold;
  margin:0 0 3px 0;
  padding:0;
}
h4 {
  font-size:16px;
  font-weight:bold;
  margin:0 0 3px 0;
  padding:0;
}
h5 {
  font-size:14px;
  font-weight:bold;
  margin:0 0 3px 0;
  padding:0;
}
h6 {
  font-size:13px;
  font-weight:bold;
  margin:0 0 3px 0;
  padding:0;
}



/* Lists --------------*/
ul, ul li, ol, ol li {
  margin:0;
  padding:0;
}
ul li, ul li ul li, ol.list li li {
  list-style-position:outside;
  list-style-type:none;
}
ul.list {
  margin:0 0 10px 25px;
}
ul.list li {
  list-style-type:disc;
  margin:3px 0;
}


/* Structure
-------------------------------------------------------------------------------------------------*/

.container {
  text-align:left;
  width:960px;
  margin:0 auto;
}

.header {
  margin:10px 0 0 0;
}
.branding a, .branding a:link, .branding a:visited {
  color:#3C3C3C;
  font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans Unicode', serif;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px;
  font-weight:normal;
  text-decoration:none;
  text-shadow:1px 1px 0 #fff;
}
.branding .lastname {
  color:#206a0f;
}
.branding div {
  font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans Unicode', serif;
  color:#444;
  font-size:13px;
  padding:1px 0 0 0;
}

.social-icons img {
  margin:0 0 0 4px;
}

.page-intro {
  font-size:17px; 
  color:#555;
  text-shadow: 1px 1px 0 #FFFFFF;
}
.quote {
  background:url(images/quote-start.png) no-repeat 0 0;
  padding-left:20px;
}
.quote span {
  background:url(images/quote-end.png) no-repeat 100% 30%;
  padding-right:20px;
}

.content {
  margin:20px 0 40px 0;
  background:#fff;

    -webkit-box-shadow: 0px 1px 3px 0px #8b8b8b;
    -moz-box-shadow: 0px 1px 3px 0px #8b8b8b;
    box-shadow: 0px 1px 3px 0px #8b8b8b;
}

.footer {
  clear:both;
  font-size:11px;
  width:960px;
  float:left;
  margin:20px 0 10px 0; 
}
.footer ul li {
  display:inline;
  padding:0 0 0 7px;
  float:right;
}

/* Navigation
-------------------------------------------------------------------------------------------------*/
.primary-navigation {
  float:right;
  width:500px;
  margin:30px 0 0px 0;
}

.primary-navigation li {
  display: inline;
  list-style-type: none;
}

.primary-navigation a:link, .primary-navigation a:visited {
  font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans Unicode', serif;
  font-size:11px;
  letter-spacing:.2px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  display:block;
  float:right;
  height:24px;
  line-height:24px;
  background: #222;
  padding:0 16px;
  margin:0 0px 0 5px;

-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.homepage .homepage a,
.portfolio .portfolio a,
.resume .resume a,
.contact .contact a {
  background:#206A0F;
}

.homepage .footer .homepage a,
.portfolio .footer .portfolio a,
.resume .footer .resume a,
.contact .footer .contact a {
  background:none;
}


/* Plugins
-------------------------------------------------------------------------------------------------*/

/* CYCLE -----------------*/
.portfolio-wrap {
  position:relative;
}
.portfolio-homepage {
    -webkit-box-shadow: 0px 0px 4px 0px #8b8b8b;
    -moz-box-shadow: 0px 0px 4px 0px #8b8b8b;
    box-shadow: 0px 0px 4px 0px #8b8b8b;
}
.nav { 
  position:absolute;
  left:200px; 
  bottom:5px; 
  z-index:20; 
}
.nav a { 
  float:left; 
  width: 14px; 
  height:14px; 
  text-align:center;
  text-indent:-3000px;   
  margin: 0 5px 0 0; 
  padding: 0px; 
  background:url(images/slider-dots.png) no-repeat left top;
  text-decoration: none; 
}
.nav a.activeSlide { 
  background-position:left bottom;
}
.nav a:focus { outline: none; }
.nav { text-align: left }


/* CONTACT FORM -----------------*/
#myForm label {
  display:block;
  margin:8px 0 0 0;
}
#myForm input {
  display:block;
}
#myForm label.error {
  color: #D00D00;
  margin:0;
}

#myForm #submitinput {
  margin:8px 0 0 0;
}

p#success	{
  margin: 15px 0px 0px 5px;			
  color: #F90;
  font-weight: bold;					
}
		
p#bademail, p#badserver	{
  margin: 15px 0px 0px 5px;
  color: #D00D00;
	font-weight: bold;
}

/* PORTFOLIO SLIDER -----------------*/

#featured{ 
	width:600px; 
	padding-right:330px; 
	position:relative; 
	height:500px; 
	background:#fff;
}
#featured ul.ui-tabs-nav { 
	position:absolute; 
	top:0; 
	left:600px; 
	list-style:none; 
	padding:0; margin:0; 
	width:330px; 
}
#featured ul.ui-tabs-nav li { 
	padding:1px 0; 
	margin:0 0 3px 0;
	padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img { 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
	height:30px;
}
#featured ul.ui-tabs-nav li span { 
	font-size:11px; 
	font-family:Verdana; 
	line-height:11px; 
}
#featured ul.ui-tabs-nav li div { 
	font-size:14px;
	font-weight:bold; 
	margin:0;	
}
#featured li.ui-tabs-nav-item a { 
	display:block; 
	height:40px; 
	color:#333;  
	text-decoration:none;
	padding:3px 0;
	border:1px solid #f2f2f2; 	
	background:#fff; 
}
#featured li.ui-tabs-nav-item a:hover { 
	background:#fafafa;
}
#featured li.ui-tabs-selected { 
	background:url('images/selected-item.png') 0 18px no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a { 
	border:1px solid #f2f2f2; 
	background:#f0f0f0;
}
#featured .ui-tabs-panel { 
	width:600px; 
	height:500px; 
    position:relative;
}
#featured .ui-tabs-hide { 
	display:none; 
}
#featured .ui-tabs-panel .info { 
	position:absolute; 
	bottom:0;
	left:0; 
	height:30px;
	width:100%; 
	background: url('images/transparency.png'); 
}
#featured .info h2 { 
	font-size:18px; 
	color:#fff; 
	padding:2px 0 0 8px;  
	margin:0;
	overflow:hidden; 
}