/* #E98235  Main Theme (Orange)
   #EABB60  Secondary Theme (Lighter Orange
   #63BDAB  Third Theme (Teal)
   #99FFFF;  Lighter Teal
   #101010  Background Theme
   #0C0C0C  Darker Black
   #282828  Border Theme



*/

/* Links and paragraphs */
a {color:#63BDAB; background:inherit; text-decoration:none; font-weight:400;}
a:hover {background:inherit; color:#99FFFF; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px; text-align: justify;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}
ol {padding: 0; margin: 0;}

/* Tables and forms  */
table {border:2px solid #282828; border-collapse:collapse; line-height:1.3em; margin:0px; width: 590px;}
th {background:url(../img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; text-align:left;}
td {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:3px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
textarea {width:400px;}


#wrap {background:#101010; color:#303030; margin:0 auto; padding:0px 0px; width:860px;}

/* Main layout */
body {background: #101010; color:#fff; font:76% Tahoma, Verdana,Arial,sans-serif;  line-height:1.4em; margin:0 auto; padding:0;}

/* Header */
#header {background-color:#0C0C0C;  padding-bottom: 20px; border-bottom: #282828 1px solid;}

/* Links */
#nav  { background:url(../img/front.jpg) no-repeat bottom left #000; background-color:#0C0C0C; list-style-type: none; margin:0 auto; padding-top: 80px; width:860px; }
#nav li {display: inline;}
#nav li a {text-transform: uppercase; font-size: 16px; margin-right: 56px;  font-weight:600; color:#E98235; letter-spacing: 1.2px; font-family:  Tahoma, Arial,sans-serif; }
#nav li a:hover {border: 0; text-decoration: underline; color: #EABB60; }
#nav .current {color:#EABB60;}

/* Main content */
#content {line-height:2.5em; text-align:left; padding-top: 25px; height: 600px;}
#content h2 {font-size:1.3em; letter-spacing:2.5px; margin:0px 0 10px; padding:0; color:#63BDAB;font-weight:100;text-transform: uppercase;}
#content h3 {font-size:1.3em; font-weight:100; padding-top: 20px;margin:0px; color:#63BDAB; font-family: Tahoma, sans-serif; letter-spacing: 8.0px; text-transform: uppercase; text-align: center;}
#content h4 {line-height:1.3em;font-weight:100;  font-size:12px; margin:0px;  color:#63BDAB; font-family: Tahoma, sans-serif; letter-spacing: 1.7px;text-transform: uppercase;}
#content h5 {font-size:13px; font-weight:100; margin: 0 0 0 15px; color:#63BDAB; font-family: Tahoma, sans-serif; letter-spacing: 5.1px; text-transform: uppercase;}
#content h6 {line-height:1.3em;font-weight:100;  font-size:12px; margin:0px;  color:#63BDAB; font-family: Tahoma, sans-serif; letter-spacing: 1.3px;}
#content h1 {line-height:1.3em;font-weight:100;  font-size:9px; margin:0px;  color:#63BDAB; font-family: Tahoma, sans-serif; letter-spacing: 1.2px;}

#content p { color: #B3ADA1; }
#content img {}
#content em { color: #B3ADA1; font-family: Verdana, sans-serif;}

#main-content {float: left; width: 605px; }
#main-content p {padding:0em;margin:0em;}
#main-content img {padding:0em;margin:0em;}
#main-content h3 {padding:0em;margin:0em;}
#main-content li {margin-bottom: 0px; padding-bottom: 0px; list-style-type: none; color: #B3ADA1; line-height:1.6em;}

#artwork {}
#artwork img {border:3px solid #282828; float: right; margin-bottom: 20px;}
#artwork img:hover {border: solid 3px #63BDAB;}
#artwork p {padding-left: 5px; padding-right: 5px; line-height:1.6em;}
#artwork .center {text-align: center; border-bottom: 1px solid #282828;}
#artwork-box {float: left; background: #0C0C0C; border:3px solid #282828; width: 200px; }
#artwork-box h6{padding-left: 4px; text-align: center; padding-top: 4px;}
#artwork-title {border-bottom: 1px solid #282828; padding-bottom: 5px;}

.info {border-bottom:2px solid #282828; padding-bottom: 15px; margin-bottom: 15px; float:left; width: 590px; }
.left-info {float: left;width: 170px; margin-bottom: 15px;}
.right-info {float:right; width: 420px; margin-bottom: 15px;}
.right-info p { margin: 0px; line-height:1.4em; padding-bottom: 10px; }
.right-info h4 {padding: 0px; margin: 0px;}

/* sidebar */
#sidebar {float: right;  border:2px solid #282828; background-color: #0C0C0C; width: 230px; margin-bottom: 20px;}
#sidebar img {}
#sidebar img:hover {border-bottom: solid 3px #63BDAB; margin-bottom:0px;}
#sidebar p {margin-top: 4px;font-size: 11px; text-align: left; line-height:1em; font-family:  Arial,sans-serif; padding: 0px;letter-spacing: 0.1em;}
#sidebar h3 {margin-left: 15px; padding-bottom: 5px; margin-top: 5px;}
#sidebar h6 {padding-top: 10px;padding-left:0px;}
#sidebar .userside {margin-left: 15px; margin-right: 15px;}
#sidebar .userside p {font-size:10px; padding-top: 0px; margin-top: 0px;}
#sidebar .userside h6 {font-size:10px; padding-bottom: 0px; margin-bottom: 0px;}

#sidebar a {margin-left: 5px; margin-right: 15px;outline: none; margin-top: 0px; padding: 0em;}
#sidebar a:hover {text-decoration:underline; color: #99FFFF;}
#sidebar .image {margin: 0px;}
#sidebar li {text-align: left; list-style-type: none; line-height:2.2em;font-weight:100;  font-size:13px; margin:0px;  color:#63BDAB; font-family: Tahoma, sans-serif; letter-spacing: 1.7px;text-transform: uppercase;}
#sidebar #list {padding-bottom: 25px; padding-left: 55px; }
#sidebar .center {text-align: center; border-bottom: 1px solid #282828;}

/* Footer */
#footer {background:#101010; border-top:2px solid #282828; clear:both; color:#666; font-size:0.9em; margin:0 auto; padding-top: 2px; text-align:center; width:860px;}
#footer p {margin:0; padding-bottom:15px; font-size: 9px;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline; color: #63BDAB;}
#footer span {font-size:1.2em;}
#footer-left {float: left;}
#footer-right {float: right;}


/* CV */
#cv {margin-bottom: 0px; padding-bottom: 0px; line-height:1.6em; }
#cv li {margin-bottom: 0px; padding-bottom: 0px; list-style-type: none; color: #B3ADA1; }


/*Form Stuff */

.button {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; border:2px solid #282828; color:#505050; font-weight:400; font-size:1.2em;
  float: left; width: 100px; margin-bottom: 15px; margin-top: 15px;}
.button:hover {color: #63BDAB; border: 2px solid #63BDAB;}
#form .button {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; border:2px solid #282828; color:#505050; font-weight:400; font-size:1.2em;
  float: right; margin-right: 15px; width: 100px; margin-bottom: 15px; margin-top: 15px;}
#form .button:hover {color: #63BDAB; border: 2px solid #63BDAB;}
#form input {width:200px; }
#form .input {width: 200px;}
#form .hidden {color: white;}
#form .note {text-align: center; width: 185px;}
#form .error {color:  #FF3366;background-color: #ECF2E6;width: 185px;text-align: center;}
#form .accept {color: #0099FF;background-color: #ECF2E6;width: 185px;text-align: center;}
#form .SHORT{color:  #FF3366;background-color: #ECF2E6;width: 185px;text-align: center;}
#form .WEAK{color:orange;background-color: #ECF2E6;width: 185px;text-align: center;}
#form .MEDIUM{color:  #00CC66;background-color: #ECF2E6;width: 185px;text-align: center;}
#form .STRONG{color: #0099FF; background-color: #ECF2E6; width: 185px;text-align: center;}
#form button {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; border:2px solid #282828; color:#505050; font-weight:400; font-size:1.2em;float: left; width: 100px; margin-bottom: 15px; margin-top: 15px;}
#form button:hover {color: #63BDAB; border: 2px solid #63BDAB;}
#form-center {margin-left: 110px; width: 605px;}
#form-center .button {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; border:2px solid #282828; color:#505050; font-weight:400; font-size:1.2em;
  float: right; width: 100px; margin-bottom: 15px; margin-top: 15px;}
#form-center .button:hover {color: #63BDAB; border: 2px solid #63BDAB;}

#login table{width: 220px; margin-left: 145px;}
#login .main{width:50px;}
#login .input{width:170px;}
#login input {width: 170px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; padding:0; border: 0;}
.required {color: red;}
.border {border-bottom:2px solid #; }
.post-time {padding-top: 2px;}


/* Box */

.boxgrid{width: 200px;height: 260px;margin-left:11px;margin-right:11px;margin-bottom: 13px;padding-left: 0px;float:left;background:#161613;border: solid 3px #282828;overflow: hidden;position: relative;}
.boxgrid img{position: absolute;top: 50;left: 100;}
.boxgrid p{padding: 0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}
.boxcaption{float: left;position: absolute;background: #000;height: 100px;width: 200px;opacity: .8;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

/* Portfolio */

#portfolio {float:left; width: 100%;}
.xxx {float: left; margin-right: 21.5px; margin-left: 21.5px; height: 270px; width: 100px;}
.con { line-height:1.3em !important;}
.con h4 {margin: 0px; padding:0px;}
.con a {margin: 0px; padding:0px;}
.con p {margin: 0px; line-height:1.3em; }

fieldset {
    border:0;
}

#gallery img {border: solid #282828 2px; margin-top: 3px;}
#gallery img:hover{border: solid #63BDAB 2px;}

