html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-family: Helvetica, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:#c4c4c4 url(../images/bg.gif) 0 111px repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight: bold;
}
#topAdContain {
	background-color: #000;
	width: 100%;
	height: 100px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
#topAdContain div {
	width: 728px;
	margin: 0px auto;
}
#wrapper {
	width: 1180px;
	margin: 0px auto;
		background:#c4c4c4 url(../images/bg.gif) 0 0 repeat-x;
}
#header {
	position: relative;
	width: 1180px;
	height: 236px;
	background: url(../images/hdrBg.gif) 0 0 no-repeat;
}
#badge {
	position: absolute;
	top: 7px;
	left: 58px;
	width: 149px;
	height: 141px;
	background: url(../images/badgeBg.gif) 0 0 no-repeat;
}
#badge a {
	display: block;
	height: 140px;
	width: 140px;
	text-indent: -9999px;
}
#tagline {
	position: absolute;
	top: 45px;
	left: 233px;
	width: 701px;
	height: 77px;
	background: url(../images/tag.gif) 0 0 no-repeat;
}
#tagline h2 {
	text-indent: -9999px;
}
#tagline a {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 701px;
	height: 77px;
	text-indent: -9999px;
}
#login {
	position: absolute;
	right: 80px;
	top: 8px;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
}
#login a,
#login a:visited {
	color: #fff;
	text-decoration:none;
}
#tabhead {
	position: absolute;
	bottom: 70px;
	left: 265px;
	background: none;
	border: 0;

}
#tabhead .right_tab {
bottom:0px;
position:relative;
}
#tabhead .tab div {
background-color: transparent !important;
margin:0 1px;
padding:5px 0 4px;
}

#subnav {
	position: absolute;
	float: none;
	bottom: 40px;
	left: 235px;
	background: none !important;
	border-bottom: none;
	margin:0;
	padding:0;
	font-size: 80%;
}

#content {
	background: url(../images/contentBg.gif) 19px 0px repeat;	
}
#leftCol {
	width: 226px;
	float: left;
	display: inline;
}
#centerCol {
	width: 680px;
	float: left;
	display: inline;
	min-height: 500px;
	_height: 500px;
	margin-top: -20px;
}
#userContent {
	margin-top: 20px;
	padding: 15px 15px 0px 15px;
	background-color: #ccc;
	border: 1px solid #000;
}

#rightCol {
	width: 224px;
	float: left;
	display: inline;	

}
#rightColTop {
	background: url(../images/rightColTopBg.gif) right top no-repeat;
	height: 80px;
}

#footer {
	position: relative;
	width: 1180px;
	height: 281px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/ftrBg.gif) 0px 0px no-repeat;
}
#footer .legal {
	position: absolute;
	bottom: 45px;
	left: 450px;
	font-size: 13px;
	color: #a0a0a0;
}
#footer .legal a,
#footer .legal a:visited {
	color: #fff;
	text-decoration: none;
}
.gallery-photo {
	margin: 10px auto;
	text-align: center;

}
.gallery-photo img {
	border: 5px solid #ddd;

}
.photo-title h2 {
	text-align: center;
	font-style: oblique;
	margin-bottom: 20px;
}

.photo-score a, .photo-score a:visited {
	color: #336699;
	text-decoration: none;
}
.photo-score a:hover {
	color: #6B6B6B;
	text-decoration: none;
}
.bulk input {
	float: right;

}
.bulk a {

}
.voteWrap {
	display: inline;
	float: right;
	margin-right: 25px;
	padding-left: 15px;
} 
.vote {
	display: inline;
	height: 35px;
	width: 35px;

}
.vote a {
	display: -moz-inline-box;
	display: inline-block;
	margin-right: 7px;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}
div.voteUp {
	float: right;
	display: inline;
	margin-right: 7px;
	background: url(../images/thumbUp.gif) 0px 0px no-repeat;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}
div.voteDown {
	float: right;
	display: inline;
	margin-right: 7px;
	background: url(../images/thumbDown.gif) 0px 0px no-repeat;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}
a.thumbUp {
	display: block;
	height: 35px;
	width: 35px;
}
a.thumbDown {
	display: block;
	height: 35px;
	width: 35px;
}
#sortBy {
	float: right; 
	display: inline;
	padding: 4px 8px;
	margin-bottom: 8px;
}
.sort {
	color: #6b6b6b;
	font-weight: bold;
}


.photo-score p, .photo-caption p {
	padding-bottom: 10px;
	line-height: 1.4em;

}



/* topics */



table.topic, table.topics {
    width: 100%;
}
table.topic td, table.topics td {
    vertical-align: top;
    padding: 5px 20px 5px 5px;
}
table.topic td h1, table.topics td h2 {
    margin: 0;
    padding: 0;
}
.responses .even, .topics .even {
    background-color: #FAFAFA;
}
.responses .odd, .topics .odd {
    background-color: #F3F3F3;
}
.responses {
    margin-left: 0px;
    padding-left: 0px;
    border: 1px solid #ddd;
}
.responses li { 
    list-style-type: none; 
    padding: 10px;
}
td.meta {
    width: 100px;
    margin: 4px;
}
div.meta {
    float: left;
    width: 100px;
    margin: 4px;
    padding: 4px;
}
div.bulk {
    margin-left: 120px;
    padding: 4px;
}
.hidden { display: none; }
.thread-0 { margin-left: 0px; }
.thread-1 { margin-left: 20px; }
.thread-2 { margin-left: 40px; }
.thread-3 { margin-left: 60px; }
.thread-4 { margin-left: 80px; }
.thread-5 { margin-left: 100px; }
.thread-6 { margin-left: 120px; }
.thread-7 { margin-left: 140px; }
.thread-8 { margin-left: 160px; }

table.topics .created {
    color: #999;
    font-size: 90%;
}
table.topics .comment_stats {
    color: #999;
    border-top: 1px solid #CCC;
    font-size: 90%;
}


/* end topics */




/* GENERAL TAB STYLING */

#tabhead .tabs {
    position: absolute;
    bottom: -1px; /* must be same thickness as tab border */
    left: 210px; /* based on width and padding of logo */
    font-size: 14px;
}
#tabhead .tabs td {
    vertical-align: bottom;
    padding-right: 0; /* space between tabs */
    padding-bottom: 1px; /* must be same thickness as tab border */
}
#tabhead .tab a, #tabhead .tab a:visited {
    color: #444; /* unselected tab text colour */
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}
#tabhead .tab a:hover {
    color: #666; /* unselected tab text hover colour */
}
#tabhead .tab div {
    background-color: #DDD; /* unselected tab colour */
    padding: 0;
    padding-bottom: 4px;
    padding-top: 5px;
    margin: 0 1px; /* to compensate for border */
}
#tabhead .tab div a {
    padding: 5px 12px;
}
#tabhead .right_tab td {
    vertical-align: bottom;
    padding-right: 0; /* space between tabs */
    padding-bottom: 1px; /* must be same thickness as tab border */
}
#subnav ul a:link, #subnav ul a:visited {
color:#444444;
float:left;
font-weight:bold;
padding:4px 7px;
text-decoration:none;
font-size: 13px;
}
div.body {
	padding: 15px 0px;
}

/* Uni-Form by Dragan Babic [Superawesome Industries]  - http: //sprawsm.com/uni-form/ */ 
/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */
/* Do not edit this file directly, make your changes to uni-form.css in the same folder */

/* ------------------------------------------------------------------------------ */

.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */

  /* Some generals and more resets */
  .uniForm fieldset{ border: none; margin: 0; padding: 0; }
    .uniForm fieldset legend{ margin: 0; padding: 0; }

    /* This is the main unit that contains our form elements */
    .uniForm .ctrlHolder,
    .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }

    /* Clear all floats */ 
    .uniForm:after,
      .uniForm .buttonHolder:after, 
      .uniForm .ctrlHolder:after, 
        .uniForm .ctrlHolder .multiField:after,
          .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

    /* A class to be used on a label that contains a checkbox or a radio button */
    .uniForm .inlineLabel,
    .uniForm .inlineLabels .inlineLabel,
    .uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
      /* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
      /* Legacy/Inheritance fix */
      .uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }

/* ------------------------------------------------------------------------------ */

    /* Styles for form controls where labels are above the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .blockLabels */

      .uniForm label,
      .uniForm .label,
      .uniForm .blockLabels label,
      .uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; }

      /* Float the input elements */
      .uniForm .textInput,
      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload,
      .uniForm .selectInput,
      .uniForm .blockLabels .selectInput,
      .uniForm .blockLabels select,
      .uniForm textarea,
      .uniForm .blockLabels textarea{ float: left; }
      
      /* Postition the hints */
      .uniForm .formHint,
      .uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; }
      
      /* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
      .uniForm .multiField,
      .uniForm .blockLabels .multiField{ width: auto; float: left; }
        .uniForm .multiField .inlineLabel,
        .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .uniForm .multiField .blockLabel,
        .uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
        .uniForm .multiField .blockLabel .textInput,
        .uniForm .multiField .blockLabel .selectInput,
        .uniForm .multiField .blockLabel select,
        .uniForm .blockLabels .multiField .blockLabel .textInput,
        .uniForm .blockLabels .multiField .blockLabel .selectInput,
        .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }

/* ------------------------------------------------------------------------------ */

    /* Styles for form controls where labels are in line with the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
        .uniForm .inlineLabels label,
        .uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
        
        /* Float the input elements */
        .uniForm .inlineLabels .textInput,
        .uniForm .inlineLabels .fileUpload,        
        .uniForm .inlineLabels .selectInput,
        .uniForm .inlineLabels select,
        .uniForm .inlineLabels textarea{ float: left; }

      /* Postition the hints */
      .uniForm .inlineLabels .formHint{ clear: both; float: none; }
      .uniForm .inlineLabels .multiField{ float: left; }
      .uniForm .inlineLabels .multiField .inlineLabel{}
      .uniForm .inlineLabels .multiField .blockLabel{}
        .uniForm .inlineLabels .multiField .blockLabel .textInput,
        .uniForm .inlineLabels .multiField .blockLabel .selectInput,
        .uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
        .uniForm .inlineLabels .multiField select{ float: left; }
      
/* ------------------------------------------------------------------------------ */

    /* Required fields asterisk styling for .blockLabels */
    .uniForm label em,
    .uniForm .label em,
    .uniForm .blockLabels label em,
    .uniForm .blockLabels .label em{ position: absolute; left: -7px; }
    
    /* Required fields asterisk styling for .inlineLabels */
    .uniForm .inlineLabels label em,
    .uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; }
    .uniForm .inlineLabel em{ position: absolute; left: 7px; }

/* ------------------------------------------------------------------------------ */

    /* Messages */
    .uniForm #errorMsg,
    .uniForm .error{
    }
      .uniForm #errorMsg dt,
      .uniForm #errorMsg h3{
      }
      .uniForm #errorMsg dd{
      }
        .uniForm #errorMsg ol{
        }
          .uniForm #errorMsg ol li{
          }
      .uniForm .errorField{
      }
    
    .uniForm #OKMsg{
    }

/* ------------------------------------------------------------------------------ */

    /* Columns */
    
    .uniForm .col{ float: left; }
    .uniForm .col.first{}
    .uniForm .col.last{}



  /* Generals */
  .uniForm fieldset{}
    .uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
    
    /* This is the main unit that contains our form elements */
    .uniForm .ctrlHolder{ padding: 7px; border-bottom: 1px solid #dfdfdf; }
    
    .uniForm .buttonHolder{ text-align: right; }
      .uniForm .resetButton{ float: left; }
      .uniForm .primaryAction{ font-weight: bold; }
    
    /* This class gets added to div.ctrlHolder to highlight the row */
    .uniForm .focused{ background: none; }
      
      /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
      .uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
        .uniForm .inlineLabel span{ float: left; width: 90%; }
        
/* ------------------------------------------------------------------------------ */

    /* .blockLabels (default style, will be applied even if you don't class the parent element) */
    .uniForm .blockLabels .ctrlHolder{}
      
      .uniForm label,
      .uniForm .blockLabels label,
      .uniForm .blockLabels .label{ margin: 0 0 .5em 0; }
      
      .uniForm .textInput,
      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }
    
      .uniForm .selectInput,
      .uniForm select,
      .uniForm .blockLabels .selectInput,
      .uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }
      .uniForm textarea,
      .uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; }

      .uniForm .formHint,
      .uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
      
      .uniForm .multiField,
      .uniForm .blockLabels .multiField{ width: 53%; }
        .uniForm .multiField .inlineLabel,
        .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .uniForm .multiField .blockLabel,
        .uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
        .uniForm .multiField .blockLabel .textInput,
        .uniForm .multiField .blockLabel .selectInput,
        .uniForm .multiField .blockLabel select,
        .uniForm .blockLabels .multiField .blockLabel .textInput,
        .uniForm .blockLabels .multiField .blockLabel .selectInput,
        .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* ------------------------------------------------------------------------------ */

    /* .inlineLabels */
    .uniForm .inlineLabels .ctrlHolder{}
    
    .uniForm .inlineLabels label,
    .uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
    
    .uniForm .inlineLabels .textInput,
    .uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ }
    
    .uniForm .inlineLabels .selectInput,
    .uniForm .inlineLabels select{ width: 45%; /* <- Required property */ }
    
    .uniForm .inlineLabels textarea{  width: 99%; /* <- Required property */ height: 12em; }

    .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; }
    
    .uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; }
      .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
      .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
      .uniForm .inlineLabels .multiField .blockLabel .textInput,
      .uniForm .inlineLabels .multiField .blockLabel .selectInput,
      .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* Focus pseudoclasses */
.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm div.focused .formHint{ color: #333; }

/* Columns (they are floated left by default) */
.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

/* Messages */
.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

  .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
  .uniForm #errorMsg dd{ margin: 0; padding: 0; }
    .uniForm #errorMsg ol{ margin: 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
    .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }

.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
  .uniForm #OKMsg p{ margin: 0; }

/*
IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, 
AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, 
YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... 
*/

/* ------------------------------------------------------------------------------ */







div.profile div {
	margin-left: 0px !important;
}

.form-toggle {
	margin: 10px 0px;
}






.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
