/*
Theme Name: R4B Apparel
Theme URI: http://www.r4bapparel.com/
Description: The custom them for Robots For Breakfast Apparel
Version: 1.0
Author: Evan Rowe
Author URI: http://www.evan-rowe.com/

	R4B Apparel 1.0
	 http://www.r4bapparel.com/

	This theme was designed and built by Evan Rowe,
	whose blog you will find at http://www.lobstersandligatures.com/
	and whose portfolio resides at http://www.evan-rowe.com

	The CSS, XHTML and design is Copyright 2009 Robots For Breakfast Apparel, Erica Whelton and Evan Rowe.
	The copying, repurposing or reuse of the code and its design elements in part or in whole is strictly prohibited.

*/

 * {
	margin: 0;
	padding: 0;
}

/*@font-face { font-family: "Klavika Medium"; src: url("../faces/KlavikaMedium.otf") format("opentype"); }
@font-face { font-family: "Klavika Light"; src: url("../faces/KlavikaLight.otf") format("opentype"); }
@font-face { font-family: "Klavika Bold"; src: url("../faces/KlavikaBold.otf") format("opentype"); }*/

img, div { behavior: url(../js/iepngfix.htc) }

img a, a img {
	border: none;
}

body {
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	font-size: 17pt;
	line-height: 20pt;
	font-weight: normal;
	color: #000000;
	margin: 0 auto;
	background: url(http://www.r4bapparel.com/img/bg.jpg) center no-repeat #F1F1F1 fixed;
	text-align: center;
}

#header {
	margin: 0 auto;
	margin-top: 15px;
	width: 1100px;
	height: 140px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#page {
	margin: 0 auto;
	margin-top: 20px;
	width: 1100px;
	height: 485px;
	text-align: center;
	position: relative;
	z-index: 3;
}

#logo {
	width: 369px;
	height: 126px;
	background: transparent url(http://www.r4bapparel.com/img/r4b_logo.png) no-repeat;
	float: left;
}

#primary_nav {
	width: 386px;
	height: 33px;
	background: url(http://www.r4bapparel.com/img/nav_sprite.png) -12px -115px no-repeat;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 95px;
	float: right;
}

#primary_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#primary_nav li, #primary_nav a {
    height: 33px;
	display: block;
}

#apparel {left: 0; width: 99px; height: 33px; }
#accessories {left: 94px; width: 135px; height: 33px; }
#news {left: 220px; width: 84px; height: 33px; }
#about {left: 299px; width: 86px; height: 33px; }

#apparel a:hover, #apparel.current {
    background: transparent url(http://www.r4bapparel.com/img/nav_sprite.png)
    -12px -153px no-repeat;}
	
#accessories a:hover, #accessories.current {
    background: transparent url(http://www.r4bapparel.com/img/nav_sprite.png)
    -106px -191px no-repeat;}
	
#news a:hover, #news.current {
    background: transparent url(http://www.r4bapparel.com/img/nav_sprite.png)
    -232px -229px no-repeat;}
	
#about a:hover, #about.current {
    background: transparent url(http://www.r4bapparel.com/img/nav_sprite.png)
    -311px -267px no-repeat;}


#column_1 {
	margin: 0 auto;
	width: 650px;
	height: auto;
	float: left;
	text-align: left;
	margin-left: 15px;
}

.date {
	margin: 0 auto;
	width: 83px;
	height: 80px;
	text-align: center;
	float: left;
	background: url(http://www.r4bapparel.com/img/date_square.png) no-repeat left top;
	padding-top: 7px;
	margin-top: -7px;
}

.date_number {
	color: #5DC7D3;
	font-size: 24pt;
	line-height: 24pt;
}

.sIFR-active .date_number {
	visibility: hidden;
	color: #5DC7D3;
	font-size: 24pt;
	line-height: 24pt;
}

.month {
	color: #5DC7D3;
	font-size: 16pt;
	line-height: 16pt;
	text-transform: lowercase;
	margin-top: -3px;
}

.sIFR-active .month {
	visibility: hidden;
	color: #5DC7D3;
	font-size: 16pt;
	line-height: 16pt;
	text-transform: lowercase;
}

.post_header {
	margin: 0 auto;
	float: left;
	width: 640px;
	height: 90px;	
}

.author_info {
	margin: 0 auto;
	width: 400px;
	height: 20px;
	float: left;
	font-size: 13pt;
	line-height: 13pt;
	margin-left: 3px;
	margin-top: -5px;
}

.sIFR-active .author_info {
	font-size: 13pt;
	line-height: 13pt;
}

.entry {
	margin-left: 10px;
	font-size: 11pt;
	line-height: 13pt;
}

.postmetadata {
	margin: 0 auto;
	float: left;
	width: 640px;
	height: auto;
	margin-left: 10px;
	margin-top: 15px;
	font-size: 9pt;
	margin-bottom: 50px;	
}

.postmetadata_alt {
	margin: 0 auto;
	float: left;
	width: 640px;
	height: auto;
	margin-top: 35px;
	font-size: 8pt;
	margin-bottom: 50px;	
}

#sidebar {
	margin: 0 auto;
	width: 250px;
	height: auto;
	float: left;
	text-align: left;
	margin-left: 90px;
	font-size: 10pt;
}


#footer_nav {
	width: 350px;
	height: 27px;
	background: url(http://www.r4bapparel.com/img/nav_sprite.png) -19px -5px no-repeat;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 6;
	right: 545px;
}

#footer_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
}
	
#footer_nav li, #footer_nav a {
    height: 27px;
	display: block;
}

#twitter {left: 0; width: 217px; height: 27px; }
#contact {left: 210px; width: 139px; height: 27px; }

#twitter a:hover {
    background: transparent url(http://www.r4bapparel.com/img/nav_sprite.png)
    -19px -37px no-repeat;}
	
#contact a:hover {
    background: transparent url(http://www.r4bapparel.com/img/nav_sprite.png)
    -229px -71px no-repeat;}
	
#bots {
	width: 100%;
	height: 87px;
	background: url(http://www.r4bapparel.com/img/bots.png) no-repeat center;
	position: fixed;
	bottom: 0;
	z-index: 1;
	margin-left: 400px;
}

#content {
	width: 928px;
	height: 396px;
	text-align: center;
	margin: 0 auto;
	/*background: transparent url(http://www.r4bapparel.com/img/homepage_placeholder.png) no-repeat;*/
}

#footer {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	height: 27px;
	bottom: 0;
	text-align: center;
}

#end_text {
	margin: 0 auto;
	width: 350px;
	height: 15px;
	text-align: center;
	font-size: 8pt;
	line-height: 8pt;
	color: #000000;
	z-index: 2;
	position: relative;
	bottom: 2px;
	clear: both;
}

a.footer_link, a.footer_link:visited, a.footer_link:active {
	text-decoration: none;
	color: #5DC7D3;
}

a.footer_link:hover {
	text-decoration: none;
	color: #F6B11A;
}

.center {
	width: 0px;
	margin: 0 auto;
	position: relative;
}

#page_center {
	width: 0px;
	margin: 0 auto;
	position: relative;
}

#large_vertical {
	width: 275px;
	height: 436px;
	background: transparent url(http://www.r4bapparel.com/img/large_vertical.png) no-repeat top left;
	position: absolute;
	left: -550px;
	overflow: visible;
}

#large_vertical img {
	margin-top: 17px;
	margin-right: 2px;
}

#large_vertical img a {
	border: none;	
}

#garment_title {
	margin: 0 auto;
	width: 600px;
	height: auto;
	position: absolute;
	left: -250px;
	top: 5px;
	text-align: left;
}

p.garment_title_text {
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	font-size: 20pt;
	line-height: 20pt;
	color: #F6B11A;	
}

.sIFR-active p.garment_title_text {
	visibility: hidden;
	font-size: 20pt;
	line-height: 20pt;
	color: #F6B11A;

}

#garment_detail {
	margin: 0 auto;
	width: 520px;
	height: auto;
	position: absolute;
	left: -250px;
	top: 50px;
	text-align: left;
}

.garment_detail_text {
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	font-size: 12pt;
	line-height: 15pt;
	color: #000000;	
}

.sIFR-active .garment_detail_text {
	visibility: hidden;
	font-size: 12pt;
	line-height: 15pt;
	color: #000000;	
}

#small_square_main {
	width: 259px;
	height: 237px;
	background: transparent url(http://www.r4bapparel.com/img/small_square.png) no-repeat top left;
	position: absolute;
	left: -550px;
	overflow: visible;
}

#small_square_main img {
	margin-top: 17px;
	margin-right: 4px;
}

#small_square_main img a {
	border: none;	
}

#small_square_1 {
	width: 259px;
	height: 237px;
	position: absolute;
	left: -260px;
	top: 202px;
	background: transparent url(http://www.r4bapparel.com/img/small_square.png) no-repeat top left;
}

#small_square_2 {
	width: 259px;
	height: 237px;
	position: absolute;
	left: 0;
	top: 202px;
	background: transparent url(http://www.r4bapparel.com/img/small_square.png) no-repeat top left;
}

#small_square_1 img {
	margin-top: 17px;
	margin-right: 4px;
}

#small_square_1 img a {
	border: none;	
}

#small_square_2 img {
	margin-top: 17px;
	margin-right: 4px;
}

#small_square_2 img a {
	border: none;	
}

.apparel_main_row {
	margin: 0 auto;
	width: 900px;
	height: 270px;
	text-align: center;
	margin-bottom: 30px;
}

.apparel_row_alt {
	margin: 0 auto;
	width: 900px;
	height: 470px;
	text-align: center;
	margin-bottom: 30px;
}

.apparel_main_square {
	width: 259px;
	height: 237px;
	float: left;
	margin-right: 40px;
	background: transparent url(http://www.r4bapparel.com/img/small_square.png) no-repeat top left;
}

.apparel_main_square img {
	margin-top: 17px;
	margin-right: 4px;
}

.apparel_main_square img a {
	border: none;	
}

.apparel_vertical {
	width: 259px;
	height: 436px;
	float: left;
	margin-right: 40px;
	background: transparent url(http://www.r4bapparel.com/img/apparel_vertical.png) no-repeat top left;
}

.apparel_vertical img {
	margin-top: 11px;
	margin-right: 4px;
}

.apparel_vertical img a {
	border: none;	
}


.apparel_item {
	margin: 0 auto;
	width: 275px;
	height: 500px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.apparel_item img {
	margin-top: 17px;
	margin-right: 2px;
}

.apparel_item_image {
	width: 275px;
	height: 436px;
	background: transparent url(http://www.r4bapparel.com/img/large_vertical.png) no-repeat top left;
	overflow: visible;
}

.apparel_main_caption {
	width: 259px;
	height: 30px;
	float: left;
	text-align: left;
	padding-left: 8px;
	padding-top: 8px;
	font-size: 15pt;
	color: #F6B11A;
}

.caption_link {
	font-size: 15pt;
	color: #F6B11A;	
}

.sIFR-active .caption_link {
	visibility: hidden;
	font-size: 15pt;
	line-height: 15pt;
	color: #F6B11A;	
}

#page.apparel {
	min-height: 905px;	
	height: auto;
	width: 900px;
}

#page.accessories {
	
	height: auto;
	width: 900px;
}

#page.about {
	height: 475px;	
}

#page.single {
	margin-bottom: 20px;
}

#temp {
	width: 600px;
	height: 445px;
	text-align: center;
	margin: 0 auto;
	margin-top: 60px;
}

#bowl {
	width: 500px;
	height: 260px;
	text-align: center;
	margin: 0 auto;
	background: transparent url(http://www.r4bapparel.com/img/bowl.png) no-repeat;
}

p.large_head {
	padding-top: 15px;
	font-size: 44pt;
	line-height: 40pt;
	color: #5DC7D3;
	text-transform: uppercase;

}

.sIFR-active p.large_head {
	visibility: hidden;
	padding-top: 15px;
	font-size: 44pt;
	line-height: 40pt;
	color: #5DC7D3;
	text-transform: uppercase;
}

.subhead_404 {
	padding-top: 7px;
	font-size: 15pt;
	line-height: 18pt;
	color: #5DC7D3;
}

#about_content {
	margin: 0 auto;
	float: right;
	width: 420px;
	margin-right: 20px;
}

.about_header {
	font-size: 20pt;
	line-height: 20pt;
	color: #F6B11A;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 10px;
	text-transform: uppercase;
}

.about_text {
	font-size: 11pt;
	line-height: 15pt;
	color: #000000;
	text-align: left;
	margin-bottom: 10px;
}

#about_image {
	margin: 0 auto;
	float: left;
	width: 646px;
	height: 386px;
	background: url(http://www.r4bapparel.com/img/about_pearl.png) no-repeat top left;
}

.sIFR-active .about_header {
	visibility: hidden;
	font-size: 20pt;
	line-height: 20pt;
	color: #F6B11A;
}

.sIFR-active .about_text {
	visibility: hidden;
	font-size: 11pt;
	line-height: 15pt;
	color: #000000;
}

a.title_link, a.title_link:visited {
	font-size: 30pt;
	line-height: 30pt;
	color: #F6B11A;
	text-decoration: none;
	text-transform: uppercase;
}

.sIFR-active a.title_link, .sIFR-active a.title_link:visited {
	visibility: hidden;
	font-size: 30pt;
	line-height: 30pt;
	color: #F6B11A;
	text-decoration: none;
	text-transform: uppercase;
}

a.title_link:hover, a.title_link:active {
	font-size: 20pt;
	line-height: 20pt;
	color: #5DC7D3;
	text-decoration: none;
	text-transform: uppercase;
}

.sIFR-active a.title_link:hover, .sIFR-active a.title_link:active {
	visibility: hidden;
	font-size: 20pt;
	line-height: 20pt;
	color: #5DC7D3;
	text-decoration: none;
	text-transform: uppercase;
}

a, a:visited {
	color: #5DC7D3;
	text-decoration: none;
}

a:hover, a:active {
	color: #F6B11A;
	text-decoration: none;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
}

#sidebar ul li ul li{
	list-style-type: none;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	background: #5DC7D3;
	padding-left: 7px;
	border-bottom: 1px solid #fff;
}

#sidebar ul li ul li a, #sidebar ul li ul li a:visited{
	color: #ffffff;
	text-transform: lowercase;
}

#sidebar ul li ul li:hover{
	background: #F6B11A;
}

h2, h3, label {
	font-size: 14pt;
	line-height: 14pt;
	color: #F6B11A;
	margin-top: 15px;
	text-transform: uppercase;
}

.sIFR-active h2, .sIFR-active h3, .sIFR-active label {
	visibility: hidden;
	font-size: 14pt;
	line-height: 14pt;
	color: #F6B11A;
	text-transform: uppercase;
}

p {
	font-size: 11pt;
}

textarea {
	width: 640px;
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 10px;
}

hr#blue_bar {
	height: 1px;
	border: none;
	color: #5DC7D3;
	background-color: #5DC7D3;
	margin-bottom: 15px;
}