@charset "utf-8";
@import url('reset.css');

body{
background-color:#f8f8ec;
font-family: Tahoma, Verdana, sans-serif;
font-size: 13px;
padding: 53px 0 0 0;
}

.hidden {
display:none;	
}

#header {
margin-bottom:15px;
background:#2b2d32;
height:40px;
position:absolute;
top:0;
left:0;
width:100%;
position:fixed;
}

#logo {
float:left;
margin-top:7px;
width:205px;
}

.nav {
float:left;
width:600px;
margin-top:11px;
}

.nav ul{
}

.nav ul li{
list-style: none;
display: inline;
}

.nav ul li a{
font-size:16px;
padding: 0 10px;
text-decoration: none;
float: left;
color: #ffffff;
}

.nav ul li a:hover{
padding-top:1px;
}

.nav ul li a:active{ 
}

#search {
position:absolute;
right:0px;  
top:12px;
}

#search input {
border:0;
width:120px;
color:#4a4a4a;
padding:3px;
font-size:13px;
background:#ffffff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;      
}

div#container {
width:887px;
margin:0 auto;
}

div#content {
float:left;
width:706px;
clear:right;
}

div#extra {
float:right;
text-align:right;
width:166px;
}

div#footer {
margin-top:15px;
padding:20px 5px;	
color:#cccccc;
font-size:11px;	
background:#2b2d32;
}
div#footer a {
color:#77a13b;
}

h1 {
color:#6c6c5f;
font-size:11px;
position:absolute;
bottom:5px;
left:0;
}

.post-block {
background:#2b2d32;
margin-bottom:20px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}	

.pic img {
border:3px solid #2b2d32;
display:block;
background:#fff;
}

.pic_vote{
margin:0 10px 0 0;
float:left;
padding: 0 4px;
border:1px solid #cccccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px; 
background:#ffffff;
}
.vote_up_act {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -6px;
}
.vote_up {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -50px;
}

.vote_down_act {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -28px;
}

.vote_down {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -72px;
}
.vote_count {
padding:1px 6px 0 6px;
display:block;
float:left;
color:#838383;
font-size: 13px;
}


#pic-nav {
display:block;
color:#999;
margin:8px 0 0px 0;
text-align:center;
float:right;
font-size: 12px;
}
#pic-nav a {
color:#b7b7b7;
font-weight:700;
text-decoration:none;
width:60px;
margin:0;
padding:3px 6px
}
#pic-nav a:hover {
color:#fff;
background:#d5d5c3
}



.post-details {
padding:0;
margin:15px 0 15px 0;
}

.post-details .lft {
float:left;
width:375px;
line-height:21px;
}

.post-details .rgt {
float:right;
width:150px;
text-align:right;
color:#919191;
}

.post-details .rgt a {
color:#b2b2a2;
text-decoration:none;	
}
.post-details .rgt a:hover {
color:#77a13b;
text-decoration:none;	
}

.social-btn {
margin-right:10px;
float:left;
overflow:hidden;
}




/* -------------- CAPTION -------------------- */

.caption-entry-first {
border-bottom:solid 1px #555555;
padding:12px 0px;
}
.caption-entry {
padding:12px 0px;
border-bottom:solid 1px #555555;
}

.typeface-js {
color:#cccccc;
float:left;
width:630px;
font-size:15px;
font-family: Helvetiker;
}

.ct {
color:#1a887d;
float:left;
width:630px;
font-size:17px;
font-family: Arial
}

.caption-vote{
float:right;	
}
.caption_vote_up_act {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -6px;
}
.caption_vote_up {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -50px;
}

.caption_vote_down_act {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -28px;
}

.caption_vote_down {
background-image: url(/img/vote-sprite.gif);
width:15px;
height:18px;
display:block;
float:left;
text-indent:-2600px;
background-position:0 -72px;
}
.caption_vote_count {
padding:2px 6px 0 6px;
display:block;
float:left;
text-align:center;
color:#dbdbdb;
}

.caption-detail {
color:#808080;
font: 11px arial,sans-serif;
}

.caption-detail a {
color:#ffffff;
text-decoration:none;
}

.caption-detail .name {
color:#ffffff;
}

/* -------------- ADD CAPTION -------------------- */

.add-caption-title{
color:#717d1a;
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
line-height:1.4em;
margin-bottom:5px
}

#caption-form-box {
width:687px;
background:#333333;
padding: 9px 0;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}

#caption-form {
margin:0 10px;
color:#777777;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}

#caption-form input {
width:190px;
border:0;
margin:0 0px 0 0px;
border:1px solid #434343;
font-size: 12px;
color:#ffffff;
padding:2px;
font-weight:normal;
background:#000000;
}

#caption-form textarea {
width:658px;
border:1px solid #434343;
color:#ffffff;
padding:4px;
font: 12px arial,sans-serif;
font-weight:normal;
background:#000000;
margin:7px 0 7px 0;
}

#caption-form .caption-button {
border:0;
width:94px;
color:#f8f8ec;
font: 13px verdana,sans-serif;
background:#0ca614;
padding:1px 10px;
margin-left:10px;
text-shadow:0px 2px 2px #832a1a;
}

#caption-form-instr{
float:right;
color:#808080;
font-size:11px;	
margin-top:5px;
}







#thumb {
display:block;
border:solid 3px #2b2d32;
margin-bottom:15px;
}

#thumb img {
display:block;	
}

#thumb:hover {
border:solid 3px #0add14;
}


.big-button a {
width:166px;
display:block;
background:#9bcc55;
color:#fff;
font-weight:700;
text-decoration:none;
padding:6px 0;
text-align:center;
margin-bottom:15px;
}

.big-button a:hover {
background:#178076
}



/* -----------THUMBS PAGE ----------*/

#page-nav {
color:#999;
display:block;
margin:15px 0 45px 0;
text-align:center
}

#page-nav .nr {
color:gray;
font-weight:700
}

#page-nav-form input {
border:1px solid #c8c8c8;
color:gray;
font-weight:700;
text-align:center;
width:30px;
padding:0
}

#page-nav a {
color:#b7b7b7;
font-weight:700;
text-decoration:none;
width:60px;
margin:0;
padding:3px 15px
}
#page-nav a:hover {
color:#fff;
background:#d5d5c3
}


/* --------- CONTACT ---------*/

#contact-form-box {
width:706px;
background:#eeeee1;
padding: 15px 0;
margin-top:15px;
}

#contact-form {
margin:0 15px;
color:#777777;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}

#contact-form input {
width:180px;
border:0;
margin:3px 0px 7px 0px;
border-bottom:1px dotted #d4d4d4;
font-size: 12px;
color:#323232;
padding:2px;
font-weight:normal;
background:#f8f8ec;
}

#contact-form textarea {
width:450px;
height:150px;
border:1px dotted #d4d4d4;
color:#838383;
padding:4px;
font: 12px arial,sans-serif;
font-weight:normal;
background:#f8f8ec;
margin:3px 0 7px 0;
}

#contact-form .button {
border:0;
width:85px;
color:#f8f8ec;
font: 13px verdana,sans-serif;
background:#1a887d;
}


/* -------- COMMENTS ---------*/

#comment-form-box {
width:510px;
background:#eeeee1;
padding: 15px;
margin:30px 0 10px 10px;
}

.comment {
font-size:11px;	
color:#999;
border-left: 1px dotted #d4d4d4;
padding-left:15px;
margin-left:15px;
}
.comment a {
color:#777;
text-decoration:none
}
.comment .name {
color:#777;
}
.comment .date {
color:#999;
}
.comment .reply {
color:#77a13b;
text-decoration:none
}

.comment-text {
font-size:12px;
color:#686868;
margin:7px 0 12px 0;
}

.comment-text a {
color:#4c7fa2;
text-decoration:none;
}

.add-comment-title{
color:#9f9f9f;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
line-height:1.4em;
margin-bottom:5px
}

#comment-form {
width:400px;
color:#777777;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}

#comment-form input {
width:149px;
border:0;
margin:0 8px 0 3px;
border-bottom:1px dotted #d4d4d4;
font-size: 12px;
color:#323232;
padding:2px;
font-weight:normal;
background:#f9f9f9;
}

#comment-form textarea {
width:500px;
border:1px dotted #d4d4d4;
color:#838383;
padding:4px;
font: 12px arial,sans-serif;
font-weight:normal;
background:#f9f9f9;
margin:7px 0 7px 0;
}

#comment-form .button {
border:0;
width:61px;
color:#fff;
background:#aaa;
}

ul.tabs {
margin:0;
padding:0;
}
ul.tabs li {
display:block;
float:left;
padding-right:5px;
}
ul.tabs li a {
display:block;
padding:6px 10px;
text-decoration:none!important;
margin-right:1px;
margin-left:0;
font:13px Verdana;
color:#FFF;
background:#0ca614;
}
ul.tabs li a.selected {
margin-bottom:0;
color:#ffffff;
background:#2b2d32;
cursor:default;
}
.tab-content {
clear:both;
}