/*
Theme Name: OLD SOUL DOLL CO
*/

/* Begin Typography & Colors */
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: arial, helvetica, sans-serif; background:#F6EDBF url(http://www.oldsouldollco.com/images/main/pattern.gif); color: #7C716A; padding:0px; margin:0; }

#page {background:#fff url(/images/page-top.gif) repeat-x 0 215px; padding:0; margin: 10px auto;width:800px;width:800px !important; padding:0; text-align: left;position:relative; }
#header { height:215px; width:800px; background:#81513D url(http://www.oldsouldollco.com/images/masthead.jpg) top left no-repeat; position:relative; }

h1 {margin:0; padding:0;} h1 span{display:none;}
.description{display:none;}

ul#topnav,ul#topnav li{list-style:none;margin:0;padding:0;}
ul#topnav{position:absolute; bottom:11px; left:40px; width:740px;}
ul#topnav li{float:left;color: #f6edbf; }
ul#topnav li.home{width:50px;}
ul#topnav li.news{width:50px;}
ul#topnav li.blog{width:50px;}
ul#topnav li.about{width:70px;}
ul#topnav li.collaboration{width:160px;}
ul#topnav li.contact{width:90px;margin-left:200px;}
ul#topnav li a{text-align:center; margin:0 5px; color: #f6edbf; font-size:10px; text-decoration:none;display:block;}
ul#topnav li a:hover{color:white}

#checkout{ border:none; background:none; cursor:pointer;padding:0;margin:0;text-align:right; font-size:10px;color:#f6edbf; }

#content {font-size: 1.2em; padding:35px 35px 0;margin:0;}
#content a{color:#71513A;}
#content .entry a{color:#AB3919;}

.entry {line-height: 1.3;}
#footer {border:none; padding: 0; margin: 0 40px; clear: both;display:block; text-align:center;}
#footer p{ border-top:1px dotted #595959;line-height:35px;color:#666666;}
#footer a{color:#666666;}

/*	Begin Headers */
h2 {margin: 5px 0 15px;padding:0;}
.narrowcolumn h2,.narrowcolumn h2 a{color:#71513A; }
#home .narrowcolumn h2{margin:15px 0 10px;}
.widecolumn h2{text-align:right;margin:10px 0 20px;}
h3 {padding: 0;margin: 0px 0 0; font-weight:normal;}
h3#comments, #respond h3 {padding: 0;margin: 40px auto 20px ;font-size:0.9em;font-weight:normal;text-transform:uppercase;}

h2 { font-size: 1.1em; color:#AB3919; font-weight:normal; text-transform:uppercase; }
h2.pagetitle { font-size: 1.0em;color:#AB3919; text-align: right;margin:5px 0 20px 0; }
#blog #sidebar h2 { font-size: 1.0em; margin:5px 0 5px 0;}
#home #sidebar h2 a{color:#5b361c;margin:5px 0 15px 0;}
#home h3 {font-size:0.9em;font-weight:bold;margin:0 0 10px 0; }
#sidebar h3{width:235px;}

/* End Headers */
.commentlist li, #commentform input, #commentform textarea {font: 0.9em Arial, Sans-Serif;}
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar {display:none;float: right;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentmetadata {font-weight: normal;}
ol.commentlist {padding-right:20px;}

/* End Typography & Colors */

/* Begin Structure */
.narrowcolumn {float: left; margin: 0; padding:0; width: 600px;}
.narrowcolumn_wrapper{padding:0 20px 0 0;border-right:1px dotted #595959;}
#home .narrowcolumn {width: 460px;}

.post {margin: 0 0 20px;}
.narrowcolumn .post {margin: 0 0 30px 0;}
.rightcol .post{margin: 0 0 10px 0;}
#blog .narrowcolumn .entry{float:left;width:378px; text-align:left;}
#shop .post{text-align:right;}
.post hr {display: block;}

.postmetadata {clear: both; margin:10px 0px 50px 0;  padding:0 0 0px 0px;font-size:0.9em;}
.postmeta{font-size:0.9em; margin: 0 0 10px 0;}
#blog .postmetadata { padding:3px 3px 3px 201px;}
#sidebar .postmetadata {margin:10px 0 10px;}

.postmetadata a{text-transform:uppercase;}

p.edit,p.edit a{margin:0; padding:0;color:red; }
.clear {clear: both;}
.rightcol{float:right; width:350px;}

/* End Structure */

/* Begin Sidebar */
#sidebar{width:110px;float:right;text-align:right;}
#home #sidebar{width:255px;text-align:left;}

#sidebar .post{ margin:0 0 20px 0; padding:0;}
#sidebar .post p{margin:0; padding:0 0 5px; width:165px; float:left; text-align:justify;}
#sidebar form {margin: 0;}
#sidebar li a{color:#5b361c;}

/* End Sidebar */

/* Begin Images */
p img {padding:0;}
/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */

/* Begin Lists */
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}

#sidebar ul, #sidebar ul ol {margin: 0 0 10px 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;list-style:none;margin-bottom: 20px;}
#sidebar ul li ul li {margin:0;}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
.entry p{margin:0; padding:0 0 15px 0;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond{margin:0 20px 0 0;}
#respond:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* End Form Elements */

/* Begin Comments*/
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
.navigation {display: block;text-align: center;margin: 0; text-transform:uppercase; font-size:0.9em;}
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
small {font-size: 0.9em;line-height: 1.5em;}
a, h2 a:hover, h3 a:hover {text-decoration: none;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white }
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
.spacer{clear:both; display:block; height:25px;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */


.shop_nav {text-align:right;  }
.shop_nav a {margin-left:15px;font-size:0.9em; }
.shop_nav #buynow{ border:none; background:none; cursor:pointer;padding:0;margin:0;text-align:right; font-size:1em;color:#AB3919; margin-bottom:50px; }

a.more{font-size:0.9em:font-family:"times new roman";padding:0 1px;display:block;}
a.more:hover{color:#AB3919;background:#F0E9E2}

.clear .sep{margin:auto;border:1px solid blue;}

.page_photo{float:left; margin:0 20px 10px 0;}
.page_photo_wrapper{float:left; width:340px; }
.page_photo_wrapper img{margin:0 0 10px 0; }

.blog_photo{float:left; width:200px;text-align:left; }
.blog_photo img{margin:0 0 10px 0;width:180px;}

#home .blog_photo{float:right; text-align:right; width:80px; margin:0 0 0 0;}
#home .blog_photo img{width:75px;}
.date,.date a {color:#AB3919;}

.slideshow{margin-bottom:20px;}

#pageurl{display:none;}

.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%;}

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px;border:5px solid #E9D991;}
#contact-container .contact-content {background-color:#fff; color:#555; height:40px;padding:20px 20px 50px 20px;}
#contact-container h3{color:#aaa;font-weight:normal; text-transform:uppercase; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(/images/icons/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; line-height:1.6;font-weight:bold;}
#contact-container .contact-input {float:left; padding:2px; margin:2px; background:#ddd; border:1px solid #fff; width:250px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:#482A16;color:#F6EDBF;text-transform:uppercase; font-weight:normal}
#contact-container .contact-cancel {width:65px; background:#482A16;color:#F6EDBF;text-transform:uppercase; font-weight:normal}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {background:url(/images/icons/closelabel.gif) top right no-repeat; position:absolute; bottom:10px; right:10px; height:20px; width:100px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}