/*
Theme Name: ROAN
Theme URI: http://www.roanshop.com/
Description: Custom created Wordpress theme for all those Roanies out there.
Version: 1.0
*/

@import "style/css/reset.css";

html {background: #fff;}
html, body {height: 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
body { font-family:  Monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 12px; line-height: 1.7; color: #58585a; background: #fff; letter-spacing: 1px;}
h1,h2,h3,h4,h5,h6,blockquote {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
input {font-family:  Monaco, "Lucida Console", "Courier New", Courier, monospace; font-size: 10px; line-height: 1.7; letter-spacing: 1px;}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}


/* --------------------------------------------
	LINKS
-------------------------------------------- */

a {color: #a0218c; text-decoration: none;}
a:active {opacity: 0.5;}
a:hover {border-bottom: 1px solid #a0218c; color: #a0218c !important;}'
:focus {outline: none;}

/* --------------------------------------------
	TYPE STYLES
-------------------------------------------- */

h1, .blog-post h1, h2, .blog-post h3 {background: #fff; color: #58585a; font-size: 16px; display: inline-block; text-transform: uppercase; padding: 4px 12px; letter-spacing: 3px; position: relative; left: -15px; border-right: 0px solid rgb(160, 33, 140); border-bottom: 0px solid rgb(160, 33, 140);}
h3 {font-size: 15px; margin: 0 0 12px 0; letter-spacing: 0.07em; color: #000;}
h4 {margin: 0 0 6px 0; letter-spacing: 0.03em; color: #000; text-transform: uppercase; font-style: italic;}

p { margin-bottom: 17px; color: #8D8D90;}
ul, ol {margin: 0 0 19px 2.3em; }
ul li {list-style-type: disc; padding-left: 11px;}
ol li{list-style-type: decimal; padding-left: 11px}
b, span {color: #000;}

blockquote {font-size: 14px; line-height: 24px; color: #a0218c !important; letter-spacing: 2px; text-indent: -7px;}
blockquote p {color: #a0218c !important;}


.wp-pagenavi{clear:both; text-align: right;  width: 450px; padding-top: 12px; font-size: 11px;}
.wp-pagenavi a,.wp-pagenavi span{text-decoration:none;border:0px solid #cbc6bd;padding:3px 5px;margin:2px;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{border-color:#000;}
.wp-pagenavi span.current{}
.wp-pagenavi .pages {border: 0px; text-align: left; float: left;}


/* --------------------------------------------
	LAYOUT
-------------------------------------------- */

.fluid #content {padding:0 0 250px 300px;}
.fluid #panel {padding-left: 100px;}
.fluid #footer .inner {padding-left: 300px;}

.safari-fix #footer {margin-top: 0px;}

#wrapper {min-width: 960px; position: relative; height: 100% }
body > #wrapper {height: auto; min-height: 100%;}
#content {margin: 0px 0 0 0; padding: 0 0 250px 200px ; min-width: 840px !important;}
#inner-wrapper {overflow: auto; padding: 0 23px 250px;}
#footer {background: #828387; color: #ffffff !important; margin: -220px 0 0 0px; height: 250px; position: relative; clear: both !important; z-index: 300;}

.col {float: left; width: 218px; display: block; margin-right: 20px;}
.col-wide {float: left; width: 571px; display: block; margin-right: 0px;}
.inner {min-width: 810px !important; padding: 33px 23px 0px 200px;}

/* --------------------------------------------
	IMAGES
-------------------------------------------- */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; display: inline; margin: 0 10px 12px 0 !important; }
.alignright { float:right; display: inline; margin: 0 0 12px 10px !important;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* --------------------------------------------
	ROANISM
-------------------------------------------- */
#roamism { display: block; padding: 126px 0 6px 238px;}
#roamism span {color: #805279; text-transform: uppercase; font-size: 15px; color: #fff; letter-spacing: 1px; font-style: italic;}

.social-media-links {position: absolute; top: 5px; right: 5px; font-size: 10px; line-height: 1.1 !important;}
.social-media-links a {border: 0px !important; padding: 0px !important; }
.social-media-links img {margin-bottom: -3px;}


/* --------------------------------------------
	LEFT PANEL
-------------------------------------------- */
#panel {background: #fff url(style/images/panel-bg.png) top right repeat-y; position: fixed; top: 0; bottom: 0px; left: 0px; width: 180px; z-index: 1000; min-height: 660px;}


.fixed #panel { position: absolute !important; }
.fixed #store-info { position: relative !important; top: 14%; right: -3px;}


#panel ul, #store-info {margin: 0 0 0 21px;}
#panel ul li {list-style-type: none; padding: 0px;}
#logo {border: 0px; display: block; text-align: center; margin: 60px auto 60px auto;}

#nav li a {border: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; line-height: 1.8; word-spacing: -1px; color: #010101 !important; }
#nav li a:hover {border-bottom: 1px solid #a0218c;}
#nav li a.active {border-bottom: 1px solid #a0218c; color: #a0218c; }

#subnav {font-size: 10px; position: relative; top: 4%;}
#subnav li {line-height: 1.9;}
#subnav li a {color: #010101;}

#store-info {font-size: 9px !important; position: absolute; bottom: 33px; right: 23px; width: 135px;}
#store-info p {color: #58585a; margin-top: 12px;}
#store-info address {text-transform: uppercase; letter-spacing: 1px; color: #58585a;}


/* --------------------------------------------
	FOOTER
-------------------------------------------- */
#footer p {color: #fff; font-size: 9px !important; clear: both; }
#footer h6 {text-transform: uppercase; font-style: italic; margin-bottom: 15px; color: #fff !important;}

#newsletter {margin-bottom: 30px;}
#newsletter input {padding: 7px 11px; color: #fff; border: 0;}
#newsletter .email { background: #9b9c9f; width: 197px; margin-bottom: 11px;}
#newsletter .submit {background: #949699; float: right; text-transform: uppercase; font-style: italic; letter-spacing: 2px;}
#confirmation {display: none; font-size: 9px !important;}

#featured-designers {margin-right: 0px;}
#featured-designers h6 {background: url(style/images/footer-underline.png) 0 100% repeat-x; padding-bottom: 11px;}
#featured-designers p {line-height: 2.3; font-size: 10px;}
#featured-designers a {color: #EFC2E8;}
#featured-designers a:hover {color: #fff !important; border-color: #fff;}

/* --------------------------------------------
	SIDEBAR
-------------------------------------------- */
#sidebar {padding-bottom: 22px; margin: 20px 20px 0 0;}   
.cufon-loading h2, .cufon-loading h1 {visibility: hidden !important;}
.cufon-active #sidebar h2 {font-size: 132px; text-transform: capitalize; margin: -95px 0 -30px 32px; padding: 0; line-height: 132px; color: #a0218c; letter-spacing: -0.005em; background: transparent; white-space:nowrap;}
#sidebar h2 a:hover {border: 0px !important; text-decoration: none !important;}
#sidebar ul {margin: 0; font-size: 10px; line-height: 1.9; z-index: 4000; position: relative;}
#sidebar ul li {list-style-type: none; padding: 0px;}
#sidebar .current_page_item a {color: #000 !important; pointer-events: none; cursor: default; }

#sidebar img {margin-bottom: 14px;}
#sidebar h4 {text-transform: uppercase; font-style: italic; margin: 0 0 6px 0;}
#sidebar ul.archives, .categories ul {margin-bottom: 60px;}

/* Hompage Only */
.page-template-home-page-php #sidebar {margin: 0 20px 0 0;}
.page-template-home-page-php #sidebar p {margin-bottom: 0px !important;}
.page-template-home-page-php #sidebar div {margin: 0; padding: 0px;}
.page-template-home-page-php #sidebar a {border: 0 !important;}

.pageid-111 #sidebar, 
.pageid-69  #sidebar,
.blog       #sidebar {margin: 20px 20px 0 0;}

.parent-pageid-184 h2 {margin-bottom: -20px !important;}
#ready-header {font-size: 112px !important; margin: -95px 0 10px 10px !important;}

/* --------------------------------------------
	HOMEPAGE
-------------------------------------------- */
.home {background: #edece9 url(style/images/wood-grain.jpg) 180px 0px repeat;}
.home .col-wide a {border: 0 !important;}
.home #content {margin: 0 !important;}



/* --------------------------------------------
	POSTS
-------------------------------------------- */

.post {position: relative; clear: both;}
.post:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.post{display:inline-block;}
html[xmlns] .post{display:block;}
* html .post{height:1%;}*

.blog-post {margin-bottom: 60px; background: url(style/images/roanism-underline.png) 42px 18px repeat-x;}

.post h2 a, .blog-post h3 a {text-decoration: none; border: 0px !important; display: inline-block;}
.post p {letter-spacing: 0.02em; clear: both; }
.post p img, .post img {margin-bottom: 0px; border: 1px solid #cbc6bd; padding: 2px; background: #fff;}
.post .date {color: #8D8D90; font-size: 10px; margin-top: 10px;}
.post .date a {color: #000;}
.post-edit-link {font-size: 9px; clear: both; position: absolute; bottom: 0px; right: 0px;}

.single .blog-post p:first-child {margin-top: 20px !!important;}
.single h1 {margin-bottom: 20px;}

.post .content {padding: 5px 0 0;}

.navigation, .meta {padding: 10px 0px;  font-size: 10px !important;}
.navigation:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.navigation{display:inline-block; width: 450px; clear: both;}
body.blog .navigation {width: auto !important;}
html[xmlns] .navigation{display:block;}
* html .navigation{height:1%;}
.navigation .alignleft {float: left;}
.navigation .alignright {float: right; text-align: right;}

/* --------------------------------------------
	FORMS
-------------------------------------------- */

input, textarea { font-family: Monaco, "Lucida Console", "Courier New", Courier, monospace; padding: 12px 9px; background-color: #e3e4e5; border: 0;}
textarea {height: 200px; width: 571px; }
input:hover, textarea:hover { background: #C8C9CB;}
input:focus ,textarea:focus {background: #efcfea;}
input#submit {clear: both; float: none; margin-top: 12px;}

/* --------------------------------------------
	DIALOGUE
-------------------------------------------- */

#respond  { margin-top: 20px;  position: relative; margin-bottom: 120px;  background: url(style/images/roanism-underline.png) 42px 39px repeat-x;}
#comments {  margin-top: 20px; position: relative;}
#comments h3 {padding: 0 70px ;}
ol.commentlist {margin: 20px 0 60px;  background: url(style/images/roanism-underline.png) 42px 3px repeat-x;}
ol.commentlist:after,ol.commentlist li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ol.commentlist li {list-style: none; padding: 30px 0; position: relative;}
ol.commentlist li p {margin-left: 220px; margin-right: 0px;}
ol.commentlist li .comment-author {float: left; width: 200px;  }
ol.commentlist li .comment-meta {font-size:8px;}
ol.commentlist li .comment-author img {display: block; padding: 2px; background: #fff; border: 1px solid #cbc6bd;}


/* --------------------------------------------
	PRODUCT STYLES
-------------------------------------------- */

.products {margin: 22px 0 60px 0 ;}

.product-image {margin: 0px 0 20px; display: block;}

#product-nav a {border: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; line-height: 1.8; word-spacing: -1px;}
#product-nav a:hover {border-bottom: 1px solid #a0218c;}
#product-nav .current-cat a {border-bottom: 1px solid #a0218c; color: #a0218c;}

.product-tile {background: #fff; border: 1px solid #cbc6bd; width: 218px; display: inline; overflow: hidden; float: left !important; clear: none; margin: 0 12px 12px 0; height: 256px;}
.product-tile:hover {-webkit-box-shadow: 1px 1px 20px #999; -moz-box-shadow: 1px 1px 20px #999; cursor: pointer;}
.product-tile strong a {color: #000; font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em;}
.product-tile .product-info {display: block; padding: 0px 12px 11px; position: absolute; bottom: 0;}
.product-image-link {border:0px; padding: 0; margin: 22px 0; display: block;}
.product-image-link:hover {border: 0px;}
.product-tile img {border: 0px !important; display: block; margin-left: auto; margin-right: auto;}
.product-tile strong {display: block; margin-bottom: 0px; font-weight: normal;}
.product-tile span {font-size: 10px;}

.price {float: right; font-weight: normal; margin-bottom: 17px; text-align: right;}
.sale del {color: #696969;}
.price em {font-style: normal;}
.sale {color: #a0218c;}
.designer {float: left;}

#sale-last-update {float: right; margin: 10px 120px 0 0; font-size: 9px;}

.product-template {margin: 0 0 100px 0;}
.product-template h5.designer {margin: 0 0 30px 0; line-height: normal;}
.product-template .links {margin: 12px 0 0; padding: 0; list-style-type: none; display: block; clear: both;}
.product-template .links li {list-style: none; margin: 0 12px 0 0 ; padding: 0; float: left;}
.product-template .links a {padding: 4px 9px; display: block; color: #fff; background: #a0218c; margin-top: 11px; font-size: 12px;  border-right: 2px solid rgba(145, 146, 149, 0.75);border-bottom: 2px solid rgba(145, 146, 149, 0.75)}
.product-template .links a:hover {background: #58585a;}

/* --------------------------------------------
	DESIGNER STYLES
-------------------------------------------- */

.designer-profile .products {border-top: 1px solid #E0E0E0; padding-top: 44px; margin-top: 45px;}
.designer-profile p, .designer-profile blockquote {width: 449px;}


/* --------------------------------------------
	R:COTERIE
-------------------------------------------- */
.page-template-rcoterie-landing-page-php #content .col-wide {margin: -160px 0 0 0; padding-bottom: 0;}
.page-template-rcoterie-landing-page-php #content .col-wide p {margin: 0; padding: 0;}
.page-template-rcoterie-landing-page-php #content .col-wide p img {margin: 0; padding: 0;}
.page-template-rcoterie-landing-page-php #content h1{ display: none;}



/* --------------------------------------------
	MISC
-------------------------------------------- */

.section-header {padding: 30px 70px 0;}
.error-404 {padding: 90px 70px; text-align: center;}

.parent-pageid-33 img {border: 0;}
.parent-pageid-33 {background: #fff;}