/*----------------------------------------------------------------------------- 
GLOBAL RESET - Standardizes elements across all browsers
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, 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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*----------------------------------------------------------------------------- 
GLOBAL STYLING - Elements that are applied throughout the site
-----------------------------------------------------------------------------*/
body {
  font-size: 62.5%;
  font-family: Arial, Verdana, sans-serif;
  background: #f4f2e4;
  color: #26231b;
}
a {
  color: #245b8a;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.breadcrumb {
  font-size: 1.1em;
  margin: 0 0 5px 0;
}
#success{
	background:#CDEB8B;
	border:1px solid #A8DC34;
	border-left:0;
	border-right:0;
	padding:5px 8px;
	margin:4px 0 8px 0;
	font-weight:bold;
	font-size: 1.2em;
}
#errors, #errorExplanation {
	list-style:none;
	background:#F8938A;
	border:1px solid #FF4F56;
	padding:5px;
	margin:5px 0 15px 0;
	font-size:1.2em;
	font-weight:bold;
}
#errorExplanation h2 {
  display: none;
}
#errorExplanation p {
  color: #111;
  padding: 5px;
}
#errorExplanation ul {
  margin-left: 17px;
  font-weight: bold;
}
#errorExplanation ul li {
  list-style: disc;
  color: #111;
}
.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select  {
  border: 2px solid #FF4F56;
  display: inline;
  padding: 2px;
}
.pagedesc {
  font-size: 1.2em;
  line-height: 1.4em;
}
.hl, .pagedesc strong {
	background: #ffc;
}
#leaderboard {
  margin: 10px auto;
  text-align: center;
  width: 728px;
}
#headerbanner {
	background: #171512;
	border-bottom: 1px solid #0F0C05;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}
#headerbanner a {
  color: #FFFFCC;
}

/*----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header {
  background: url('/images/bgr-header.png') repeat-x;
  height: 82px;
}
#header_top, #header_bottom {
  width: 960px;
  margin: 0 auto;
}
h1 a {
  background: url('../images/img-logo.png') no-repeat scroll top left;
  width: 180px;
  height: 44px;
  display: block;
  text-indent: -9999em;
  float: left;
}
#header_aux {
  float: right;
}
#header_aux form {
  background: url('/images/bgr-search.png') no-repeat;
  width: 215px;
  height: 32px;
  padding: 10px 0 0 8px;
  text-align: center;
  float: right;
}
#header_aux form input {
  background: url('/images/bgr-searchfield.png') no-repeat;
  width: 181px;
  border: 0;
  margin-right: 20px;
  padding: 4px 20px 4px 6px;
  color: #aaa;
}
#header_aux ul {
  float: right;
  margin: 15px 25px 0 0;
}
#header_aux ul li {
  float: left;
  margin-left: 10px;
  font-size: 1.1em;
}
#header_aux li a {
  color: #f4f2e4;
  padding: 4px 5px;
  position: relative; 
}
#header_aux li a:hover {
  background: #f4f2e4;
  color: #3a372e;
  text-decoration: none;
}
#navigation {
  margin: 6px 0 0 0;
  line-height: 23px;
  float: left;
}
#navigation .main_link {
  padding: 0 0 0 6px;
}
#navigation .main_link:hover {
  background: url('/images/bgr-nav-top-left.png') left top no-repeat;
  cursor: pointer;
}
#navigation .main_link a {
  color: #403d33;
  font-weight: bold;
  font-size: 1.4em;
  text-decoration: none;
  padding: 0px 23px 4px 0px;
  text-shadow: #ccd4bc 1px 1px;
}
#navigation .main_link:hover a {
  display: block;
  background: url('/images/bgr-nav-top-right.png') right top no-repeat;
  text-shadow: #E4E8DB 1px 1px;
}
#navigation li li a {
	display: block;
	padding-left: 8px !important;
}
#navigation li { 
	float: left;
}
#navigation li ul li {
  /*background: url('/images/bgr-nav-mid.png') left top repeat-y;*/
  padding: 0 !important;
}
#navigation li ul li a {
  background: url('/images/bgr-nav-mid.png') right top repeat-y !important;
  font-size: 1.2em !important;
  line-height: 1.2em;
  margin-right: 0px !important;
}
#navigation li ul {
  padding-top: 5px;
  background: url('/images/bgr-nav-top-sub.png') right top no-repeat;
	position: absolute;
	z-index: 10000;
	width: 135px;
  margin-left: -6px;
	left: -9999em;
}
#navigation li ul li {
  display: block;
  width: 135px;
}
#navigation li ul li.last {
  background: url('/images/bgr-nav-bottom.png') 0 bottom no-repeat;
  height: 6px;
}
#navigation li ul li a:hover {
  text-decoration: underline;
}
#navigation li:hover ul {
	left: auto;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
#action {
  float: right;
  margin: 4px 0 0 0;
}
#action a {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 30px;
  display: block;
  text-indent: -9999em;
  float: left;
  margin-left: 10px;
}
#action a:hover {
  background-position: 0 -30px;
  background-repeat: no-repeat;
  height: 30px;
}
#approve {
  background-image: url('/images/btn-approve.png');
  width: 104px;
}
#submit {
  background-image: url('/images/btn-submit.png');
  width: 91px;
}

/*----------------------------------------------------------------------------- 
WRAPPER
-----------------------------------------------------------------------------*/
#wrapper {
  width: 930px;
  background: #fff url('/images/cnr-top.png') no-repeat;
  min-height: 300px;
  margin: 10px auto 0 auto;
  padding: 15px;
}
#content {
  width: 610px;
  float: left;
  padding: 0 10px 0 0;
  border-right: 1px solid #eef0e8;
}
#content h2 {
  font-size: 2.5em;
  font-weight: normal;
}
#approve_tutorials {
  background: url('/images/bgr-btn-beige-right.png') 100% 0 no-repeat;
  padding: 5px 6px 5px 0;
  margin: 2px 0 0 0;
  height: 23px;
  font-size: 1.2em;
  font-weight: bold;
  color: #403d33;
  text-decoration: none;
  float: right;
}
#approve_tutorials span {
  background: url('/images/bgr-btn-beige-left.png') 0 0 no-repeat;
  padding: 4px 0 6px 25px;
  width: 6px;
  height: 23px;
}
#approve_tutorials span:hover {
  text-decoration: underline!important;
}

/*----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar {
  float: right;
  width: 300px;
}
#squarebanners {
  padding-left: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef0e8;
}
#squarebanners .adblock a {
  float: left;
  margin: 0 10px 12px 10px !important;
  display: inline;
  width: 125px;
  height: 125px;
}
#recent_comments {
  border-bottom: 1px solid #eef0e8;
  padding: 10px 2px 5px 2px;
}
#recent_comments h4 {
  background: url('/images/icn-recentcomments.png') 0 50% no-repeat;
  padding: 0 0 0 20px;
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 0 4px 0;
}
#recent_comments li {
  margin: 0 0 5px 0;
}
#recent_comments h5 {
  font-size: 1.3em;
  font-weight: normal;
}
#recent_comments li img {
  float: left;
  border: 3px solid #eee;
  margin: 0 5px 0 0;
}
#recent_comments li p.comment {
  font-size: 1.1em;
  color: #666;
}
#side_rectangle, #side_sky {
  padding: 10px 0;
  border-bottom: 1px solid #eef0e8;
  text-align: center;
}
#side_sky {
  width: 160px;
  margin: 0 auto;
}


/*----------------------------------------------------------------------------- 
TUTORIALS
-----------------------------------------------------------------------------*/
#tutorial_listing {
  margin: 10px 0;
}
#tutorial_listing li {
  position: relative;
  border-bottom: 1px solid #eef0e8;
  padding: 0 0 12px 0;
  margin: 0 0 10px 0;
  z-index: 0;
  min-height: 65px
}
.short_listing li {
  min-height: 40px !important;
}
#tutorial_listing h3 {
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 0 4px 0;
  width: 500px;
}
#tutorial_listing .details {
  color: #a2a19d;
  margin: 0 0 3px 0;
}
#tutorial_listing .info img {
  float: left;
  border: 1px solid #36332a;
  margin: 0 4px 0 0;
}
#tutorial_listing .info {
  font-size: 1.1em;
}
#tutorial_listing .info a, #tutorial_listing .actions a {
  color: #617144;
}
#tutorial_listing .description {
  color: #343229;
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0 55px 5px 0;
}
#tutorial_listing .actions {
  color: #999a93;
  display: block;
  font-size: 1.1em;
}
#tutorial_listing .social {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 65px;
  background: url('/images/bgr-social.png') no-repeat;
  font-size: 1.1em;
  font-weight: bold;
}
.social .fave, .social .fave_lo {
  height: 18px;
  padding: 7px 0 0 0px;
  text-align: center;
}
.social .fave a, .social .fave_lo a {
  background: url('/images/icn-addtofaves.png') 100% 50% no-repeat;
  padding: 2px 20px 0px 0;
  color: #302e26;
  text-shadow: #90987e 1px 1px;
  border: 0;
}
.social .fave a:hover, .social .fave_lo a:hover {
  text-decoration: none;
}
.social .vote {
  height: 36px;
  padding: 4px 0 0 0;
  color: #f4f2e4;
}
.social .vote p.number {
  float: left;
  margin: 8px 0 0 8px;
  text-shadow: #3d3a34 1px 1px;
}
.social .vote .voting {
  width: 14px;
  float: right;
  margin-right: 5px;
}
.social .vote_up {
  background: url('/images/icn-voteup.png') 100% 50% no-repeat;
  display: block;
  text-indent: -9999em;
  width: 14px;
  height: 15px;
  margin: 0 0 2px 0;
}
.social .vote_down {
  background: url('/images/icn-votedown.png') 100% 50% no-repeat;
  display: block;
  text-indent: -9999em;
  width: 14px;
  height: 15px;
}
.approval {
  position: absolute;
  right: 0;
  top: 0;
  width: 99px;
  height: 21px;
}
.btn-approve {
  background: url('/images/btn-approve-small.png') no-repeat;
  width: 53px;
  height: 21px;
  display: block;
  text-indent: -9999em;
  float: left;
}
.btn-approve:hover, .btn-reject:hover {
  background-position: 0 -21px;
}
.btn-reject {
  background: url('../images/btn-reject-small.png') no-repeat;
  width: 46px;
  height: 21px;
  display: block;
  text-indent: -9999em;
  float: right;
}
.thanks {
  text-align: right;
  background: #E4EEF4;
  padding: 3px;
  float: right;
}
#tutorial_listing .comments {
  background: url('/images/icn-comments.png') 0 2px no-repeat;
  padding: 0 0 0 12px;
}
#comments h3, #commentarea h3 {
  font-size: 2em;
  font-weight: normal;
}
#commentlist {
  margin: 10px 0 20px 0;
}
#commentlist li {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #eee;
  padding: 0 0 10px 0;
}
#commentlist li img {
  float: left;
  border: 3px solid #eee;
  margin: 0 5px 0 0;
}
#commentlist h6 {
  margin-left: 50px;
  font-size: 1.2em;
}
#commentlist .posttime {
  margin: 0 0 4px 50px;
  color: #888;
  font-size: 1.1em;
}
#commentlist .comment {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-left: 61px;
}
#orderby {
  float: right;
  font-weight: bold;
  font-size: 1.2em;
  background: #EEEDE3;
  border: 1px solid #DBDAC3;
  padding: 3px 5px;
}

/*----------------------------------------------------------------------------- 
USERS
-----------------------------------------------------------------------------*/
.page-user .avatar {
  float: left;
  border: 3px solid #eee;
  margin: 0 5px 0 0;
}
.page-user .website {
  font-size: 1.4em;
  margin: 3px 0;
}
#user_header {
  margin: 0 0 15px 0;
}
.page-user h3 {
  font-size: 2em;
  font-weight: normal;
}
.page-user h3 span {
  font-size: .6em;
}
.staticinput {
  font-size: 1.6em;
}
.page-user .bio {
  font-size: 1.3em;
  margin: 10px 0 0 0;
  line-height: 1.4em;
}

/*----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
  width: 960px;
  background: #E0E6D1;
  margin: 0 auto;
  border-top: 1px solid #C9D4B1;
  padding: 15px 0;
}
#footer h5 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 4px 0;
}
#footer .section {
  float: left;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 0 15px;
}
#footer .information {
  width: 235px;
}
#footer .about {
  width: 500px;
}
#footer .links {
  width: 135px;
}
#footer .section a {
  font-weight: bold;
}


/*----------------------------------------------------------------------------- 
FORM STYLING
-----------------------------------------------------------------------------*/
input, button, textarea {
  font-family: Arial, Verdana, sans-serif;
}
fieldset {
	border: 1px solid #DFE9CB;
	background: #F5F8EF;
	padding: 10px 10px 0 10px;
	margin: 10px 0 15px 0;
}
fieldset legend {
  padding: 0 8px;
  font-size: 1.5em;
  font-weight: bold;
}
fieldset ol {
	margin: 0 0 20px 0;
}
fieldset ol li {
	margin: 0 0 3px 0;
	padding: 3px 8px;
}
fieldset ol li .inner {
	float: left;
}
label {
  display: block;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 1.3em;
}
label span {
  color: #9B9072;
}
fieldset div p {
	font-weight: normal;
	font-size: .8em;
	display: block;
	width: 400px;
}
fieldset div p strong {
	font-weight: bold;
}
ol li input.input, textarea {
	font-size: 1.7em;
	padding: 1px 2px;
	font-family: Arial, Verdana, sans-serif;
	width: 80%;
}
#commentarea textarea {
  height: 100px;
  margin: 4px 0;
}
.select option {
  font-size: 1.1em;
}
fieldset ol li p {
  font-size: 1.1em;
  color: #555;
  margin: 0 0 3px 0;
  line-height: 1.4em;
}
form .actions, form .actions input {
  font-size: 1.3em;
}


/*----------------------------------------------------------------------------- 
PAGINATION
-----------------------------------------------------------------------------*/
.pagination {
  margin: 15px 0;
  font-size: 1.2em;
  font-weight: bold;
}
.pagination a {
  padding: 2px 5px;
  margin: 0;
  border: 1px solid #CAD3B8;
  background: #EAEEE3;
  text-decoration: none;
  color: #2C221B;
}
.pagination a:hover, .pagination a:active {
  background: #CAD3B8;
  border: 1px solid #9BAC79;
}
.pagination span.current {
  padding: 2px 5px;
  color: #26231B;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}


/*----------------------------------------------------------------------------- 
STATIC
-----------------------------------------------------------------------------*/
#static {
  font-size: 1.3em;
  line-height: 1.4em;
}
#static p, #static ul {
  margin: 0 0 1em 0;
}
#static h3 {
  font-size: 1.4em;
  margin: 0 0 .3em 0;
}
#static .clear {
  border-bottom: 1px solid #C8CDCE;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
#guidelines {
  margin: 15px 0 20px 0;
  padding: 10px;
  font-size: 1.4em;
  line-height: 1.4em;
  background: #E4EEF4;
  border: 1px solid #C0D7E5;
}
#guidelines ul {
  list-style: disc !important;
  margin-left: 20px;
}

/*----------------------------------------------------------------------------- 
TOOLTIPS
-----------------------------------------------------------------------------*/
.custom .tip-top, .custom .tip-bottom, .custom .tip-text {
  display: none;
}
.custom .tip-title{
  width: 93px;
  z-index: 13000;
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #FFF;
  padding: 6px 0 15px 7px;
  text-align: center;
  text-shadow: #333 1px 1px;
  background: url('/images/bgr-tooltip.png') center top no-repeat;
}


/*----------------------------------------------------------------------------- 
HACKS - Global browser hacks to make everybody play nice
-----------------------------------------------------------------------------*/
#header_top:after, #wrapper:after, #commentlist li:after, #user_header:after,
#footer:after, #squarebanners:after, #recent_comments li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#header_top, #wrapper, #commentlist li, #user_header,
#footer, #squarebanners, #recent_comments li {display:inline-block;}
/* Hide from IE Mac \*/
#header_top, #wrapper, #commentlist li, #user_header,
#footer, #squarebanners, #recent_comments li {display:block;}
/* End hide from IE Mac */