/*
	Name: Pants to Poverty
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/* Importing Styles */
@import url("sIFR-screen.css");
@import url("sIFR-print.css") print;

/***** Global *****/
	/* Reset */
		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-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on 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: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 68.75%; /* 100% = 16px */
    color: #666;
    font-family: georgia,garamond,serif;
    background: #918b80 url('../images/bg.jpg') repeat-y top center;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #7f7963; text-decoration: none}
	a:hover, a:active {text-decoration: underline}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: inside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: inside decimal
}
/***** Layout *****/
/* Header */
#logo {
  width: 760px;
	margin: 0 auto
}

#logo img {display: block}

  /* Menu */
  #menu, #submenu {
    width: 760px;
    padding: 9px 0 5px 0;
    margin: 0 auto;
    background: #fff;
    list-style: none;
    text-align: center;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif
  }
  
  #menu:after, #submenu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }
  
  #submenu {padding: 5px 0 5px 0}
  
  #menu li, #submenu li {
    display: inline;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
    line-height: 1;
    background: url('../images/menu-separator.gif') no-repeat top left
  }
  
  #menu li.first, #submenu li.first {background: none}
  
  #menu a:link, #menu a:visited, #submenu a:link, #submenu a:visited {color: #7f7963; text-transform: uppercase; padding-bottom: 7px; position: relative}
  #menu a.active:link, #menu a.active:visited, #menu a:hover, #menu a:active,
  #submenu a:hover, #submenu a:active {color: #000; text-decoration: underline}
  
  #submenu a.active:link, #submenu a.active:visited {color: #000}
  
  #menu a.active:link, #menu a.active:visited {
    text-decoration: none;
    color: #000;
    background: url('../images/active-menu.gif') no-repeat bottom center
  }

/* Body */
#content {
  width: 740px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 10px 30px 10px;
  background: #fff
}

/* Footer */
#footer {
  width: 740px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 10px 30px 10px;
  background: #fff;
  height: 24px
}

#footer a img {display: block; float: left; margin: 0 .3em 0 10px}

#footer a:link, #footer a:visited {
  line-height: 24px;
  display: block;
  color: #858585;
  font-family: 'trebuchet ms', tahoma, arial, verdana, serif;
  font-size: 13px;
  height: 24px;
  position: relative;
  overflow: hidden;
  width: auto;
  float: left
}
#footer a:hover, #footer a:active {text-decoration: none}
#footer a:hover img, #footer a:active img {margin-top: -24px}

#footer a.privacy:link, #footer a.privacy:visited {float: right; margin: 0 10px 0 0}
#footer a.privacy:hover, #footer a.privacy:active {text-decoration: underline}
	
/***** Sections *****/
#content .single-column {
  background: #f1f0ee;
  margin: 0 20px;
  padding: 20px 10px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
  overflow: hidden;
  height: 1%
}

.single-column h2 {margin-bottom: 15px}

  /* Content Boxes */
  .content-box, .buy-pants, .image-box, .question-box, .image-box-2 {
    width: 320px;
    height: 165px;
    padding: 15px;
    overflow: hidden;
    margin: 10px;
    float: left;
    background: #f1f0ee;
    display: block !important;
    display: inline;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif
  }
  
  .content-box.background {background: #f1f0ee url('../images/pants-bg.jpg') no-repeat top left}
  
  .question-box {height: auto}
  
  .image-box, .image-box-2 {padding: 0; width: 350px; height: 195px; position: relative}
  .image-box a:link, .image-box a:visited,
  .image-box-2 a:link, .image-box-2 a:visited {
    padding-left: 8px;
    background: url('../images/white-arrow-right.gif') no-repeat center left;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff
  }
  
  .image-box img, .image-box-2 img {position: absolute; z-index: 10}
  .image-box .caption {
    position: absolute;
    z-index: 20;
    padding: 15px;
    height: 62px;
    width: 320px;
    background: url('../images/caption-bg.png') !important;
    background: url('../images/caption-bg-ie.gif')
  }
  
  .image-box-2 .caption {
    position: absolute;
    z-index: 20;
    padding: 15px;
    height: 42px;
    width: 320px;
    color: #fff;
    bottom: 0
  }
  
  .content-box h2, .buy-pants h2, .image-box h2, .question-box h2 {
    font-weight: bold;
    color: #7f7963;
    line-height: 1.2;
    font-size: 18px;
    margin-bottom: 5px
  }
  .image-box h2 {color: #fff}
  
  .question-box h2 {
    font-weight: normal;
    font-size: 23px;
    line-height: 1.1
  }
  
  .content-box a, .buy-pants a, .question-box a {
    padding-left: 8px;
    background: url('../images/arrow-right.gif') no-repeat center left;
    text-transform: uppercase;
    font-size: 10px
  }
  
  .question-box a.buy {
    padding: 7px 0 7px 30px;
    background: url('../images/buy-icon.gif') no-repeat center left;
    margin-top: 5px
  }
  
  .content-box p, .buy-pants p, .single-column p {
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
    color: #7f7963
  }
  
  .single-column p {font-size: 16px}
  
  .content-box img, .buy-pants img {display: block; margin: 0; padding: 0}
  
  .content-box img.left, .buy-pants img.left {float: left; margin: -15px 10px -15px -15px}
  
  .buy-pants h2 {text-align: right}
  .buy-pants a {text-align: right; float: right}
  
/* News */
#news-list {
  margin: 40px 0 0 60px;
  padding: 0;
  list-style: none;
  width: 390px;
  float: left;
  display: block !important;
  display: inline
}

#news-list li {
  margin-bottom: 3em
}

#news-list h2 {
  color: #8c8773;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: .7em
}

#sidebar {
  width: 200px;
  text-align: center;
  float: right;
  margin: 40px 30px 0 0;
  display: block !important;
  display: inline
}

/* Newsletter Form */
#email-newsletter {margin: 25px 0 0 0}
#email-newsletter input {float: left}

#email-newsletter input.text {
  border: 0;
  padding: 4px 7px;
  background: #b5afa5;
  color: #f6f6f4;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
  width: 210px
}

#email-newsletter input.button {margin: 5px 0 0 0; font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; color: #7f7963; font-weight: bold}

/* Information Form */
.information-form {
  padding: 30px 0;
  width: 465px;
  overflow: hidden;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif
}

.information-form label {
  display: block;
  float: left;
  text-transform: uppercase;
  color: #7f7963;
  font-size: 12px;
  width: 110px;
  margin-bottom: 15px;
  clear: left;
  line-height: 20px
}

.information-form input.text, .information-form select, .information-form textarea {
  float: left;
  margin: 0 0 15px 10px;
  border: 0;
  padding: 3px 5px;
  background: #fff;
  font-family: inherit;
  font-size: 13px;
  color: #756d5d;
  width: 335px
}

.information-form textarea {height: 130px}

.information-form option {border: 0}

.information-form .button {float: right; margin: 10px 0 0 0}

/* Competition */
#competition {
	overflow: hidden;
	height: 1%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 109.09%
}

	/* Menu */
	#comp-menu {
		width: 135px;
		float: left;
		padding: 8em 0 0 5px;
		margin: 0 5px 0 0
	}

	#comp-menu ul {margin: 0 0 1.5em 0; padding: 0; list-style: none}
	#comp-menu a:link, #comp-menu a:visited {color: #000}
	#comp-menu a:hover, #comp-menu a:active, #comp-menu .current a:link, #comp-menu .current a:visited {color: #f00; text-decoration: none}
	
	/* Submenu */
	#comp-sub {
		width: 135px;
		float: left;
		margin: 0 0 0 5px;
		padding: 8em 0 0 5px
	}
	
	#comp-sub .button {
		display: block;
		background: #7F7A6F;
		width: 100%;
		padding: .3em 0;
		text-align: center;
		color: #fff;
		margin-bottom: .4em
	}
	
	#comp-sub ul {margin: 0 0 1em 0; padding: 0; list-style: none}

	/* Content */
	#comp-cont {width: 450px; float: left; padding-top: 2em}
	
	#comp-cont h2 {
		font-size: 183.33%;
		color: #000;
		margin-bottom: 1em
	}
	#comp-cont h3 {font-size: 133.33%; color: #000; margin-bottom: .8em; position: relative; padding-right: 100px}
	#comp-cont h3 em {font-style: normal; color: #938c82; padding-left: .5em}
	#comp-cont h3 a:link, #comp-cont h3 a:visited {color: #f00; font-size: 75%; position: absolute; right: 0}
		
		/* Image */
		#comp-img, .comp-img {background: #dedcd9; padding: 5px; width: 437px}
		.comp-img { float: left; }
		.comp-img img {float: left; margin: 0 5px 5px 0}
		.comp-img p { float: right; width: 250px; }
		h4 { clear:both; padding-bottom: 10px; padding-top: 10px; }
		
		/* Ranking */
		#comp-rate {padding: 1em 0 2em 0}
		#comp-rate label {padding-right: .5em}
		
		/* Nav */
		#comp-nav {width: 450px; text-align: center; font-size: 175%; padding-bottom: .1em}
		#comp-nav a {padding: 0 1em}
		
		/* Upload */
		#upload-fields {
			background: #dedcd9;
			padding: 20px 20px 10px 20px;
			color: #000;
			margin-bottom: 10px
		}
		
		#upload-fields label {display: block; margin-bottom: .2em}
		#upload-fields input {width: 55%; margin-bottom: 1em}
		
		#upload-button {text-align: right}
		#upload-button .button {
			color: #f00;
			background: none;
			border: 0;
			font-size: 133.33%;
			cursor: pointer
		}
		
		/* Big Links */
		a.big-button:link, a.big-button:visited {
			background: #7F7A6F;
			display: block;
			width: 100%;
			padding: .4em 0;
			color: #fff;
			text-align: center;
			font-size:2em;
			margin-bottom: .5em
		}
		
		/* Rating */
		#rating {background: #d7d6d1; padding: 10px 5px; color: #333; text-align: center}		
		#rating h2, #rating img {display: block; margin: 0 auto .5em auto}		
		#rating strong {display: block; font-size: 2.3em; padding-top: .3em; color: #7F7A6f}
		
		/* Face Index */
		#face-index {background: url('../images/face/face-bg.jpg') no-repeat bottom right; padding-bottom: 5em}
		#face-index #flogo {width: 163px; margin: 0 auto 20px auto; display: block}
		
		#face-index h2 {color: #7f7963; font-size: 1.6em; margin-bottom: .4em}
		
		#face-index #fmenu {
			margin: 0 0 2em 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
			height: 1%
		}
		
		#fmenu li {float: left; margin: 0 .8em 0 0; padding: 0 .8em 0 0; border-right: 1px solid #7f7963; height: 1em; line-height: 1em; padding-bottom: .1em}
		#fmenu li:last-child {border: 0}
		
		#face-index .text {width: 70%; padding-bottom: 2.5em}
		#face-index .text p {text-align: left}
		
		#f-button {
			display: block;
			width: 197px;
			height: 31px;
			line-height: 31px;
			background: #92897c url('../images/face/button-bg.gif') no-repeat center center;
			color: #fff;
			font-size: 1.3em;
			text-align: center
		}