html, body {margin:0; padding:0; height:100%;}

body
{
word-wrap: break-word;
background-color: #EEEEEE;
color: #3a3a3a;
font-size: 18px;
font-family: Georgia, serif;
}

*
{
-webkit-overflow-scrolling: touch;
}

.main {
position: relative;
min-height: 100%;
max-width: 850px;
text-align:justify;
padding: 0px;
margin: 0 auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background-color: #FFFFFF;
box-shadow: 0px 0px 3px 7px rgba(166,166,166,0.3);
}

@media all and (max-width: 480px)
{
.main {text-align:left;}
.chat_user {width: 20px;}
.chat_tags {top: 36px !important; text-align: left !important;}
.chat_tag {display:inline !important; font-size: 12px;}
.chat_message {font-size: 14px;}
#code_win {width: 300px !important; margin-left: -150px !important;}
}

@media all and (max-width: 768px)
{
.chat_message {max-width: 87% !important;}
}


#toolbar {position: absolute; left: 0px; top: 10px; width: 100%}

.content {margin-left: 6%; margin-right: 6%; padding-top: 30px; padding-bottom: 50px; line-height: 1.35;}

#footer {padding-top: 30px; height: 80px; position: absolute; left: 0; bottom: 0; width: 100%; background-color: #FFFFFF;}

.plink {color: #846c27; cursor: pointer;}

.plinksmall{color: #846c27; cursor: pointer; font-size: 15px;}

.small {font-size: 15px;}

.wind {display: none; font-size: 16px; margin: 0px auto; padding: 10px; position: relative; width: 200px; border-radius: 6px; background-color: #EEEEEE; z-index: 100; box-shadow: 2px 2px 2px #999999;}

li {margin-left: 0px; padding-left:0px; text-align:left;}

ul {margin-left: 0px; padding-left:35px; text-align:left;}

ol {margin-left: 0px; padding-left:35px; text-align:left;}

a:active {color: #F92638; text-decoration: none;}

a:link {color: #846c27; text-decoration: none;}

a:visited {color: #846c27; text-decoration: none;}

.plink:hover,.plinksmall:hover,a:hover
{
  color: #F92638;
  text-decoration: underline;
}

img
{
max-width:100%;
}

.file
{
display: block;
max-width: 100%; margin-top: 15px; margin-bottom: 15px;
}

hr {color: #777777; background-color: #777777; width: 90%; border: none; height: 1px;background: linear-gradient(left center, transparent, #777777, transparent);background: -moz-linear-gradient(left center, transparent, #777777, transparent);background: -o-linear-gradient(left center, transparent, #777777, transparent);background: -ms-linear-gradient(left center, transparent, #777777, transparent);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#FFFFFF',GradientType=1);background: -webkit-gradient(linear, left center, right center,color-stop(0, transparent),color-stop(0.5, #777777),color-stop(1, transparent));}

h1 {font-size: 24px;}
h1:first-letter
{
font-weight: bold;
font-size: 30px;
padding-left: 8px;
padding-right: 8px;
padding-top: 0px;
padding-bottom: 1px;
margin-right: 2px;
background-color: #F92638;
color: #FFFFFF;
}

h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}

h1, h2,h3,h4 {
font-weight: normal;
color: #3a3a3a;
text-align: left;
font-family: Geneva, Verdana, sans-serif;
}

select
{
border: 2px solid #BBBBBB;
font-family: Georgia, serif;
font-size: 14px;
color: #666666;
background-color: #FFFFFF;
}

textarea
{
border: 2px solid #BBBBBB;
width: 98%;
max-width: 98%;
font-family: Georgia, serif;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 1%;
padding-right: 1%;
font-size: 16px;
color: #666666;
background-color: #FFFFFF;
}

input
{
-moz-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}

input[type=text],input[type=password],input[type=email]
{
border: 2px solid #BBBBBB;
width: 98%;
max-width: 98%;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1%;
padding-right: 1%;
font-size: 14px;
color: #666666;
background-color: #FFFFFF;
font-family: Georgia, serif;
}

input[type=search]
{
font-size: 12px;
padding: 2px;
}

input[type=button],input[type=submit]
{
font-size: 13px;
}

.button
{
font-family: Geneva, Verdana, sans-serif;
border: 1px solid #BBBBBB;
padding: 4px;
font-size: 13px;
color: #846c27;
cursor: pointer;
background-color: #FFFFFF;
}
.button:hover
{
color: #F92638;
background-color: #EEEEEE;
text-decoration: none;
}

.menu_itc, .menu_itc2 {
font-size: 11px;
}

.menu_itc a {
font-family: Geneva, Verdana, sans-serif;
float: left;
display: block;
margin-right: 8px;
margin-top: 8px;
margin-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
color: #FFFFFF;
background-color: #5A8BBC;
text-align: center; 
text-decoration: none;
}

.menu_itc2 a {
font-family: Geneva, Verdana, sans-serif;
float: right;
display: block;
margin-left: 6px;
margin-top: 6px;
padding-left: 4px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
color: #777777;
text-align: center; 
text-decoration: underline;
}

.menu_itc2 a:hover
{
color: #F92638;
}

.menu_itc a:hover
{
background-color: #F92638;
text-decoration: none;
}

tt,pre,code
{
display: block;
text-align: left;
border: 1px solid #DDDDDD;
margin-left: 3%;
margin-right: 3%;
padding: 6px;
background-color: #FFFFFF;
font-size: 0.8em;
font-family: Menlo,'Courier New',Monaco,'Droid Sans Mono';
}

cite
{
display: block;
text-align: left;
font-style: italic;
border-left: 6px solid #DDDDDD;
margin-left: 24px;
margin-right: 24px;
padding-left: 6px;
background-color: #FFFFFF;
font-size: 0.9em;
}

.comment
{
padding: 8px;
border: 2px solid #CCCCCC;
font-size: 16px;
background-color: #FFFFFF;
color: #666666;
margin-bottom: 18px;
box-shadow: inset 0 0 8px #EEEEEE;
max-height: 300px;
overflow: auto;
}

.updates
{
text-align: left;
padding: 6px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 4px solid #999999;
border-right: 4px solid #999999;
font-size: 16px;
background-color: #FFFFFF;
color: #666666;
margin-bottom: 10px;
box-shadow: inset 0 0 5px #DDDDDD;
}

.sort
{
border-radius: 0px;
font-family: Geneva, Verdana, sans-serif;
float: left;
display: block;
min-width: 72px;
font-size: 12px;
padding: 3px;
margin-right: 6px;
margin-top: 0px;
margin-bottom: 6px;
border: 1px solid #CCCCCC;
text-align: center; 
text-decoration: none;
cursor: pointer;
color: #5A8BBC;
}

.sort a
{
color: #5A8BBC !important;
}

.sort:hover
{
background-color: #EEEEEE;
text-decoration: none;
}

.sortsel
{
font-family: Geneva, Verdana, sans-serif;
float: left;
font-size: 11px;
min-width: 14px;
padding: 2px;
margin-bottom: 5px;
margin-right: 5px;
text-align: center; 
text-decoration: none;
cursor: pointer;
color: #5A8BBC;
}

.sortsel:hover
{
text-decoration: underline;
}

.header
{
display: block;
font-size: 20px;
text-decoration: underline;
}

.linkb
{
font-family: Geneva, Verdana, sans-serif;
font-size: 14px;
background-color: #5A8BBC;
color: #FFFFFF;
padding: 5px;
border-radius: 2px;
}

.linkb:hover
{
background-color: #F92638;
}

#copyrights
{
font-size: 14px;
padding: 8px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 4px solid #F92638;
border-right: 4px solid #F92638;
text-align:center;
margin-left: 6%;
margin-right: 6%;
overflow: hidden;
background-color: #EEEEEE;
}

.accent,.accentsmall
{
color: #F92638;
}

.accentsmall,.accent2small
{
font-size: 14px;
}

.accent2
{
color: #FFFF99;
}

.accent2small
{
color: #99CCFF;
}

.video
{
position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;
}
.video iframe,.video object,.video embed
{
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.dialog {
font-size: 14px;
display: block;
min-width: 72px;
padding-left: 8px;
border-left: 6px solid #CCCCCC;
text-align: left; 
text-decoration: none;
margin-top:10px;
margin-left:20px;
}

.mono
{
font-size: 0.8em;
font-family: Menlo,'Courier New',Monaco,'Droid Sans Mono';
}

.paybutton
{
cursor: pointer;
text-align: center;
border-radius: 0;
-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
box-shadow: inset 0px 1px 0px 0px #f29c93;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f92638), color-stop(1, #ce0100) );
background: -moz-linear-gradient( center top, #f92638 5%, #ce0100 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f92638', endColorstr='#ce0100');
background-color: #f92638;
border: 1px solid #d83526;
display: inline-block;
color: #ffffff;
font-family: Geneva, Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
padding: 2px 4px;
text-decoration: none;
text-shadow: 1px 1px 0px #b23e35;
}
.paybutton:hover
{
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #f92638) );
background: -moz-linear-gradient( center top, #ce0100 5%, #f92638 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#f92638');
background-color:#ce0100;
}
.paybutton:active
{
position: relative;
top: 1px;
}

.grad
{
background-image: url(grad.png);
background-repeat: repeat-x;
}

.chat_users
{
position: fixed;
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
}

.chat_user
{
border-radius: 4px;
cursor: pointer;
font-size: 11px;
background-color: #666666;
color: #DDDDDD;
padding: 3px;
margin-top: 4px;
margin-right: 4px;
max-width: 80px;
max-height: 25px;
overflow: hidden;
line-height: 0.9;
}

.chat_user:hover
{
background-color: #777777;
}

.chat_message
{
margin-bottom: 18px;
padding: 3px;
-webkit-text-size-adjust: none;
}

.chat_message:hover
{
background-color: #444444;
border-radius: 3px;
}

.chat_tags
{
position: fixed;
left: 0;
top: 0;
font-size: 14px;
-webkit-text-size-adjust: none;
top: 36px;
text-align: center;
width: 100%;
}

.chat_tag
{
cursor: pointer;
margin: 3px;
padding: 0;
border-radius: 3px;
color: #99CCFF;
background-color: #3a3a3a;
}

.chat_tag:hover
{
color: #EEEEEE;
}

.chat_answer
{
font-size: 14px;
padding: 6px;
font-style: italic;
border-left: 2px solid #777777;
}

.chat_code
{
display: block;
text-align: left;
margin-left: 6px;
padding: 6px;
max-height: 200px;
overflow: auto;
}

.chat_code,.chat_macros
{
color: #33CC66;
font-size: 0.8em;
font-family: Menlo,'Courier New',Monaco,'Droid Sans Mono';
}

.chat_link
{
color: #99CCFF;
font-size: 0.8em;
font-family: Menlo,'Courier New',Monaco,'Droid Sans Mono';
}

#code_win
{
display: none;
position: fixed;
top: 60px;
text-align: center;
width: 400px;
font-size: 16px;
padding: 0;
border-radius: 6px;
background-color: #444444;
z-index: 100;
left: 50%;
margin-left: -200px;
box-shadow: 2px 2px 2px #222222;
}

.hide,.hidesmall
{
color: #777777;
}

.hidesmall
{
font-size: 14px;
}

.hidden
{
display: none;
}

.shot
{
border: 1px solid #AAAAAA;
box-shadow: 1px 1px 1px #AAAAAA;
}

.shot:hover
{
outline: 2px solid #5A8BBC;
}

.shot_title, .shot_author
{
font-size: 13px;
font-family: Geneva, Verdana, sans-serif;
text-align: center;
overflow: hidden;
}

.shot_title
{
height: 50px;
}

.shot_author
{
height: 30px;
color: #777777;
}

#flow_frame
{
width: 25%;
height: 100%;
position: fixed;
top: 0;
right: 0;
}

.shots
{
width: 100px;
float: left;
margin-bottom: 10px;
margin-right: 20px;
padding: 5px;
border: 2px solid #5A8BBC;
background-color: #eee;
}

.shots:hover
{
background-color: #fff;
}

.shots a
{
color: #222;
}

.shots a:hover
{
text-decoration: none;
}

@media all and (max-width: 768px)
{
.shots
{
margin-right: 10px;
}
}