* 
{
    margin: 0;
    padding: 0;
    border: 0;
}

body
{
    font-size: 14px;
    font-family: Century Gothic, Arial, san-serif;
    background: url(/img/bg.jpg) no-repeat center center fixed;
    background-size: 100%;
    text-shadow: 1px 1px 1px #dedede;
    filter: dropshadow(color=#dedede, offx=1, offy=1);
}

#wrapper
{
    width: 100%;
}

#bg-left, #bg-right
{
    position: fixed;
    top: 0px; 
    opacity: .50;
    filter: alpha(opacity=50);
}

#bg-left
{ 
    left: 0px; 
    width: 180px;
    height: 1100px;
    background: url("/img/bg-left.png") no-repeat;
}

#bg-right
{ 
    width: 100%;
    height: 1083px;
    background: url("/img/bg-right.png") right no-repeat;
}

h1, h2, h3 { display: inline; }

h2 { font-size: 18px;}
h3 { font-size: 24px;}

.medium, .large{ font-weight: bold; }
.small { font-size: 16px; }
.medium { font-size: 18px; }
.large { font-size: 24px; }

div.hr 
{
  height: 1px;
  background-color: #000000;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: .50;
  filter: alpha(opacity=50);
  width: 100%;
}
div.hr hr 
{
  display: none;
}

#footer 
{
    margin: 0px auto;
}

#footer ul
{
    list-style-type: none;
    font-size: 12px;
}

#footer ul li
{
    display: inline;
}

#footer ul li a { color: #000000; }
#footer ul li a:hover { color: #395152; }
 
img { border: none; }   

a
{
    text-decoration: none;
    color: #b56c3a;
}
 
a:hover
{ color: #395152; }

.success,  .error 
{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.success 
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/img/success.png');
}

.error 
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/img/error.png');
}

a.button:hover img
{
    opacity: .70;
    filter: alpha(opacity=70);
}

.indent-top { margin-top: 10px; }
.indent-top2 { margin-top: 30px; }
.indent-bot { margin-bottom: 10px; }
.indent-bot2 { margin-bottom: 30px; }
.center-text{ text-align: center; }

.border1
{
    padding: 14px 0px 10px 0px;
    background-color: #617476;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}

.module-home, .module
{
    position: relative;
    top: 50px;
    padding: 20px 30px 0px 30px;   
    background: #ffffff; /* for browsers that don't understand the following rgba rule */
    background-color: rgba(255,255,255,0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}

.module-home
{
    left: 200px;
    width: 400px;
}

.module
{
    margin: 0px auto;
    width: 1000px;
}

.content, .content-alt
{
    position: relative;
    clear: both;
    top: -65px;
}

.content-alt{ top: -50px; }

#logo
{
    position: relative;
    top: -60px;
    display: inline;
}

#social
{
    padding-left: 50px;
    float: right;
}
#social a
{
    position: relative;
    top: -5px;
}

#menu
{
    position: relative;
    top: -60px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: 100%;
}

ul
{
    list-style-type: none;
	text-align: center;
}

#menu ul li 
{ 
    display: inline;

}

#menu ul li a
{
	background: rgb(53, 96, 148);
	padding: 8px 15px 8px 15px;
	
	text-shadow: none;
	color: #fff;
	
}

#menu ul li a:hover
{
	opacity: .75;
    filter: alpha(opacity=75);
}

.selected{ color: #000000; }

.logo img { width: 400px; height: 186px; }

.list-wrapper
{
    width: 100%;
    text-align: center;
}

.list-wrapper ul { width: 860px; margin: 0px auto; list-style-type: none; }

.list-wrapper ul li
{
    text-align: left;
    float: left;
    height: 315px;
    width: 420px;
    padding: 5px;
}

.clear{ clear: both; }

.fish-table{ margin: 0px auto; position: relative; left: -50px; }

.fish-table td
{
    border: 1px solid #000;
    opacity: .80;
    filter: alpha(opacity=80);
}

.fish-table td, .fish-table th
{
    padding: 5px;
    text-align: center;
}

.fish-table td{ width: 35px; }

th.fish-title
{ 
    text-align: right; 
}

.fish-table th span
{
    padding: 5px;
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
}

.fish-table .rating-0 { background-color: #ffffff; opacity: .50; filter: alpha(opacity=50); }
.fish-table .rating-1 { background-color: #bfe4eb; }
.fish-table .rating-2 { background-color: #bfe4eb; }
.fish-table .rating-3 { background-color: #78c860; }

.post
{
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.post-single img
{
    float: left;
    margin: 10px 10px 10px 0px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 4px solid #FFFFFF;;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

.post h3{ }

.post-info i
{
    font-size: 12px;
}

.post-content
{
    font-size: 14px;
}

.post-single img {
	max-width: 900px;
	height: auto;
}

.navigation{ width: 100%; font-size: 16px; }
.alignleft{ float: left; }
.alignright{ float: right; }


ul#tiled { position: relative; top: -30px; margin: 0px auto; }
ul#tiled li{ margin: 2px; display: inline-block; }
ul#tiled li img
{
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #FFFFFF;;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

div#register-div input[type=text]{
    background-color: rgba(255,255,255,0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    padding: 5px;
    width: 130px;
}
div#register-div h4 {
    font-size: 16px;
}

.button-link {
    cursor: pointer;
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-link:hover, .button-link:focus {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

table.pricing {
    font-size: 16px;
    background-color: #fff;
    padding: 0px;
}

table.pricing th {
    background-color: #4479BA;
    font-size: 24px;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
    padding: 5px 10px 5px 10px;
}

table.pricing td {
    padding: 5px;
    font-style: italic;
    margin: 0px 5px 0px 5px;
}

table.pricing td.price {
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}