body
{
  background:#333 url(images-new/page-bg.png);
  color:#f3f3f3;
  margin:0;
}

.container
{
  width:960px;
  margin:0 auto;
}

.header
{
  margin-top:15px;
  background:url(images-new/full-hr.png) no-repeat bottom center;
  padding-bottom:10px;
  margin-bottom:20px;
}

.header .col
{
  float:left;
  text-align:center;
}

.header .c1
{
  width:316px;
  padding-top:8px;
  margin-right:28px;
}

.header .c2
{
  width:328px;
}

.header .c3
{
  width:260px;
  float:right;
}

.header h1,.header h2
{
  margin:0;
}

.header .c1 h1
{
  text-indent:-9999px;
  font-size:0;
  background:url(images-new/header-about.png) no-repeat;
  display:block;
  width:316px;
  height:54px;
}

.header .c2 h2 a
{
  text-indent:-9999px;
  font-size:0;
  background:url(images-new/modxclub-logo.png) no-repeat center;
  width:324px;
  height:87px;
  display:block;
  text-decoration:none;
}

.content
{
  width:672px;
  float:left;
  margin-right:30px;
  margin-left:-4px;
}

.sidebar
{
  width:260px;
  float:left;
}

a
{
  text-decoration:none;
  padding:0 2px;
  outline:none;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

a:hover
{
  color:#fff;
}

.topnav
{
  float:left;
  margin:0 0 0 5px;
  padding:0;
  text-align:left;
}

.topnav li
{
  list-style:none;
}

.topnav li a
{
  display:block;
  _height:1%;
  padding:1px 0;
  width:260px;
  border:none;
  text-transform:lowercase;
  font-weight:bold;
  color:#b47600;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

.topnav li a:hover
{
  color:#fff;
  background:#b47600;
  margin-left:-15px;
  padding-left:15px;
  width:260px;
}

.sidebar-a a img
{
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
}

.sidebar-a a:hover img
{
  -webkit-box-shadow:0 0 15px 4px #b47600;
  -moz-box-shadow:0 0 15px 4px #b47600;
  box-shadow:0 0 15px 4px #b47600;
}

.debug
{
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  cursor:default;
  margin-top:30px;
  color:#333;
  padding-left:5px!important;
}

.debug span
{
  font-size:32px;
  display:block;
}

.debug:hover
{
  color:#B47600;
}

.sideLinks
{
  margin:0;
  padding:0;
  text-align:left;
}

.sideLinks li
{
  list-style:none;
}

.sideLinks li a
{
  display:block;
  _height:1%;
  padding:1px 0 1px 5px;
  width:255px;
  border:none;
  text-transform:lowercase;
  font-weight:normal;
  color:#666;
  position:relative;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

.sideLinks li a:hover
{
  color:#fff;
  background:#b47600;
}

.sideLinks li a:hover:before
{
  content:"@ ";
  color:#666;
  position:absolute;
  left:-20px;
  top:1px;
}

.debug
{
  margin-top:30px;
  color:#333;
  padding-left:5px;
}

.debug span
{
  font-size:32px;
  display:block;
}

.site
{
  margin-bottom:18px;
  padding:0 0 20px;
  background:url(images-new/site-hr.jpg) no-repeat bottom;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

.thumb
{
  width:328px;
  height:248px;
  float:left;
  margin-right:18px;
  position:relative;
}

.thumb-image
{
  width:320px;
  height:240px;
  position:absolute;
  z-index:400;
  padding:2px 0 0 2px;
}

.thumb-overlay a
{
  background:url(images-new/thumb-overlay-shadow.png) no-repeat;
  _background:none;
  display:block;
  width:328px;
  height:248px;
  position:absolute;
  z-index:401;
  text-indent:-9999px;
  padding:0;
  -webkit-transition:none;
  -moz-transition:none;
}

.thumb-overlay { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }
.site-details
{
  width:320px;
  height:243px;
  padding:0 0 5px;
  float:right;
  display:table;
  color:#545454;
}

.site-details div
{
  display:table-cell;
  vertical-align:bottom;
}

.site-details h3
{
  margin:0;
  margin-bottom:10px;
  color:#666;
  font-size:1.75em;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

.site-details div p
{
  margin:0;
  margin-top:2px;
  line-height:normal;
  color:#545454;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

.site-details p a,
.site-details h3 a
{
  color:#545454;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
}

.site:hover
{
  cursor:default;
}

.site:hover .thumb-overlay a
{
  background:url(images-new/thumb-overlay-shadow.png) 0 -248px no-repeat;
}

.site:hover .site-details h3,
.site:hover .site-details h3 a,
.site:hover .site-details h3 a:hover
{
  color:#b47600;
}

.site:hover .site-details p
{
  color:#999;
}

.site:hover .site-details p a
{
  color:#999;
  border-bottom:1px solid #666;
}

.site:hover .site-details p a:hover
{
  background:none;
  color:#ccc;
  border-bottom:1px solid #b47600;
}

#site .site
{
  background:none;
}

#site .site .thumb
{
/*	width: 678px;
	*/
  height:488px;
  float:none;
}

#site .site .thumb-image
{
  width:auto;
  height:auto;
  margin-right:0;
}

#site .site .thumb-overlay a
{
  width:678px;
  height:488px;
  background:url(images-new/thumb-overlay-shadow-big.png) no-repeat;
  padding:0;
  -webkit-transition:all .3s linear;
  -moz-transition:all .3s linear;
}

#site .site .site-details
{
  width:auto;
  padding:0 5px 5px;
  margin-top:30px;
  float:none;
  display:table;
  color:#ccc;
  height:auto;
  font-size:112.5%;
}

#site .site .site-details h3
{
  color:#b47600;
}

#site .site .site-details p
{
  color:#ccc;
}

#site .site .site-details p a
{
  color:#999;
  border-bottom:1px solid #666;
}

#site .site .site-details p a:hover
{
  background:none;
  color:#ccc;
  border-bottom:1px solid #b47600;
}

#site .description
{
  line-height:1.6em;
  margin-bottom:20px;
}

.siteRatings
{
  float:right;
  width:300px;
}

.sidebar .sidebar-a a
{
  float:left;
  margin-right:10px;
  margin-bottom:6px;
  padding:2px 0;
/*opacity: .45;*/
}

.sidebar .sidebar-a a.no-margin
{
  margin:0;
}

.sidebar .sidebar-a a:hover
{
  opacity:1;
}

.sidebar h3
{
  background:url(images-new/site-hr.jpg) no-repeat bottom;
  padding:0 0 10px 5px;
}

.friendConnect
{
  background:url(images-new/thumb-bg-alt.png);
  margin-top:20px;
}

.site-details a
{
}

ul.meta
{
  margin:0;
  margin-top:10px;
}

ul.meta li
{
  list-style:none;
  padding-left:25px;
  margin-bottom:3px;
  padding-bottom:2px;
  border-bottom:1px solid #3a3a3a;
  font-size:.9em;
}

li.version
{
  background:url(images-new/information.png) no-repeat 0 2px;
}

li.date
{
  background:url(images-new/date.png) no-repeat 0 2px;
}

li.user
{
  background:url(images-new/user_orange.png) no-repeat 0 2px;
}

li.share-this
{
  padding-left:0!important;
}

.stbuttontext
{
  padding-left:3px!important;
}

/*
.sponsors {
	height: 100px;
	padding: 5px 0 5px 50px;
	background: url(images-new/sponsors-bg.png) repeat-x;
}
.sponsors .showcase {
	background: url(images-new/showcase.png) no-repeat left center;
	height: 100%;
	text-indent: -9999px;
}
*/
.submit-form
{
  background:url(images-new/thumb-bg-alt.png);
  width:500px;
  padding:30px 50px;
  margin:0 0 30px;
}

.agreement
{
  padding:10px 0 5px 10px;
}

.agreement #agreement
{
  float:left;
  width:30px;
  display:block;
}

.agreement-text
{
  color:#f3f3f3;
  font-weight:normal;
  display:block;
  float:right;
  width:400px;
}

.submit
{
  margin-top:20px;
  font-family:"Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.footer
{
  padding:30px 0;
  margin-top:30px;
  color:#666;
  position:relative;
  font-size:.85em;
  background:url(images-new/full-hr.png) top center no-repeat;
}

.footer a
{
}

a.icon
{
  border:none;
  margin:0 5px 0 0;
  padding:0;
}

a:hover.icon
{
  background:none;
}

.ss-powered-by
{
  color:#555;
}

.ss-powered-by a
{
  color:#555;
  border:none;
}

.pages
{
/*	margin-left: 390px;
	clear both;
	width: 440px;
	margin-top: -25px;
*/
}

.pages a
{
  padding:2px 5px;
  border:none;
}

.ditto_currentpage
{
  font-size:250%;
  margin:0 5px;
  color:#555;
}

.last-update
{
  float:right;
  color:#555;
}

.share-this a
{
  padding:0;
  border:0;
}

.share-this a:hover
{
  background:none;
}

.editor-pick
{
  background:#B57600;
  color:#ddd;
  padding:4px 8px;
  position:absolute;
  top:40px;
  left:270px;
  font-weight:bold;
  opacity:.9;
}

/* Success, error & notice boxes for messages and errors. */
.error,.errors,.notice,.success
{
  padding:.8em;
  margin-bottom:1em;
  border:2px solid #ddd;
}

.error,.errors,.required
{
  background:#FBE3E4;
  color:#D12F19;
  border-color:#FBC2C4;
}

.notice
{
  background:#FFF6BF;
  color:#817134;
  border-color:#FFD324;
}

.success
{
  background:#E6EFC2;
  color:#529214;
  border-color:#C6D880;
}

.error a
{
  color:#D12F19;
}

.notice a
{
  color:#817134;
}

.success a
{
  color:#529214;
}

a.no-border
{
  border:none;
}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */
label
{
  font-weight:bold;
  color:#b57600;
}

fieldset
{
  padding:1.4em;
  margin:0 0 1.5em;
  border:1px solid #444;
}

legend
{
  color:#B57600;
  font-size:1.2em;
  margin:0 0 0 -10px;
  padding:0 10px;
}

/* Form fields
-------------------------------------------------------------- */
input.text,input.title,textarea,select
{
  margin:.5em 0;
  border:2px solid #aaa;
  background:#eee;
}

input.text:focus,input.title:focus,textarea:focus,select:focus
{
  border:2px solid #B57600;
  background:#f3f3f3;
}

input.text,input.title
{
  width:400px;
  padding:5px;
}

input.title
{
  font-size:1.5em;
}

textarea
{
  width:390px;
  height:250px;
  padding:5px;
}