/*
Theme Name: Jessica Shops
Theme URI: http://www.JessicaShops.com/
Description: Designed by E. Webscapes
Version: 1.0
Author: Brian Hall
Author URI: http://ewebscapes.com/browse/blog-design/brian-hall/
Tags: news, shopping, fasion, pink, orange, green, purple

  Jessica Shops v1.0
   http://www.jessicashops.com/

*/

/* v1.0 | 20080212 */
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,
b,u,i,center,
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-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}


.ad {
background-color: #ccc;
clear: both;
color: #999;
float: left;
font-size: 22px;
padding: 10px;
text-align: center;
}

.headline {
clear: both;
display: block;
}

.alignleft {
float: left;
margin-right: 10px;
}

.alignright {
float: right;
margin-left: 10px;
}

form input,textarea {
border: 2px solid #ccc;
font-size: 14px;
margin-bottom: 5px;
padding: 5px;
}

form #submit,form .button {
background-color: #d0318a;
border: 2px solid #ae2672;
color: #fff;
}

form label {
color: #ea7bbf;
font-size: 14px;
font-weight: 700;
}

body {
background: url(images/bg.png);
font: .8em Arial;
text-align: center;
}

#wrapper {
margin: 0 auto;
text-align: center;
width: 897px;
}

#header {
clear: both;
float: left;
margin-bottom: 8px;
position: relative;
width: 897px;
}

#header .headline {
margin-bottom: 5px;
}

#header #masthead {
bottom: -15px;
clear: both;
float: left;
left: -25px;
position: relative;
}

#header #recent_updates {
background: url(images/updates_bg.png);
border: 2px solid #f1b2d5;
color: #fff;
float: left;
font-size: 14px;
height: 106px;
margin-right: 30px;
padding: 10px;
text-align: left;
width: 402px;
}

#header #recent_updates a {
color: #fff;
font-weight: 700;
text-decoration: none;
}

#header #twitter_updates {
background: url(images/twitter.png) top left no-repeat;
bottom: 0;
float: left;
font-size: 13px;
height: 120px;
padding: 15px 105px 0 15px;
position: relative;
text-align: left;
width: 315px;
}

#header #twitter_updates ul {
float: left;
margin: 0;
padding: 0;
}

#header #twitter_updates a {
color: #e392bf;
text-decoration: none;
}

#header #menu {
background: url(images/menu_bar_bg.png) repeat-x;
clear: both;
float: left;
height: 43px;
margin: 1px 0 0;
position: relative;
width: 897px;
}

#header #menu .navigation {
float: left;
left: 0;
margin: 0 0 0 20px;
position: relative;
top: auto;
z-index: 100;
}

#header #menu .navigation li {
display: block;
float: left;
font-size: 22px;
margin-right: 10px;
text-transform: lowercase;
}

#header #menu .navigation li a {
color: #fff;
display: block;
padding: 10px 10px 0;
text-decoration: none;
}

#header #menu .navigation a:hover {
background: url(images/icon_menu_rollover.png) top no-repeat;
margin-top: 5px;
padding-bottom: 5px;
padding-top: 22px;
}

#header #menu .navigation li:hover {
background: url(images/rollover_bg.png) top repeat-x;
}

#main {
background: #fff url(images/main_bg.png) right bottom no-repeat;
background-color: #fff;
clear: both;
float: left;
margin-bottom: 8px;
position: relative;
width: 897px;
z-index: 0;
}

#main.with_columns {
background: #fff url(images/main_bg_full.png) right bottom no-repeat;
}

#main #left {
float: left;
width: 567px;
}

#main #left h2 {
color: #884AB6;
float: left!important;
font-family: Tahoma;
font-size: 22px;
margin: 10px;
}

#main #left #content_rotator {
float: left;
height: 250px;
margin: 10px 10px 16px;
width: 547px;
}

#main #left #content_rotator .slideInfoZone h2 {
font-size: 24px!important;
}

#main #left #articles {
background: url(images/article_bg.png);
background-color: red;
border: 1px solid #f68c30;
float: left;
font-size: 14px;
margin: 10px 10px 16px;
padding: 15px;
text-align: left;
width: 515px;
}

#main #left #articles a {
color: #884AB6;
font-size: 24px;
text-decoration: none;
}

#main #left .ad {
margin: 10px 10px 16px;
padding: 15px;
width: 517px;
}

#main #left #columns {
clear: left;
float: left;
font-size: 14px;
text-align: left;
width: 567px;
}

#main #left #columns a.title {
display: block;
font-size: 16px;
margin-bottom: 5px;
}

#main #left #columns .headline {
margin-bottom: 8px;
}

#main #left #columns li img {
float: left;
margin: 0 8px 8px 0;
}

#main #left #columns li {
clear: both;
margin-bottom: 60px;
}

#main #left #columns #pink {
float: left;
font-family: Tahoma;
font-size: 95%;
margin-right: 1px;
padding: 20px;
width: 526px;
}

#main #left #columns #pink div.panes .title {
font-family: helvetica,arial,verdana,sans-serif;
font-size: 20px;
font-weight: 400;
color: #330033;
letter-spacing:  -1px;
line-height: 21px;
}

#main #left #columns #pink div.panes a {
color: #b71d74;
text-decoration: none;
}

#main #left #columns #pink div.panes li.item img {
border: 1px solid #e7bad3;
}

#main #left #columns #pink div.panes li.item .img {
float: left;
margin-right: 5px;
width: 130px;
}

#main #left #columns #pink div.panes li.item .excerpt {
float: left;
width: 370px;
}

#main #left #columns #pink div.panes li.item {
float: left;
margin-bottom: 10px;
}

#main #left #columns #pink div.panes li.item td {
vertical-align: top;
}

#main #left .post,.page {
clear: both;
float: left;
font-size: 14px;
line-height: 20px;
margin: 5px;
padding: 10px;
text-align: left;
width: 547px;
}

#main #left .post a {
color: #b71d7f;
text-decoration: none;
}

#main #left .post .entry {
clear: both;
width: 100%;
}

#main #left .post .entry p {
line-height: 1.2em;
margin: 1.2em 0;
}

#main #left .hentry h2 {
float: left;
font-size: 24px;
margin: 0;
padding: 0 0 .5em;
}

#main #left .hentry h2 a {
color: #884AB6;
}

#main #left .hentry h3 {
float: left;
font-size: 24px;
margin-bottom: 10px;
margin-right: 10px;
}

#main #left .hentry h3 a {
color: #884AB6;
text-decoration: none;
}

#main #left .hentry small {
border-left: 1px dotted #ccc;
color: #ccc;
float: left;
font-size: 10px;
padding-left: 10px;
}

#main #left .post p {
margin-bottom: 15px;
}

#main #left .post h2 {
color: #884AB6;
font-size: 24px;
margin-bottom: 5px;
}

#main #left h3 {
color: #ff2ca2;
font-size: 18px;
}

#main #left .navigation {
background-color: #ededed;
clear: both;
color: #d0318a;
float: left;
font-size: 14px;
margin: 5px;
padding: 10px;
width: 547px;
}

#main #left .navigation a {
color: #d0318a;
font-size: 125%;
text-decoration: none;
}

#main #left #comments {
float: left;
margin: 5px;
padding: 10px;
text-align: left;
width: 540px;
}

#main #left #comments .navigation {
margin-bottom: 10px;
margin-top: 10px;
width: 520px;
}

#main #left #comments .commentlist {
float: left;
font-size: 14px;
margin: 10px;
padding: 10px;
width: 505px;
}

ol.commentlist {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}

ol.commentlist li {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d5d5d5;
border-radius: 5px;
height: 1%;
margin: 0 0 10px;
padding: 5px 7px 5px 57px;
position: relative;
}

ol.commentlist li div.comment-author {
color: #884AB6;
padding: 0 170px 0 0;
}

ol.commentlist li div.vcard {
font: bold 16px/1.4 times;
}

ol.commentlist li div.vcard cite.fn {
font-style: normal;
}

ol.commentlist li div.vcard cite.fn a.url {
color: #c00;
text-decoration: none;
}

ol.commentlist li div.vcard img.avatar {
border: 5px solid #d5d5d5;
left: 7px;
position: absolute;
top: 7px;
}

ol.commentlist li div.comment-meta {
font: bold 12px/1.4 times,sans-serif;
position: absolute;
right: 10px;
text-align: right;
top: 5px;
}

ol.commentlist li div.comment-meta a {
color: #999;
text-decoration: none;
}

ol.commentlist li p {
font: normal 14px/1.4 times;
margin: 0 0 1em;
}

ol.commentlist li ul {
font: normal 14px/1.4 times;
list-style: square;
margin: 0 0 1em;
padding: 0;
text-indent: 0;
}

ol.commentlist li ul.children {
list-style: none;
margin: 1em 0 0;
text-indent: 0;
}

ol.commentlist li.even {
background: #fff;
}

ol.commentlist li.odd {
background: #f6f6f6;
}

ol.commentlist li.pingback div.vcard {
padding: 0 170px 0 0;
}

#main #left .postmetadata {
border-top: 1px dotted #ccc;
clear: both;
float: left;
font-size: 12px;
margin-top: 20px;
padding: 10px;
width: 518px;
}

#main #left .postmetadata small {
border: none!important;
color: #000!important;
float: left;
font-size: 12px!important;
padding-left: 0!important;
}

#main #left .postmetadata a {
color: #4f8393;
}

#main #left #respond {
float: left;
margin: 10px;
padding: 10px;
text-align: left;
width: 522px;
}

#main #left #respond .info {
font-size: 14px;
margin-bottom: 10px;
}

#main #left #respond .info a {
color: #d040b3;
text-decoration: none;
}

#main #left #respond #commentform {
float: left;
padding: 10px;
width: 480px;
}

#main #left #respond #commentform #comment {
float: left;
margin-bottom: 10px;
width: 100%;
}

#main #right {
float: right;
margin-left: 1px;
overflow: none;
padding: 10px 10px 10px 9px;
width: 310px;
}

#main #right a {
color: #4e2d77;
text-decoration: none;
}

#main #right .widget {
float: left;
margin-bottom: 20px;
text-align: center;
width: 310px;
}

#main #right .widget .headline {
margin: 0 auto;
}

#main #right .widget h2 {
color: #7418ba;
font-size: 24px;
font-weight: 400;
margin-bottom: 5px;
}

#main #right #newsletter {
border: 2px solid #fe61b9;
padding: 5px 5px 15px;
width: 295px;
}

#main #right #newsletter form {
padding: 10px;
}

#main #right #newsletter form input {
border: 1px solid #ae2672;
font-size: 12px;
padding: 5px;
}

#main #right #newsletter form .button {
background-color: #d0318a;
color: #fff;
}

#main #right .ad {
height: 170px;
width: 290px;
}

#main #right #social a {
margin-right: 10px;
}

#search {
margin-left: 155px;
margin-top: 6px;
}

#search label {
color: #fff;
float: left;
font-size: 100%;
font-weight: 400;
line-height: 1.3;
margin: 0 5px 0 0;
padding-top: 2px;
}

#main #right #categories ul li {
display: block;
float: left;
font-size: 11px;
margin-right: 10px;
padding: 2px 0;
text-align: left;
width: 135px;
}

#main #right #categories ul {
margin-left: 20px;
}

#footer {
background: url(images/footer_bg.png) repeat-x;
float: left;
height: 40px;
margin-bottom: 8px;
width: 897px;
}

#footer .navigation {
float: left;
margin: 12px 0 0 20px;
}

#footer .navigation li {
float: left;
font-size: 16px;
margin-right: 15px;
text-transform: lowercase;
}

#footer .navigation li a {
color: #fff;
text-decoration: none;
}

#footer .headline {
clear: none;
float: right;
padding: 8px;
}

#footer_ad {
float: left;
margin-bottom: 15px;
width: 877px;
}

.read-more {
font-size: 125%;
margin-top: 10px;
padding: 10px;
text-align: center;
}

#q100 {
border: 2px solid #0C52A4;
margin: 0 2px 2px 0;
padding: 4px 1px;
}

.clear,form,#main #right #categories {
clear: both;
}

#main #left #content_rotator .slideInfoZone p,#main #left #content_rotator .carouselBtn,div.panes div.pane {
display: none;
}

#main #left #columns ul,#main #left .post small {
float: left;
}

#main #left .post a:hover,#main #right #categories ul li a:hover {
text-decoration: underline;
}

ol.commentlist li div.vcard cite.fn a.url:hover,ol.commentlist li div.comment-meta a:hover {
color: #000;
}

ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4 {
margin: 0 0 .25em;
}

#main #right #social .headline,//#main #right #categories .headline,#main #right #picture_of_the_week .headline {
margin-bottom: 10px;
}

img.alignright,a img.alignright {
float: right;
margin: 0 0 1em 1em;
}

img.alignleft,a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}

img.aligncenter,a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

/* TABS */
#main #left #columns #pink ul.tabs {
height: 30px;
list-style: none;
margin: 0 0 0 0 !important;
padding: 0 0 0 10px;
width: 525px;
border-bottom: 1px solid #666666;
}

#main #left #columns #pink ul.tabs li {
clear: none;
float: left;
list-style-image: none!important;
margin: 0 10px 0 0 !important;
text-indent: 0;
}

#main #left #columns #pink ul.tabs {
margin: 0 !important;
}

#main #left #columns #pink .panes {
padding: 35px 10px 10px;
float: left;
margin: 0 !important;
width: 505px;
}

#main #left #columns #pink ul.tabs a {
background: url(images/blue.png) no-repeat -420px 0;
color: #000;
display: block;
font-size: 11px;
height: 20px;
line-height: 30px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
top: 1px;
width: 110px;
padding: 5px 12px;
}

#main #left #columns #pink ul.tabs a img {
margin: 2px 0 0 0;
text-align: center;
width: 105px0px;
width: 525px;
border-bottom: 1px solid #666666;
}

#main #left #columns #pink ul.tabs li {
clear: none;
float: left;
list-style-image: none!important;
margin: 0 10px 0 0 !important;
text-indent: 0;
}

#main #left #columns #pink ul.tabs {
margin: 0 !important;
}

#main #left #columns #pink .panes {
padding: 35px 10px 10px;
float: left;
margin: 0 !important;
width: 505px;
}

#main #left #columns #pink ul.tabs a {
background: url(images/blue.png) no-repeat -420px 0;
color: #000;
display: block;
font-size: 11px;
height: 20px;
line-height: 30px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
top: 1px;
width: 110px;
padding: 5px 12px;
}

#main #left #columns #pink ul.tabs a img {
margin: 2px 0 0 0;
text-align: center;
width: 105px;
}

#main #left #columns #pink ul.tabs a:active {
outline: none;
}

#main #left #columns #pink ul.tabs a:hover {
background-position: -420px -31px;
color: #fff;
}

#main #left #columns #pink ul.tabs a.current,#main #left #columns #pink ul.tabs a.current:hover,#main #left #columns #pink ul.tabs li.current a {
background-position: -420px -62px;
color: #000!important;
cursor: default!important;
}


.jlist {
  margin: 55px 0 35px;
  width: 325px;
  position: relative;
  width: 298px;
  padding: 2px;
  background: #ffbee2;
  overflow: visible;
  }

.jlist-header {
  background: url(images/jlist.png) no-repeat;
  position: absolute;
  top: -37px;
  left: -15px;
  width: 325px;
  height: 70px;
  z-index: 100;
  }

.jlist form {
  padding: 5px;
  padding-top: 10px;
  background: #ffbee2;
  border: 2px solid #fe78c3;
  font-family:  Verdana;
  text-align: left;
  font-size: 16px;
  color: #FFFFFF;
  }

#ea {
  width: 215px;
}

.jlist form input {
  border: 1px solid #AE2672;
  font-size: 12px;
  padding: 5px;
}

.jlist form p {
color: #AE2672;
margin: 0 0 10px;
}

.closing {
margin: 10px 0 0;
text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.button {
background-color: #D0318A;
color: #FFFFFF;
}