/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
********************************************************
* modify 12/26/2012 / http://www.3d-hobby-art.de/
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:Garamond;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/* #Basic Styles
================================================== */
body{background-color:#A6A6A6;color:#000;-webkit-font-smoothing:antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust:100%}

/* #Typography
================================================== */
h1,h2,h3,h4,h5,h6{font-weight:400;text-shadow:1px 2px 2px #000}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:29px;line-height:35px;margin-bottom:8px}
h2{font-size:23px;line-height:29px;margin-bottom:20px}
h3{font-size:19px;line-height:25px;margin-bottom:4px}
h4{font-size:17px;line-height:23px}
h5{font-size:13px;line-height:19px}
h6{font-size:11px;line-height:17px}
p{margin:0 0 15px}
em{font-style:italic}
strong{font-weight:700;color:#333}
small{font-size:80%}

/*  Blockquotes  */
blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}
blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}
blockquote cite{display:block;font-size:12px;color:#555}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}

hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}


/* #Links
================================================== */
a,a:visited{color:#B92507;text-decoration:underline;outline:0}
a:hover,a:focus{color:#EF0000}
p a,p a:visited{line-height:inherit}


/* #Lists
================================================== */
ul,ol{margin-bottom:15px}
ul{list-style:none outside}
ol{list-style:decimal}
ol,ul.square,ul.circle,ul.disc{margin-left:30px}
ul.square{list-style:square outside}
ul.circle{list-style:circle outside}
ul.disc{list-style:disc outside}
ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}
ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}
li{line-height:18px;margin-bottom:12px}

/* #Images
================================================== */
img,object,embed,iframe{max-width:100%}
img{height:auto}

/* #Buttons
================================================== */

.button,button,input[type=submit],input[type=reset],input[type=button] {
 text-decoration:none; text-align:center;
 padding:8px 16px;
 border:solid 1px #d96900;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
 font:12px "Times New Roman", Times, serif;
 font-weight:bold;
 color:#edfaff;
 background-color:#ffb663;
 background-image: -moz-linear-gradient(top, #ffb663 0%, #d97e29 100%);
 background-image: -webkit-linear-gradient(top, #ffb663 0%, #d97e29 100%);
 background-image: -o-linear-gradient(top, #ffb663 0%, #d97e29 100%);
 background-image: -ms-linear-gradient(top, #ffb663 0% ,#d97e29 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d97e29', endColorstr='#d97e29',GradientType=0 );
 background-image: linear-gradient(top, #ffb663 0% ,#d97e29 100%);   
 -webkit-box-shadow:inset 0,0,0px 0,0,0px 1,1,1px #ffffff,#ffffff,#ffffff;  -moz-box-shadow:inset 0px 0px 1px #ffffff;  box-shadow:inset 0px 0px 1px #ffffff;
 text-shadow: 1px 1px 2px #616161;
 filter: dropshadow(color=#616161, offx=1, offy=1);  -webkit-transition: all 0.1s ease-out;
 -moz-transition:  all 0.1s ease-out;
 -o-transition:  all 0.1s ease-out;
 transition:  all 0.1s ease-out
}

.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{
 padding:8px 16px;
 border:solid 1px #d9771a;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
 font:12px "Times New Roman", Times, serif;
 font-weight:bold;
 color:#e5ffff;
 text-shadow: none;
 background-color:#ffbf75;
 background-image: -moz-linear-gradient(top, #ffbf75 0%, #bf5d02 100%);
 background-image: -webkit-linear-gradient(top, #ffbf75 0%, #bf5d02 100%);
 background-image: -o-linear-gradient(top, #ffbf75 0%, #bf5d02 100%);
 background-image: -ms-linear-gradient(top, #ffbf75 0% ,#bf5d02 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5d02', endColorstr='#bf5d02',GradientType=0 );
 background-image: linear-gradient(top, #ffbf75 0% ,#bf5d02 100%);   
 -webkit-box-shadow:inset 0,0,0px 0,0,0px 1,1,1px #ffffff,#ffffff,#ffffff;  -moz-box-shadow:inset 0px 0px 1px #ffffff;  box-shadow:inset 0px 0px 1px #ffffff;
}

.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active {
 padding:8px 16px;
 border:solid 1px #d9771a;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
 font:12px "Times New Roman", Times, serif;
 font-weight:bold;
 color:#ff2e2e;
 background-color:#ffbf75;
 background-image: -moz-linear-gradient(top, #ffbf75 0%, #bf5d02 100%);
 background-image: -webkit-linear-gradient(top, #ffbf75 0%, #bf5d02 100%);
 background-image: -o-linear-gradient(top, #ffbf75 0%, #bf5d02 100%);
 background-image: -ms-linear-gradient(top, #ffbf75 0% ,#bf5d02 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5d02', endColorstr='#bf5d02',GradientType=0 );
 background-image: linear-gradient(top, #ffbf75 0% ,#bf5d02 100%);   
 -webkit-box-shadow:inset 0,0,0px 0,0,0px 1,1,1px #ffffff,#ffffff,#ffffff;  -moz-box-shadow:inset 0px 0px 1px #ffffff;  box-shadow:inset 0px 0px 1px #ffffff;
}

/* Fix for odd Mozilla border & padding issues */
  button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* #Forms
================================================== */
form{margin-bottom:20px}
fieldset{margin-bottom:20px}
input[type=text],input[type=password],input[type=email],textarea,select{border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:12px;color:#777;margin:0;width:auto;max-width:100%;display:block;margin-bottom:20px;background:#fff}
select{padding:0}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}
textarea{min-height:60px}
label,legend{display:block;font-weight:700;font-size:12px}
select{width:220px}
input[type=checkbox]{display:inline}
label span,legend span{font-weight:400;font-size:13px;color:#444}