/*****************************************************
 * SimpleThings main style sheet
 * Copyright (c) 2008 Minerva Vincze
 *
 * @author: Constantin Bejenaru (www.frozenminds.com)
 * @version: 0.2
 * @last_edit: 13 May 2008
 *****************************************************/



/**************************************************
 * Global
 **************************************************/
* {
   margin:0;
   padding:0;
}

body, html {
   background:#222;
}

body {
   padding:0;
   color:#929292;
   font-family:"Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
   font-size:78%;
   font-weight:normal;
}

/**************************************************
 * Main Layout
 **************************************************/
#gallery {
   margin:0 auto;
   padding:0;
   min-width:600px;
   width:80%;
   overflow:hidden;
}

#header {
   clear:both;
   margin:0 0 1em;
   padding:.5em 1em 0;
   text-align:center;
}
#content-wrapper {
   margin:0 auto 1em;
   padding:0;
   position:relative;
   clear:both;
   border:1px solid #444;
   background:#000;
}
#content-wrapper-mini
{
   margin:0 auto;
   padding:2em 2em 30px 30px;
}

.contentmain {
   float:left;
   position:relative;
   width:75%;
   min-height:500px;
   overflow:hidden;
   /*background:transparent url('images/shadow.png') no-repeat bottom;*/

}
.contentmainsingle {
   position:relative;
   min-height:500px;
   /*overflow:hidden;*/
}

#content-secondary {
   float:right;
   width:20%;
   padding:0 1%;
}

#gallery .secbox {
   padding-bottom:2em;
}

#footer {
   margin:0 auto;
   clear:both;
   width:99%;
}

.clearfix {
   display:block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Hidden */
#gallery .hideme { display:none; }
#gallery .no-display { display:none; }

/**************************************************
 * Links
 **************************************************/
a {
   text-decoration:none;
   font-weight:normal;
}
a, a:active, a:link, a:visited, a:focus {
   color:#86a342;
}

a:hover {
   color:#CCEF7F;
}

a.imglink:link,
a.imglink:visited { border:none; }
a.imglink:hover { background:transparent; }

#gallery #content-tertiary a {
   text-decoration:none;
   border-width:0;
}

/**************************************************
 * Headings
 **************************************************/
h1, h2, h3, h4, h5, h6 {
  margin:0.2em 0 0;
  padding:0;
  clear:both;
  font-weight:normal;
  font-family:"Trebuchet MS", "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
  /*color:#5C5F57;*/
  color:#7B7F75;
}

h1 {
   margin:0.4em 0;
   line-height:1.2;
}

h2 {
   font-size:130%;
}

h3 {
   padding:0.5em 0;
   font-variant:small-caps;
   letter-spacing:-1px;
}

h4 {
   font-size:110%;
   font-weight:bold;
   /*color:#5D6F73;*/
   color:#7B7F75;
}

h5, h6 {
   font-size:100%;
   font-weight:bold;
}

#gallery .document-title {
   padding-bottom:1.5em;
   color:#7B7F75;
   font-variant:small-caps;
   font-weight:bold;
   letter-spacing:0.1em;
}

/**************************************************
 * Quotes
 **************************************************/
blockquote {
   margin:0.5em 0 0 0;
   padding:0.5em;
   font:italic 95% Georgia,Helvetica,Geneva,Verdana,Arial,sans-serif;
   border:1px solid #7B7F75;
   border-width:1px 0;
}

/**************************************************
 * Lists
 **************************************************/
ul, ul li {
   /*list-style-image: url('images/list-bullet.png');*/
   list-style-type:square;
}

ol li span {
   color: #444;
}
dl {
   margin-bottom:1em;
   padding:0;
   border-collapse:collapse;
}
img {
   border:none;
}

#gallery dl.parallel {
   display:block;
}

#gallery dt.label {
   padding:2px 2% 2px 0;
   display:block;
   float:left;
   clear:both;
   font-weight:bold;
   width:30%;
}

#gallery dd.desc {
   padding:2px 3% 2px;
   display:block;
   float:right;
   width:60%;
}

#gallery #content-tertiary ul, #content-tertiary li {
   list-style-type:none;
}

/**************************************************
 * Acronyms
 **************************************************/
abbr, acronym {
   border:none;
   text-decoration:none;
}

abbr[title], acronym[title] {
   border-bottom:1px dotted #444;
   cursor:help;
}

/**************************************************
 * Tables
 **************************************************/
table {
   width:100%;
   border:none;
}
tr, td {
   vertical-align:top;
}
.alignright {
   text-align:right;
}
.alignleft {
   text-align:left;
}

/**************************************************
 * Header
 **************************************************/
#gallery #header .logolink { margin:0 auto; padding:0; float:left;}

#header img {
   margin:0;
   padding:0;
   border:none;
/*
       width:220px;
    height:80px;
*/
}

#gallery img.logoimg {
    margin:0;
 }

/**************************************************
 * Navigation (Main Menu)
 *
 * @copyrigh: http://www.cssplay.co.uk/menus/top_pointer.html
 **************************************************/

#navigation {
   margin:80px 0 0;
   padding:0;
   float:right;
   width:60%;
}
#navigation ul {
   display:table;
   float:right;
   padding:0;
   list-style-type:none;
   white-space:nowrap;
}
#navigation li {
   display:table-cell;
   margin:0;
   padding:0;
}
#navigation li.first {

}
#navigation li a {
   margin:0 2px;
   padding:5px 10px;
   float:left;
   font-size:95%;
   letter-spacing:1px;
   text-decoration:none;
   text-align:center;
}

#navigation a, #navigation a:active, #navigation a:link, #navigation a:visited, #navigation a:focus {
   color:#86a342;
   /*border-bottom:1px solid #7F9351;*/

}
#navigation a:hover {
   color:#CCEF7F;
   /*border-bottom:1px dotted #CCEF7F;*/
}

/*
#navigation ul li:after {
   content: "\0020 \0020 :: \0020";
   color:#fff;
}

#navigation ul li.last a:after {
   content:"";
   }
*/

/**************************************************
 * Forms
 **************************************************/
form {
   margin:0 !important;
   padding:0;
   text-align:left;
}

.input_form div {
   margin:0.5em 0 0.8em;
}

#wapper label {
   display:block;
}
label {
   margin:1em 0 0.2em;
   font-weight:bold;
   font-size:90%;
   cursor:pointer;
   color:#d3d3d3;
}

label em, label small {
   font-weight:normal;
   font-style:normal;
   font-size:90%;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin:0;
   padding:0;
   border:none;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

input, textarea {
   border:1px solid #555;
   color:#d3d3d3;
   background:#3D3D3D;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}
.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #494949;
}


#gallery input.inputbox,
#gallery input.inputboxlocked,
#gallery textarea.inputbox,
#gallery .form-text,
#gallery .form-textarea {
   margin:0 0 auto 0;
   padding:4px 5px;
   display:block;
   width:70%;
   border:1px solid #555;
   color:#d3d3d3;
   background:#3D3D3D;
}
input.inputboxlocked { font-style:italic; }
/*
#gallery input.inputboxlocked,
#gallery input.inputbox {
   width:40%;
}
*/
#gallery input.searchboxmini {
   width:90%;
}

#gallery textarea.inputbox {
   width:80%;
}

#gallery input.button {
   font-size:90%;
   padding:0.3em 1em;
   cursor:pointer;
}

select {
   background:#3D3D3D;
   color:#fff;
   border:1px solid #666;
}
option {
   padding:5px 5px;
   background:#3D3D3D;
   color:#888;
}

checkbox {
   width:1em;
}

#gallery input.inputbox:focus,
#gallery textarea.inputbox:focus,
#gallery .form-text:focus,
#gallery .form-textarea:focus {
   background:#F6F4D4;
   color:#333;
}

.captchabox a {
   border-width:0 !important;
}

.captchabox img {
   border:1px solid #888;
}

.submitarea {
   margin:0.5em 0;
}


#gallery #submit {
   margin-right:2em;
   font-variant:small-caps;
}

#gallery #reset {
   margin-left:2em;
   background:transparent;
   border:none;
   color:#d3d3d3;
}

#gallery .block-gallery {
   padding:0;
   margin:2em 0 0 0;
}

.block-gallery tr.even, .block-gallery tr.odd {
   background:transparent;
   border:none;
}
.block-gallery td {
   text-align:left;
}

/**************************************************
 * Footer
 **************************************************/
#footer {
   font-size:85%;
   color:#888;
}

#footer .copyright {
   margin-right:110px;
   padding:1em 0;
   text-indent:-1px;
   float:left;
}

#footer .copyright a {
   text-decoration:none;
}

#footer .copyright a, #footer .copyright a:link, #footer .copyright a:active, #footer .copyright a:visited, #footer .copyright a:focus {
   color:#888;
   border:none;
}

#footer .copyright a:hover {
   border-bottom:1px dotted #888;
}

#footer .meta {
   margin:1em 1em 0;
   padding:0;
   list-style-type:none;
   font-size:75%;
   display:none;
}
#footer .meta li {
   display:inline;
   margin:0 0.5em 0 0;
   padding:0;
   font-size:90%;
   line-height:2;
}
#gallery #footer .meta a {
   padding-right:10px;
}
#footer .meta a,#footer .meta a:link,#footer .meta a:active,#footer .meta a:visited,#footer .meta a:focus {
   color:#888;
   text-decoration:none;
}
#footer .meta a:hover {
   text-decoration:underline;
}
/* Hided, visible just for search engines */
#developed,.developed { display:none; }
#developed,.developed, #gallery .developed a { color:#888; }


/**************************************************
 * Misc
 **************************************************/

#gallery .extended a {
   display:block;
   clear:both;
   background:transparent;
}
#gallery .extended a:hover, #gallery .extended a:focus { background:transparent; }
#gallery .extended img {
   margin:0.3em auto;
}

#content-main p {
   margin:0 0 1em;
   padding:1px 0;
   text-align:justify;
}

/**************************************************
 * Highlighting
 **************************************************/
#gallery pre {
   margin:1em 0;
   padding:0.5em 0.2em;
   overflow:auto;
   max-height:500px;
   border:1px dashed #aaa;
   border-width:1px 0;
   font-size:80%;
   font-family:Courier;
}

/**************************************************
 * Error, Warning, Notice, Success
 **************************************************/
#gallery .messages {
   clear:both;
   display:block;
   margin:.5em 0;
}
#gallery .giSuccess {
   color:#527D2F;
   background:#E2F9E3;
}
#gallery h1.giSuccess, #gallery h2.giSuccess, #gallery h3.giSuccess, #gallery h4.giSuccess, #gallery h5.giSuccess {
   padding:0.4em;
   text-align:center;
   border:1px solid #527D2F;
}
.error, .errors, .warning, .notice, .success, .thankyou {
   margin:1em 0;
   padding:0.5em 0.3em;
   border:1px solid #ddd;
   border-width:1px 0;
   cursor:help;
}
#gallery .error h1  , #gallery .error h2  , #gallery .error h3  , #gallery .error h4  , #gallery .error h5  , #gallery .error h6  ,
#gallery .errors h1  , #gallery .errors h2  , #gallery .errors h3  , #gallery .errors h4  , #gallery .errors h5  , #gallery .errors h6  ,
#gallery .warning h1, #gallery .warning h2, #gallery .warning h3, #gallery .warning h4, #gallery .warning h5, #gallery .warning h6,
#gallery .notice h1 , #gallery .notice h2 , #gallery .notice h3 , #gallery .notice h4 , #gallery .notice h5 , #gallery .notice h6 ,
#gallery .success h1, #gallery .success h2, #gallery .success h3, #gallery .success h4, #gallery .success h5, #gallery .success h6,
#gallery .thankyou h1, #gallery .thankyou h2, #gallery .thankyou h3, #gallery .thankyou h4, #gallery .thankyou h5, #gallery .thankyou h6
{
   margin:0;
   padding:0;
   text-transform:uppercase;
   letter-spacing:-1px;
   font-weight:bold;
   font-size:120%;
   background:transparent;
   color:#f00;
}

#gallery .error, #gallery .errors, #gallery .warning {
   color:red;
   border-color:red;
}

#gallery .notice {
   color:#D56520;
   background:#F7FFCC;
   border-color:#E07E54;
}

#gallery .success {
   color:#527D2F;
   background:#E2F9E3;
   border-color:#527D2F;
}

#gallery .thankyou {
   color:#0C5F93;
   background:#E6F2FF;
   border-color:#0C5F93;
}

 /**************************************************
 * Web Links
 **************************************************/
#gallery .weblinks a {
   padding:0.4em;
   clear:both;
   display:block;
}
ul.weblinks {
   margin:0;
   padding:0;
}

ul.weblinks li {
   float:left;
   list-style-image:none;
   list-style-type:none;
   margin:5px 1% 0 0;
   width:48%;
}
#gallery a.weblink, #gallery a.weblink:link {
   background:transparent url('images/link.png') no-repeat center left;
   color:#BFBFBF;
   display:block;
   margin-left:20px;
   padding:5px 0 5px 20px;
   text-decoration:none;
}

#gallery a.weblink:hover {
   letter-spacing:0.1em;
   font-variant:small-caps;
}

#gallery a.weblink:visited, #gallery a.site:active {
   background:transparent url('images/link_add.png') no-repeat center left;
   color:#888;
}

 /**************************************************
 * Alignments
 **************************************************/
#gallery .alignleft { text-align:left; }
#gallery .aligncenter { text-align:center; }
#gallery .alignright { text-align:right; }
.floatright { float:right; }


 /**************************************************
 * Misc
 **************************************************/
#gallery #itemprevbox {
   margin:2em 0;
   padding:1em 0;
   width:70%;
   text-align:center;
}
#gallery #itemprevbox a {
   display:block;
   float:left;
   margin:0.2em;
   padding:1em;
   border:none;
   text-decoration:none;
}

#gallery .menu a.active {
   color:#efefef;
   text-decoration: none;
   border-bottom:1px dotted #efefef;
}

#gallery .tabs a:hover {
   color:green;
}


/**************************************************
 * Blog
 **************************************************/
#gallery .node {
   display: block;
   margin:1em 0 0 0;
   padding:0;
}

#gallery .content {
   display: block;
   margin:0;
   padding:0;
}
#gallery .links {
   float:right;
}

/**************************************************
 * GALLERY ONLY
 **************************************************/
#content-secondary .gbBlock a {
   display:block;
   clear:both;
}

#gsNavBar div.gbBreadCrumb {
    margin: 0;
    padding:4px 8px 4px 16px;
}


#bread-gen ul {
   margin-left: 0;
   padding-left: 0;
   display: inline;
   border: none;
   }

#bread-gen ul li {
   margin-left: 0;
   padding-left: 2px;
   border: none;
   list-style: none;
   display: inline;
   }

#bread-gen ul li:before {
   content: "\0020 \0020 \0020 \00BB \0020";
   }

#bread-gen ul li.first:before {
   content: " ";
   }

.gbSystemLinks {
   display:block;
   clear:both;
   text-align:right;
  /*float:right;*/
}
.gbSystemLinks span {
   display:block;
   clear:both;
   padding:2px 0;
   text-align:right;
}
.gbSystemLinks a {
   display:block;
}

table.gbDataTable {
    padding-bottom: 4px;
}

table.gbDataTable th, table.gbDataTable td {
    padding: 4px;
}

#gallery img {
    border:none;
}

.giSubtitle {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: text-bottom;
}

.giDescription {
    font-size: 1.1em;
    line-height: 1.4em;
}

.gbEmptyAlbum {
    height: 400px;
}

.giDescription h3.emptyAlbum {
    line-height: 4.0em;
    text-align: center;
}

.giInfo {
    font-size: 0.9em;
    color: #888;
}

#gallery .gsThumbMatrix {
  border:1px solid #fff;
}

#gallery .giItemCell,
#gallery .giAlbumCell {
   text-align:center;
   padding:0.5em;
   margin:0.3em;
}

#gsSidebarCol {
   width:20%;
   padding:0 0.5em;
}
ul#gbSiteAdminLinks, ul#gbSiteAdminLinks li {
   list-style-type:none;
}
ul#gbSiteAdminLinks li a {
   display:block;
}
ul#gbSiteAdminLinks li span {
   margin:0.5em 0 0;
   clear:both;
   display:block;
   font-family:"Trebuchet MS", "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
   color:#7B7F75;
   padding:0.1em 0;
   font-variant:small-caps;
}
.gbTabBar {
   clear:both;
   display:block;
   margin:0 0 1em;
}

.gbTabBar span {
   margin:0 1em 0 0;
}
.gbBlock {
   padding:0.5em 0;
}
#gallery .gbBlock h3, #gallery .gbBlock h4 {
   margin-top:1em;
}
.giDescription {
   font-size:90%;
   font-style:italic;
}
#gallery .exiftable {
   font-size:88%;
   text-align:left;
}

#gallery .exiftable .gbEven {
   width:30%;
}
#gallery .exiftable .gbOdd {
   width:70%;
}

#gallery #comments {
   margin-top:2em;
}

#gallery div.comment, #gallery .one-comment {
   margin:.5em 0;
	padding:.5em 0;
	font-size:100%;
	border-bottom:1px solid #444;
	/*background:url('images/navpattern.png') no-repeat center bottom;*/
}

.commentmeta {
   display:block;
   margin:0 0 0.5em 0;
   font-weight:bold;
}

#comments h1, #comments h2, #comments h3, #comments h4, .one-comment h3 {
   margin:0;
   padding:0;
   font-size:110%;
}

.usrcmt-permalink {
   float:right;
}
div.odd, div.even {
/*
   border-style:solid;
   border-width:1px;

*/
}
div.odd {
   border-color:#3D3D3D;
}
#gallery div.even {
   border-color:#444;
}
/*
#gallery div.odd:hover, #gallery div.even:hover {
   border-color:#555;
}
*/
#gallery div.commentbody:hover {
   border-color:#555;
}
#gallery .commentNr {
   margin:0;
   float:right;
   width:10%;
   font-family: Arial, sans-serif;
   font-size:180%;
   color:#444;
   font-weight:bold;
   letter-spacing:-3px;
   text-align:right;
}
.commentNr a, .commentNr a:link, .commentNr a:active, .commentNr a:visited, .commentNr a:focus {
   color:#444;
   padding:4px;
}
.commentNr a:hover {
   color:#555;
}
.comment {
   clear:both;
   padding:0;
   text-align:justify;
}

.peers {
   clear:both;
   display:block;
   margin:1em 0;
   padding-top:1em;
}
.peerslist {
   list-style-type:none;
}
.peerslist li {
   margin:5px 1%;
   padding:0.2em;
   float:left;
   list-style-image:none;
   list-style-type:none;
   width:45%;
   text-align:center;
}
/*
.preview_item {
   filter:alpha(opacity=3);
   -moz-opacity:.3;
   opacity:.3;
}
*/
.first-and-previous {
   float:left;
   width:32%;
   text-align:left;
}
.next-and-last {
   float:right;
   width:32%;
   text-align:right;
}
.first-and-previous a {
   margin-right:1em;
}
.next-and-last a {
   margin-left:1em;
}
.goback, .pager {
   margin-left:2%;
   padding:0;
   float:left;
   width:32%;
   text-align:center;
}
#gallery .goback a {
   font-weight:normal;
}
.gbNavigator {
   margin:1em 0;
   padding:1em 0;
   color:#888;
   font-family:"Trebuchet MS", "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
}
#gallery .gbNavigator a {
   text-transform:capitalize;
   font-family:"Trebuchet MS", "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
}
#gallery .gbNavigator a, #gallery .gbNavigator a:link, #gallery .gbNavigator a:active, #gallery .gbNavigator a:visited, #gallery .gbNavigator a:focus {
   color:#888;
}
#gallery .gbNavigator a:hover {
   color:#ddd;
}
.pager {
   text-align:center;
   color:#888;
}
.pager span {
   margin:0 0.2em;
   font-weight:bold;
}
#gallery .pager a {
   padding:3px 5px;
   border-width:1px;
   border-style:solid;
   text-decoration:none;
   font-weight:normal;
}
.pager a, .pager a:link, .pager a:active, .pager a:visited, .pager a:focus {
   border-color:#555;
   color:#555;
}
.pager a:hover {
   border-color:#888;
   color:#888;
}

.guestpreview {
   clear:both;
   display:block;
   text-align:right;
   color:#888;
}
.guestpreview a, .guestpreview a:link, .guestpreview a:active, .guestpreview a:visited, .guestpreview a:focus, .guestpreview a:hover {
   color:#888;
   border-bottom:1px dotted #888;
}