/*
Theme Name: Bezman
Theme URI: http://bezman.com
Description: A WordPress and Flash Theme by Aaron Besson
Version: 2.0
Author: Aaron Besson
Author URI: http://aaronbesson.com
Tags: bright, colorful, flash, modern, playful
*/


body {
background: #111 url(images/bg.png) no-repeat top center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana, Myriad Pro, Trebuchet MS, Arial, Helvetica;
font-size: 13px;
color: #666;
}

h3, h2, h1 {
color: white;
}

a {
color: #62D8B6;
text-decoration: none;
}

#wrap {
top: 0px;
width: 1100px;
margin: 0px auto 0px;
height:900px;
}


#header {
margin: 0px auto 0px;
top: 0px;
width: 960px;
height: 180px;
}

#logo {
float: left;
width: 300px;
margin-top: 30px;
}

#social {
float: left;
width: 660px;
margin-top: 80px;
text-align: right;
}

#content {
width: 960px;
padding-bottom: 40px;
padding-top: 50px;
margin: 0px auto 0px;
min-height: 600px;
}

#bio {
width: 207px;
margin-right: 30px;
float: left;
min-height: 180px;
}

#bio .last {
border: 0px;
}


#imac {
background: url(images/imac.png) no-repeat center;
height: 470px;
margin: 0px auto 0px;
}

#featured {
width: 960px;
padding-top: 20px;
margin: 0px auto 0px;
}

#rotator {
margin: 20px 0 0 10px;
border: 0px;
}

a img {border:none; }

a {text-decoration:none}

#gallery {
margin-top: 20px;
margin-bottom: 20px;
}

#screen {
float: left;
width: 205px;
height: 150px;
background: #000;
border: thin solid #1f1f1f;
margin-right: 30px;
margin-bottom: 50px;
opacity:0.4;
filter:alpha(opacity=40);
list-style-type: none;
}

#screen:hover {
border: thin solid #fff;
-webkit-box-shadow: 0px 0px 18px #f6f6f6;
-moz-box-shadow: 0px 0px 18px #f6f6f6;
box-shadow: 0px 0px 18px #f6f6f6;
opacity:1;
filter:alpha(opacity=100);
}

#screen-desc {
margin-top: 5px;
text-align: center;
width: 200px;
font-size: 11px;
color: #ececec;
text-decoration: none;
}

#screen-desc a {
color: #ececec;
}

#footer {
width: 960px;
height: 300px;
padding-top: 40px;
padding-bottom: 20px;
margin: 0px auto 0px;

}


#footer-half {
width: 450px;
height: 400px;
margin-right: 25px;
float: left;
}

.widget {
padding-top: 20px;
}

.widget h2 {
size: 16px;
}

.widget ul {
list-style: none;
margin: 0px;
}


.widget li, .widget li li {
list-style: none;
}

.widget li a {
color: #62d8b6;
}


.splitter {
  margin: 10px 0px 10px 0px;
  text-align: center;
  background: none;
  padding: 6px 40px 5px;
  font-size: 12px;
}

.splitter:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.splitter ul {
  margin-right: 0;
  margin-top: 0;
}

.splitter > li {
  padding-left: 8px;
}

.splitter > li ul {
  margin-left: 8px;
  padding-left: 0px;
}

.splitter ul li a {
  border-bottom: 0;
  position: static;

}

.splitter li,
.splitter ul,
.splitter ul li a  {
  display: inline;
  display: inline-block;
  line-height: 1;
}

.splitter ul,
.splitter ul li,
.splitter ul li a {
  background-image: url("images/buttons.png");
  background-repeat: no-repeat;
}

.splitter ul li a:hover {
  background-position: 100% -115px;
}

.splitter ul {
  background-position: 0 -138px;
  background-repeat: repeat-x;
}

.splitter ul li {
  margin-left: 1px;
}

.splitter ul li:first-child {
  margin-left: 0;
}

.splitter ul li a {
  padding: 5px 8px 6px;
  color: #070708;
  text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
  text-decoration: none;
}

.splitter ul li.segment-0,
.splitter ul li.segment-2 {
  background-position: -3px -92px;
}

.splitter ul li.segment-1 {
  background-position: 0 -92px;
}

.splitter ul li.segment-0 a,
.splitter ul li.segment-1 a {
  background-position: 0 -161px;
}

.splitter ul li.segment-2 a {
  background-position: 100% -115px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a,
.splitter ul li.selected-2 a {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
}

.splitter ul li.selected-0,
.splitter ul li.selected-2 {
  background-position: 0 -23px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a {
  background-position: 100% -46px;
}

.splitter ul li.selected-1 {
  background-position: 0 0;
}

.splitter ul li.selected-2 a {
  background-position: 100% -69px;
}


#feedback{
    background-color:#646464;
    width:280px;
    height:320px;
    position:fixed;
    bottom:0;
    right: 20px;
    margin-bottom:-280px;
    z-index:10000;
}

#feedback .section{
    background:url('img/bg.png') repeat-x top left;
    border:1px solid #646464;
    border-bottom:none;
    padding:10px;
}

#feedback .color{
    float:left;
    height:4px;
    width:20%;
    overflow:hidden;
}

#feedback h6{
    background:url("http://aaronbesson.com/images/feedback.png") no-repeat;
    height:38px;
    margin:5px 0 12px;
    text-indent:-99999px;
    cursor:pointer;
}

#feedback textarea{
    background-color:#fff;
    border:none;
    color:#666666;
    font:13px 'Lucida Sans',Arial,sans-serif;
    height:100px;
    padding:10px;
    width:236px;
}




#feedback a.submit{
    background:url("http://aaronbesson.com/images/submit.png") no-repeat;
    border:none;
    display:block;
    height:34px;
    margin:20px auto 0;
    text-decoration:none;
    text-indent:-99999px;
    width:91px;
}

#feedback a.submit:hover{
    background-position:left bottom;
}

#feedback a.submit.working{
    background-position:top right !important;
    cursor:default;
}

#feedback .message{
    font-family:Corbel,Arial,sans-serif;
    color:#cecece;
    margin-bottom:20px;
}

#feedback .arrow{
    background:url('http://aaronbesson.com/images/arrows.png') no-repeat;
    float:right;
    width:23px;
    height:18px;
    position:relative;
    top:10px;
}

#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}

#feedback .response{
    font-size:21px;
    margin-top:70px;
    text-align:center;
    text-shadow:2px 2px 0 #889889;
    color:#FCFCFC;
}