/*
Theme Name: Felicity Fashions Blog
Theme URI: http://www.judithshakesdesigns.com
Description: Custom WP Template by JudithShakes Designs
Author: JudithShakes Designs
Author URI: http://www.judithshakesdesigns.com

*/

/*-- CUSTOM FONTS --*/
@font-face {
    font-family: 'DubielPlainRegular';
    src: url('fonts/Dubiel-webfont.eot');
    src: url('fonts/Dubiel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Dubiel-webfont.woff') format('woff'),
         url('fonts/Dubiel-webfont.ttf') format('truetype'),
         url('fonts/Dubiel-webfont.svg#DubielPlainRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* - BASIC STUFF - */
body{background:#000 url(images/bg.gif) repeat; font:14px Verdana,sans-serif; color:#28211F; margin:0 auto}
a{text-decoration:none; color:#ff0080}
a:hover{text-decoration:none}
.commentmetadata, .additional-meta{font-size:12px; color:#A99D9F}
.meta{font-size:12px; color:#A99D9F; border-top:1px dotted #ff0080}
.signature{margin-top:10px}
blockquote{font-style:oblique; color:#ff0080}
.clear {clear:both;}
.pink {color:#ff0080;}

/* -- LISTS -- */
ul{margin:0; padding:0}
ul li{margin-left:5px; padding:0}
li{list-style-type:none}
.disc{list-style-type:disc}
/* lists inside posts */
.entry-content ul ol{margin-left:0}
.entry-content ul li{margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol{margin-left:10px}
.entry-content ol li{margin-left:5px; list-style:decimal; list-style-position:inside}
.entry-content ol li li{margin-left:5px}

/* -- HEADINGS -- */
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal; font-family: 'DubielPlainRegular'; text-transform:uppercase; letter-spacing:3px;}

h3#comments, h2.entry-title{font-size:25px;}
h4.name a, h2.entry-title a{color:#000}
h4.name a:hover, h2.entry-title a:hover{color:#ff0080}
h2.archive-title{color:#000; background:#fff none; border:1px solid #ff0080; padding:10px; font-size:12px; font-family: Georgia, serif; text-transform:none;}
h3.widgettitle{ color: #000000;
    font-size: 25px; margin-bottom: 5px;}
h4.name{font-weight:bold; font-size:25px}

/* headings inside posts */
.entry-content h3{font-size:30px}
.entry-content h4{font-size:25px}
.entry-content h5{font-size:20px}
.entry-content h6{font-size:15px}

/* -- MAIN DIV'S -- */
#wrapper{  background: none repeat scroll 0 0 #FDD5E1;
    border: 4px solid #FF0080;
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 0 0 20px;
    width: 982px; overflow:hidden;
	border-top: none;}
#header{height:174px; width:990px; margin:20px auto 20px}
#header img{border:0}
#content-wrapper{padding:0 10px}
#footer{overflow:hidden; margin:0 auto 20px; clear:both; float:none;  padding:20px 0; background:#000 none;  width: 982px; border: 4px solid #FF0080; color:#fff;}
#foot-wrap {padding:0 10px}
#foot-left {width:760px; float:left;}
#foot-right {width:192px; float:right; padding-right: 5px;}
#foot-menu {margin-top:10px; font-family: Georgia, serif;}
#foot-menu a {color:#fff;}
#foot-menu a:hover {color:#ff0080;}
#foot-menu ul li { border-left: 1px solid #FFFFFF;
    display: inline;
    font-size: 14px;
    padding-left: 10px;}
#foot-menu ul li:first-child {border:none !important; padding-left:0 !important;}
#copyright {font-size: 9px;
    margin-top: 30px; color:#999;}
#copyright a{color:#999;}
#copyright a:hover {color:#fff;}



/*-- HOME -- */
#slide-box {width:613; height:285px; background:#fff none; border: 1px solid #ff0080; margin-bottom: 10px;}
#slide-box-inner {margin: 5px;}
#bio-pic {width:300px; height:220px; margin: 0 auto;padding-top: 62px;}
#bio {width:320px; height:289px; background:transparent url(images/headshot.png) no-repeat; margin-bottom:-40px; padding-top: 62px;}
#social { padding-top: 110px;}
.postbox {background:#fff; border:1px solid #ff0080; padding:10px; margin-top:10px;}
.pb-left {width:155px; float:left;}
.pb-left img {padding:1px; border:1px solid #ff0080;}
.pb-right {float: right;
    padding-top: 5px;
    width: 420px;}
.postbox p {
    margin-bottom: 7px;
    margin-top: 7px;
}
.pb-meta {font-size:11px;}
.pb-meta a {color:#28211F;}
.pb-meta a:hover {color:#ff0080;}

/*-- MAIN MENU --*/
#main-menu {width:100%; height:86px; margin-bottom: -5px;}
#main-menu ul li {display:inline; margin:0 0 0 -7px;}
#main-menu ul li:first-child {margin: 0 !important;}
#tab-bar {height:44px; margin-bottom:-10px;}
.home-tab {margin-left:20px;}
.about-tab {margin-left: 871px;}


/* -- MENU -- */
#access{background:#ff0080; margin:0 auto 20px; display:block; float:left; }
#access .menu-header, 
div.menu{font-size:16px; margin-left:12px}
#access .menu-header ul, 
div.menu ul{list-style:none; margin:0}
#access .menu-header li, 
div.menu li{float:left; position:relative}
#access a{display:block; text-decoration:none; color:#28211F; padding:0 10px}
#access ul ul{display:none; position:absolute; padding-top:38px; left:0; float:left; width:180px; z-index:99999}
#access ul ul li{min-width:180px}
#access ul ul ul{left:100%; top:0}
#access ul ul a{background:#fff; height:auto; line-height:1em; padding:10px; width:160px}
#access li:hover >a, 
#access ul ul:hover >a{color:#ff0080; background:#fff}
#access ul li:hover >ul{display:block}
#access ul li.current_page_item >a, 
#access ul li.current-menu-ancestor >a, 
#access ul li.current-menu-item >a, 
#access ul li.current-menu-parent >a{color:#28211F}

* html #access ul li.current_page_item a, 
* html #access ul li.current-menu-ancestor a, 
* html #access ul li.current-menu-item a, 
* html #access ul li.current-menu-parent a, 
* html #access ul li a:hover{color:#28211F}

/* -- POSTS -- */
.post-index{background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0080;
    margin: 0 0 20px;
    padding: 10px;}
#post-single{margin:0 0 20px}
.posts-wrap{float:left; clear:none; width:613px; line-height:1.5em}
#page {background:#fff; border:1px solid #ff0080; padding:10px;}
#respond {background:#fff; border:1px solid #ff0080; padding:10px;}

/* -- SIDEBARS --*/
.sidebar-wrap{margin:0 auto; overflow:hidden; float:right; clear:none; width:320px; color:#28211F; line-height:1.5em}
.sidebar{width:99%; clear:none}
.block-1{float:right}
.widget{margin-bottom:20px; background:#fff; border:1px solid #ff0080;padding:10px;}
.widget ul li{margin-left:0}

/* -- 404-PAGE --*/
.error404{margin:0; width:100%}
.error404 h1, .error404 h2{margin:10px auto}

/*--IMAGES--*/
img.right{float:right; margin:10px 0 0 10px}
img.left{float:left; margin:0 10px 10px 0}

/***** Images with Captions ********/
.aligncenter, div.aligncenter{display:block; margin:10pt auto !important; text-align:center}
.alignleft{float:left; margin-right:10px}
.alignright{float:right; margin-left:10px}
.wp-caption{text-align:left; background-color:#fff; padding-top:4px; font-style:italic; color:#999; text-transform:lowercase}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:5pt 4px 5px; margin:0; font-style:italic; text-align:right}

/* -- COMMENTS -- */
div.comments-wrap{margin:15px auto; padding:0}
li.comment, li.trackback, li.pingback{margin:10px auto; padding:5px; border-bottom:1px dotted #ccc; overflow:hidden}
ul.children{margin:5px; background:#fff none}
ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10{background:#eee none !important; border:1px solid #ddd}
ul.children li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9{background:#fff none !important; border:1px solid #ddd}
ul.commentlist, ul.pinglist{margin:65px 0}
div.reply{text-align:right}
textarea#comment{overflow:auto}
.avatar{float:right; padding:2px; background-color:#fff; border:0px solid #e4c658}
ul.commentlist li.even{background:#fff none}
ul.commentlist li.even a{}
ul.commentlist li.odd{background:#fff none}

/* -- NAVIGATION --*/
div.navigation{width:100%; height:auto; float:left; clear:both; padding:0 0 30px}
.navigation-index{}
.nav-next{float:right; clear:none; width:48%; text-align:right}
.nav-prev{float:left; clear:none; width:48%; text-align:left}
.pagination {
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0080;
    clear: both;
    font-size: 13px;
    line-height: 13px;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 5px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #ff0080;
}
.pagination a:hover{
color:#fff;
background: #ff0080;
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #000;
color:#fff;
}