/*
	Theme Name: Pants To Poverty
	Description: Theme for Pants To Poverty
	Version: 1.0
	Author: Rolled Limited
	Author URI: http://www.rolled.at
*/

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


/***** 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: 140%;margin-bottom:5px;font-weight:bold}
	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
}
	
/***** Sections *****/
#content .contact-single-column {
  background: #f1f0ee;
  margin: 0 20px;
  padding: 20px 10px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
  overflow: hidden;
  height: 1%
}

.contact-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
  }

  .content-box h2 a {
	padding-left: 0;
	background: none;
	text-transform: none;
    font-size: 100%
  }
  
  .question-box a.buy {
    padding: 7px 0 7px 35px;
    background: url('images/buy-icon.gif') no-repeat center left;
    margin: 5px 0 0 -5px
  }
  
  .content-box p, .buy-pants p, .contact-single-column p{
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
    color: #7f7963
  }
  
  .contact-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;
  float: right;
  margin: 40px 30px 0 0;
  padding: 0;
  display: block !important;
  display: inline
}

ul#side{
  list-style: none;
  margin: 0;
  padding: 0
}

/* 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}

/* Single Column */
.single-column{
  margin: 40px 60px 0 60px;
  padding: 0
}

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

.single-column ul li {
  margin-bottom: 10px
}

.post-meta{
	padding:5px;
	background: #f1f0ee
}

.image-center{
	text-align:center
}


/* 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}

/* 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}

/* Revise sidebar */
.panteaters {margin:0;padding:0;list-style-type: none}
.panteaters li a:link,.panteaters li a:visited {display:block;color:#8c8773;padding:5px 20px}
.panteaters li a:hover,.panteaters li a:active {color:#fff;background:#8c8773;text-decoration: none}
#sidebar .box {background:#DCDCD4;margin-bottom:15px}
#sidebar .box-label {background:#8C8773;padding:15px 10px;color:#fff;font-size:13px}
#sidebar .box-content {background:#DCDCD4;padding:15px 10px;color:#686765;line-height: 1.2em}
.img-link {display:block;margin-bottom:10px}


#twitter-wrap {background: url('http://pantstopoverty.com/wp-content/themes/pants-to-poverty/ptp-images/speech-top.png') top no-repeat;height:auto; color:#a19e8b;width:210px;padding-top:2px}
#twitter-content {background: url('http://pantstopoverty.com/wp-content/themes/pants-to-poverty/ptp-images/speech-bottom.png') bottom no-repeat;padding:15px 10px 72px 10px;width:190px;font-size:13px}
#subscribe-form {background: #ffa800 url('http://pantstopoverty.com/wp-content/themes/pants-to-poverty/ptp-images/subscribe-now.png') top no-repeat;margin:15px 0;padding:46px 6px 6px 6px}
#subscribe-form .text {width:168px;border:0;margin-bottom:2px;color:#8d8673;padding:10px}
#subscribe-form #subscribe {float:right;margin-top:6px}
.revise-page {margin: 40px 0 0 30px;width:430px;float:left; padding: 0}
.revise-page h2 {margin-bottom:7px}
.revise-page p {line-height:1.5em}
.revise-page img{border:1px solid #e2e1dc;margin-bottom:10px}
.revise-page ul.news {margin:0;padding:0;list-style-type:none}
.revise-page ul.news li {border-bottom:1px solid #e1e2dd;padding:8px}

.caption p { color: #fff; }