@import url("jquery.countdown.css");

* { margin: 0; padding: 0; }

body { color:#333; background:#887B59 url('../images/background_body.jpg') no-repeat top center; font:normal normal 100% Palatino Linotype,Palatino,Hoefler Text,Times,Times New Roman,serif; }

a { color:#593A25; font-style:italic; text-decoration:none; border-bottom: 1px dotted #A2A093; }
a:hover { color:#990000; border-bottom: 1px solid #990000; }

h2 { color:#333; font:italic normal 170% Palatino Linotype,Palatino,Hoefler Text,Times,Times New Roman,serif; letter-spacing:-0.01em; }

.container {
	background:#E5E3D1 url('../images/background_content.png');
	width:1005px;
	margin:10px auto 40px;
	-moz-box-shadow:    0 3px 10px 6px #333;
	-webkit-box-shadow: 0 3px 10px 6px #333;
 	box-shadow:         0 3px 10px 6px #333;
}

.container .border-1 { border:#C2C0AF solid 6px; }
.container .border-2 { border:#333 solid 2px; }
.container .border-3 { border:#D2D0AD solid 2px; }
.container .border-4 { border:#333 solid 1px; }

header .logo { height:75px; background:url('../images/logo_sweetbeard.png') no-repeat center center; }

header #allthe { width:200px; float:left; margin:10px; padding:4px; border:#333 solid 1px; text-align:center; font-size: 90%; }
header #extra { width:200px; float:right; margin:10px; padding:4px; border:#333 solid 1px; text-align:center; font-size: 90%; }
header #extra h2 { font-size:18px; font-style: normal; letter-spacing: 10px; margin:0; }
header #extra p { margin:0; }


.menu { margin:0 10px 10px; }
.menu .border-1 { border:#333 solid 2px; border-width:2px 0; }
.menu .border-2 { border:#D2D0AD solid 2px; border-width:2px 0; }
.menu .border-3 { border:#333 solid 1px; border-width:1px 0; }

.menu ul { list-style-type: none; height: 23px; margin: auto; }
.menu li { float: left; }
.menu ul a { background-repeat: no-repeat; background-position: right; padding:0 15px; font-style:normal; display: block; height:23px; line-height:23px; text-decoration: none; font-size:15px; color: #371C1C; text-transform:uppercase; border:0; }
.menu .addthis_toolbox { background:transparent !important; border:0 !important; padding:0 !important; margin:1px 0 0 0 !important;}
.menu .addthis_toolbox a:hover { background:transparent !important; }

.chop { text-transform: none !important; }


.menu ul a:hover { color:#EEEEEE; background:#593A25; }

.content { width:640px; margin:10px; float:left; clear:both; border:#333 solid 1px; border-width:0 1px 0 0; padding:0 12px 40px 0; }

.news img, #profile img {	margin:0 10px 10px 0; background:#D2D0AD; padding: 7px; border: 1px solid #A2A093; }
.content a.no-border { border:0; }

p { margin:0 0 20px; }
p img { max-width:240px; float:left;  margin:10px 10px 10px 0; }
p img.right { float:right;  margin:10px 0 10px 10px; }
blockquote { font-style:italic; margin:20px; background:#D2D0AD; padding: 7px; border:3px double #A2A093;  }

.news { border-bottom:1px solid #333; margin:0 0 20px; padding:0 0 10px 0; }
.news h2 a  { border:0; }
.news .description { color:#333333; line-height:130%; text-indent: 25px; text-align:justify; padding:0 0 0 10px; }
.news .description:first-line { font-weight: bold; }
.news .description a {  }
.news .description a:hover {  }
.news .info { color:#333333; line-height:150%; font:normal normal normal 80% Palatino Linotype,Palatino,Hoefler Text,Times,Times New Roman,serif; margin:0.5em 0pt 10px 10px; }
.news:after, .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.news:after, .clearfix:after { zoom:1px; }

.document { margin:10px 0; }

.addthis_toolbox { background: none repeat scroll 0 0 #D2D0AD; border: 1px solid #A2A093; margin: 10px 0 0; padding: 8px 8px 4px;}
.addthis_toolbox a { border:0; }

#pogonotrophists { text-align:justify; }
#pogonotrophists .photo { background:#D2D0AD; padding:7px; margin:7px; border:1px solid #333; display:inline-table; }
#pogonotrophists .photo > a { background:#593A25; display:block; height:120px; max-width:160px; min-width:90px; box-shadow:0 0 20px #000 inset; -webkit-box-shadow: 0 3px 10px 6px #000 inset; box-shadow:0 3px 10px 6px #000 inset; }
#pogonotrophists .photo > a img { opacity:0.65; }
#pogonotrophists .photo:hover > a img { opacity:1; }
#pogonotrophists .photo a > img { background:transparent; }
#pogonotrophists .photo .nameplate { margin:-25px 0 0 5px; }
#pogonotrophists .photo .nameplate a { color:#EEEEEE; }

#profile > div { margin:0 0 10px 0; }
#profile #montage { float:left; margin:5px; }
#profile #montage li { display:none; }
#profile #montage li:first-child { display:inline; }
#profile .pic { float:left; }
#profile ul, #profile ol { list-style:none; } 

.quote { font-style:italic; font-size:120%; }
.author { float:right; }

#tabs {	background:#D2D0AD; border:4px double #A2A093; border-radius:0; }
#tabs > ul { background:transparent; border:0; }
#tabs > ul li a { padding:4px 8px; font-weight:bold; font-style:normal; background:#371C1C; border: 3px double #D2D0AD; color:#EEEEEE; }
#tabs > ul li:hover { border:0; margin:1px; }
#tabs > ul li.ui-tabs-selected { background:transparent; border:0; }
#tabs > ul li.ui-tabs-selected:hover { margin:0 3px 0 0; }
#tabs > ul li.ui-tabs-selected a { background:transparent; color:#333; font-style:italic; }
.ui-widget { font:100% Palatino Linotype,Palatino,Hoefler Text,Times,Times New Roman,serif !important; }
.ui-widget-content a { color:#593A25; }
.ui-widget-content a:hover { color:#990000; }


.sidebar { height:100%; width:300px; margin:10px 10px 10px 0; float:left; }
.sidebar > div { margin:0 0 10px 0; }
.sidebar p { margin:0; }


.half-left { width:50%; float:left; }
.half-right { width:50%; float:right; }


/* Amazon box */
.light_background  { margin:10px; padding:4px; border:#333 solid 1px; text-align:center; font-size: 90%; }
.light_background img {	margin:0 10px 10px 0; background: none repeat scroll 0 0 #D2D0AD; padding: 7px; border: 1px solid #A2A093; }
.light_background > img { display: none }

/* beardoffs */
.beardoffs { background:#EEEEEE; border:3px double #A2A093; box-shadow:0 2px 12px #AAA inset; padding:0 0 6px; font-family:Arial; }
.beardoffs div.text { display:block; font-size:12px; padding:0 20px 6px; text-align:justify; }
.beardoffs a { border:0; font-weight:normal; font-style:normal; }
.beardoffs .hasCountdown { background:transparent; border:0; }


/* Countdown */
.hasCountdown-temp { height:60px; padding:6px 0 0; box-shadow:0 0 16px #593A25 inset; }

/* Login */
label {
    text-shadow: 2px 2px 2px #ccc;
    display: block;
    float: left;
    font-weight: bold;
    margin-right:10px;
    text-align: right;
    width: 150px;
    line-height: 25px;
    font-size: 15px;
}
.input, #openid_identifier {
    font-size: 15px;
    padding: 5px;
    border: 1px solid #333;
    width: 450px;
    color: #555555;
    box-shadow:0 0 12px #A2A093 inset;
}
.hint{
    display:none;
}
.field {
	margin:0 0 7px 0;
}
.field:hover .hint {
    position: absolute;
    display: block;
    margin: -43px 0 0 633px;
    width: 200px;
    color: #FFFFFF;
    padding: 7px 10px;
    background:#593A25;
    opacity:0.85;
 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    z-index:1000;
}
.button{
   	font:bold normal 100% Palatino Linotype,Palatino,Hoefler Text,Times,Times New Roman,serif;
    float: right;
    margin:10px 40px 10px 0;
    line-height: 1;
    padding: 4px;
    cursor:pointer;
    color: #fff;
 
    text-align: center;
    text-shadow: 0 -1px 1px #000000;
 
    /* Background gradient */
    background: #593A25;
    background: -moz-linear-gradient
       (top, #593A25 0%, #7089b3 100%);
    background: -webkit-gradient
       (linear, 0% 0%, 0% 100%,
       from(#593A25), to(#7089b3));
 
    /* Border style */
    border: 5px double #E5E3D1;
 
    /* Box shadow */
    -moz-box-shadow: inset 0 1px 0 0 #8F5E3D;
    -webkit-box-shadow: inset 0 1px 0 0 #8F5E3D;
    box-shadow: inset 0 1px 0 0 #8F5E3D;
}
#login label { width:80px; }
#login .input, #openid_identifier { width:180px; }
#login .field:hover .hint { margin:-43px 0 0 312px; }

input:not(#openid_identifier) { background-position: 175px center !important; }
#openid_identifier { background-position: 6px center !important; padding-left: 26px !important; }




/* Temp styles */
a { color:#333; text-decoration:none; font-weight: bold; }
label { display: block; font-weight: bold; padding: 4px; }
input { margin: 0 0 10px 0; }
textarea { width: 80%; height: 100px; }
.small { font-size: 0.7em; display: block; margin-left: 3em; }