/*
Theme Name: Rags Consignment
Theme URI: http://iloverags.com/
Description: Wordpress theme developed for use in the iloverags.com site
Author: Matthew Popke (matt@popke.net)
Version: 0.1
*/
/* 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;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
 /* END RESET */

body {
	font-size: 100%;
}

#wrapper {margin:0 auto;width:1010px;}

#header {
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #555;
	width: 1000px;
}

#misc_nav {
	float: right;
	margin-top:12px;
}

img#gchead {
	margin-right: 60px;
	margin-top: 12px;
	float: right;
}

img.gcsml {
	width: 72px;
	height: 46px;
}

#banner {
	margin: 13px 0 20px 0;
	padding: 33px 0 0 28px;
	border-top: 2px solid #555;
}

#logo {
	width: 345px;
	height: 145px;
}

#lineup {
	position: absolute;
	left: 490px;
	top:50px;
	width: 510px;
	height: 135px;
	margin: 18px 0 0 0;
}

#store_nav {
	list-style-type: none;
	margin-left: 28px;
	margin-top: 25px;
}

#store_nav li {
	display: inline;
}

#store_nav li a {
	margin: 0 2px;
}

#tagline {
	float: right;
	margin-right: 90px;
	text-align: center;
}

#tagline img {margin-top:8px;}

#content {
	width: 1000px;
	background-color: #fff;
	overflow: hidden;
	height: 100%;
}

#copy {
	width: 400px;
	min-height: 530px;
	padding: 10px 30px 0 30px;
	float: right;
	font: .875em Helvetica, sans-serif;
}
.blue {
	background: #E6EFF4;
}
.bluet{color:#00A2DE;}
#about {
	width: 500px;
	min-height: 530px;
	padding: 10px 30px 0 30px;
	float: right;
	font: 1em Helvetica, sans-serif;
}
#about h1 {margin:0 0 1em 0; font-size: 1.25em; font-weight: bold; letter-spacing: 2px; color: #00A2DE;}
#about h2{margin:0; font-size: 1.125em; font-weight: bold; letter-spacing: 1px;line-height:1em;}
#about p{margin:0 0 1em 0;}

#shop {
	width: 520px;
	padding: 10px 30px 0 30px;
	float: right;
	font: 1em Helvetica, sans-serif;
}
#shop h2 {font-size:1.25em;font-weight:bold;margin:0 0 1em 0;}
#shop p {margin:0 0 1em 0;line-height:1.4em;}
#byob {
	width: 440px;
	padding: 30px 30px 50px 30px;
	float: right;
	font: 1em Helvetica, sans-serif;
	text-align:center;
}
#byob h2 {font-size:1.25em;font-weight:bold;margin:2em 0 1em 0;}
#byob p {margin:0 0 1em 0;line-height:1.4em;}

.center {
	text-align: center;
}
#contact {
	width: 400px;
	padding: 80px 30px 0 30px;
	float: right;
	font: 1em Helvetica, sans-serif;
	line-height: 1.5em;
}
#contact h2 {margin:1em 0 0 0;font-size: 1.125em;font-weight:bold;letter-spacing:1px;text-align:center;}


#copy h1 {margin: 0 0 1em 0; font-size: 1.2em; font-weight: bold; letter-spacing: 1px; color: #00A2DE;}
#copy h2 {margin:1em 0 0 0;font-size: 1.125em;font-weight:bold;letter-spacing:1px;text-align:center;}
#copy p {margin:0 0 1em 0;}
#copy p.long {font-size: 1.25em;line-height: 1.4em;}
#copy ul {list-style-type: disc;}
#copy ul li {margin:0 0 .75em 15px;}
#copy ul li a {font-weight:bold;color:#EC008C;text-decoration:none;text-align:center;display:block;}
em {font-style: italic;}
strong {font-weight: bold;}
#copy .sent {font-size: 1.25em; line-height: 1.4em; margin-top: 1em; margin-bottom: 0;text-align:center;}
#copy .sent div {margin-bottom: 0;}
#copy .sent em {font-weight: bold;}
#copy .sent strong {font-size: 1.5em; font-weight: bold;}
#copy div {margin: 0 0 1em 0;}
#copy ul.adr {list-style-type:none;margin:0;}
#copy ul.adr li {margin:0;}
#copy .fullcircle-linkshare {display:none;}

#form {float: right; width:530px;font: 1em Helvetica, sans-serif;text-align: center;}
#form h1 {margin: 70px 0 2em 0; font-size: 1.2em; font-weight: bold; letter-spacing: 1px; color: #7EA7C8;}
#form form ul {list-style-type: none;float: left;}
#form form ul li {margin:0;text-align:right;clear:both;}
#form form ul li input {float:right;width:250px;margin-left: 5px;border: thin solid #7EA7C8;font-size:1.1em;}
#form form ul li input.submit {float:right;width:250px;margin-left: 5px; width: auto;
	background: white;
	padding: 4px 6px;
	border-top: 1px solid #7EA7C8;
	border-left: 1px solid #7EA7C8;
	border-right: 2px solid #7EA7C8;
	border-bottom: 2px solid #7EA7C8;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#form form ul li textarea {float:right;width:248px;margin-left: 5px;border: thin solid #7EA7C8;font-size:1.1em;height:6em;}

#posts {font: .875em Helvetica, sans-serif;padding: 20px 20px 40px 30px;width: 450px;float:left;}
#posts .post {margin-bottom: 2em;}
#posts h2 {font-size: 1.25em;font-weight:bold;}
#posts h2 a {color:#000;text-decoration:none;}
#posts h2 a:hover {color:#33F;text-decoration:underline;}
#posts em {font-style: italic;}
#posts strong {font-weight: bold;}
#posts p {margin: 0 0 1em 0;}
#posts p.post_author {font-size: .875em;}
#posts p.dateline {font-style:italic;font-size: .875em;}

#posts .nav-previous {float:left;}
#posts .nav-next {float:right;}

#pageposts {font: .875em Helvetica, sans-serif;padding: 20px 20px 40px 30px;width: 850px;margin: 0 auto;}
#pageposts .post {margin-bottom: 2em;}
#pageposts h2 {font-size: 1.25em;font-weight:bold;text-align:center;}
#pageposts h2 a {color:#000;text-decoration:none;}
#pageposts h2 a:hover {color:#33F;text-decoration:underline;}
#pageposts em {font-style: italic;}
#pageposts strong {font-weight: bold;}
#pageposts p {margin: 0 0 1em 0;}


#sidebar {margin:20px 50px 0 0;float:right;width: 200px;font: .875em Helvetica, sans-serif;border:thin solid #add950;}
#sidebar ul {list-style-type:none;}
#sidebar ul li {margin:0;}
#sidebar ul li h3 {text-align:center;background:#add950;color:#000;padding:10px 0;}
#sidebar ul li ul {list-style-type:none;}
#sidebar ul li ul li {padding:10px;border-top:thin solid #add950;}


#gc {
	width: 450px;
}
#gc div {font: bold 1.5em Helvetica, sans-serif;line-height:1.3em;}


#pr-left {width:620px;margin-left: 35px;padding-bottom:30px; clear:left;}
#pr-right {float:right;margin-right: 50px; clear:both;padding-bottom:30px;}

#pr-left img {float: left; margin: 0 8px 25px ;}
#pr-left .fullcircle-linkshare {display:none;}

#footer {
	clear: both;
	border-top: thin solid #555;
	padding-top: 10px;
	width: 1000px;
}

#fleft {
	width: 57%;
	padding-left: 10px;
}

#fright {
	float: right;
	width: 36%;
	padding-right: 20px;
	padding-top: 23px;
}

#f1 {
	float:left;
}
#f3 {
	float:left;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	font-size: .675em;
	color: #555;
	text-align: center;
}
#f3 ul li h3 {font-size: 1em;}
#f2 {
	float:right;
}
#f4 {
	float:right;
	font: bold .875em Helvetica, sans-serif;
	color: #555;
}

.vcard .org {display: none;}

#f3 ul li div {
	background: #555;
	color: #fff;
	font-size: 5em;
	line-height: 1em;
}


/* Background images for various pages */
.background {
	min-width: 535px;
	min-height: 530px;
}
.background-byob {background: url('images/background/byob.jpg') no-repeat top left;}
.background-consign {background: url('images/background/consign.jpg') no-repeat top left;}
.background-contact {background: url('images/background/contact.jpg') no-repeat top left;}
.background-shop {background: url('images/background/shop.jpg') no-repeat top left;}
.background-mobile {background: url('images/background/mobile.jpg') no-repeat top left;}
.background-about {background: url('images/background/about.jpg') no-repeat top left;}
.background-gift {background: url('images/background/gift.jpg') no-repeat top left;}
.background-home {background: url('images/background/Rags.jpg') no-repeat top left;}

#homepage{width:1000px;height:595px;}
#img-homepage{width:1000px;height:595px;}

/* misc images */
#gcfoot {
	margin-right: 4px;
}
#giftcard {
	width: 404px;
	height: 236px;
	margin: 110px 0 10px 0;
}
#byobfoot {
	width: 240px;
	height: 100px;
}
#mobilefoot {
	width: 286px;
	height: 100px;
}
#top_nav {
	width: 290px;
	height: 26px;
}
#mobilelrg {
	width: 504px;
	height: 252px;
	margin: 100px 0 0 0;
}
#img-byob {
	width: 308px;
	height: 121px;
}
#nav-twit {
	width: 34px;
	height: 35px;
}
#nav-fb {
	width: 34px;
	height: 35px;
}
#press {
	width: 248px;
	height: 359px;
}
img.snfoot {
	margin: 0 2px 6px 0;
}

/*
 * Styles for text-as-images below
 */

/* image-based navigation */
#nav_shop {width:99px;height:36px;}
#nav_consign {width:162px;height:36px;}
#nav_blog {width:89px;height:36px;}
#nav_press {width:104px;height:36px;}
#head_tagline {width:302px;height:36px;}

/* header images */
#head-about {width:213px;height:42px;}
#head-consign {width:223px;height:42px;}
#head-gift {width:216px;height:24px;margin: 70px 0 2em 0;}
#head-press {width:198px;height:24px;margin:40px 0 20px 30px;float: left;}

/* taglines */
#gctagline {width:266px;height:54px;margin:0 0 80px 0;}
#mobiletagline {width:331px;height:54px;margin: 20px 0 0 43px;}


