/*
Theme Name: What You Fancy
Theme URI: http://www.whatyoufancy.co.uk/
Description: What you fancy default theme
Author: me
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
       
}
body {
	line-height: 1;
        text-align:center;
        color:#4c4c4c;
        font-family:Georgia,"Times New Roman",Times,serif;
        font-size:13px;
        margin:0px 0px;
		background:url(/images/back.png);
}
#wrapper{
    margin:0 auto;
    width:960px;
}
#container{
    width:960px;
    float:left;
	-webkit-box-shadow: 0 0 5px 5px #C6C6C6;
	-moz-box-shadow: 0 0 5px 5px #C6C6C6;
	box-shadow: 0 0 5px 5px #C6C6C6;
	background:#fff;
}
#logo{
    float:left;
    border:1px solid #aaa;
    margin:10px 10px;

}

a{
	color:#9C6B98;
}
#logo a{
    text-decoration:none;
}
#logo a img{border:0px; float:left;}
/* Main Navigation Elements */
.menu-header{
    float:left;
    width:960px;
}
#menu-main{
    float:left;
    margin:10px;
    width:940px;
}
.menu-item{
    float:left;
}

/*celeb */
#menu-item-5{
    float:left;
    width:210px;
    height:33px;
    text-align:center;
    margin:10px;
    position:relative;
    display:block;
    text-decoration:none;
}
#menu-item-5  a.main{
    background: url(/images/celebrity.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
    float:left;
    width:127px;
    height:33px;
    text-decoration: none;
    display:block;
    
}
#menu-item-5 a.selected{
    background:url(/images/celebrity.jpg) no-repeat -127px 0;
    float:left;
    width:127px;
    height:33px;
    text-decoration: none;
    display:block;
}
#menu-item-5  a.main:hover{
    background:url(/images/celebrity.jpg) no-repeat -127px 0;
    float:left;
    width:127px;
    height:33px;
    display:block;
    position:relative;
}
#menu-item-5 ul{display:none;}
#menu-item-5:hover ul{display:block; position:absolute; top:33px; background:#fff; float:left; padding:0px 10px; text-align:left;left:0px}
#menu-item-5 .sub-menu{text-align:left; width:260px; background:#fff; border:1px solid #aaa;}
#menu-item-5 .sub-menu li{ margin:0px; text-align:left; float:left; clear:both;}
#menu-item-5 .sub-menu li a{text-align:center; text-decoration: none; }
#menu-item-8 a{width:138px; height:33px; background:url(/images/in-their-own-words.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-8 a:hover{width:150px; height:33px; background:url(/images/in-their-own-words.jpg) no-repeat -138px 0; display:block;}
#menu-item-8 a.sub-selected{width:150px; height:33px; background:url(/images/in-their-own-words.jpg) no-repeat -138px 0; display:block;}
#menu-item-9 a{width:63px; height:33px; background:url(/images/celebuzz.jpg) no-repeat 0 0; display:block}
#menu-item-9 a:hover{width:76px; height:33px; background:url(/images/celebuzz.jpg) no-repeat -63px 0; display:block}
#menu-item-10 a{width:246px; height:33px; background:url(/images/going-out-with.jpg) no-repeat 0 0; display:block}
#menu-item-10 a:hover{width:260px; height:33px; background:url(/images/going-out-with.jpg) no-repeat -246px 0; display:block}

/*fashion */
#menu-item-6{
    float:left;
    width:210px;
    height:33px;
    text-align:center;
    margin:10px;
    position:relative;
    display:block;
}
#menu-item-6 a.main{
    background:url(/images/fashion.jpg) no-repeat 0 0;
    float:left;
    width:115px;
    height:33px;
    text-decoration: none;
}
#menu-item-6 a.selected{
    background:url(/images/fashion.jpg) no-repeat -115px 0;
    float:left;
    width:115px;
    height:33px;
    text-decoration: none;
}
#menu-item-6 a.main:hover{
    background:url(/images/fashion.jpg) no-repeat -115px 0;
     float:left;
     width:115px;
    height:33px;
}
#menu-item-6 ul{display:none;}
#menu-item-6:hover ul{display:block; position:absolute; top:33px; background:#fff; float:left; padding:0px 10px; text-align:left;left:0px}
#menu-item-6 .sub-menu{text-align:left; width:128px; background:#fff; border:1px solid #aaa;}
#menu-item-6 .sub-menu li{ margin:0px; text-align:left; float:left; clear:both;}
#menu-item-6 .sub-menu li a{text-align:center; text-decoration: none; }
#menu-item-11 a{width:106px; height:33px; background:url(/images/object-of-desire.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-11 a:hover{width:118px; height:33px; background:url(/images/object-of-desire.jpg) no-repeat -106px 0; display:block;}
#menu-item-12 a{width:98px; height:33px; background:url(/images/cheap-or-steep.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-12 a:hover{width:110px; height:33px; background:url(/images/cheap-or-steep.jpg) no-repeat -98px 0; display:block;}
#menu-item-13 a{width:82px; height:33px; background:url(/images/trendsetter.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-13 a:hover{width:93px; height:33px; background:url(/images/trendsetter.jpg) no-repeat -82px 0; display:block;}
#menu-item-14 a{width:116px; height:33px; background:url(/images/look-of-the-week.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-14 a:hover{width:128px; height:33px; background:url(/images/look-of-the-week.jpg) no-repeat -116px 0; display:block;}


.space{width:100%; height:100%; display:block; position:relative;}
/*home */
#menu-item-7{
    float:left;
    width:210px;
    height:33px;
    text-align:center;
    margin:10px;
    position:relative;
    display:block;
}
#menu-item-7 a.main{
    background:url(/images/home.jpg) no-repeat 0 0;
     float:left;
     width:154px;
    height:33px;
    text-decoration: none;
}
#menu-item-7 a.selected{
    background:url(/images/home.jpg) no-repeat -154px 0;
     float:left;
     width:154px;
    height:33px;
    text-decoration: none;
}
#menu-item-7 a.main:hover{
    background:url(/images/home.jpg) no-repeat -154px 0;
     float:left;
     width:154px;
    height:33px;
}
#menu-item-7 ul{display:none;}
#menu-item-7:hover ul{display:block; position:absolute; top:33px; background:#fff; float:left; padding:0px 10px; text-align:left;left:0px}
#menu-item-7 .sub-menu{text-align:left; width:174px; background:#fff; border:1px solid #aaa;}
#menu-item-7 .sub-menu li{ margin:0px; text-align:left; float:left; clear:both;}
#menu-item-7 .sub-menu li a{text-align:center; text-decoration: none; }
#menu-item-15 a{width:156px; height:33px; background:url(/images/make-a-house.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-15 a:hover{width:169px; height:33px; background:url(/images/make-a-house.jpg) no-repeat -156px 0; display:block;}
#menu-item-16 a{width:104px; height:33px; background:url(/images/shabby-chic.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-16 a:hover{width:115px; height:33px; background:url(/images/shabby-chic.jpg) no-repeat -104px 0; display:block;}
#menu-item-17 a{width:119px; height:33px; background:url(/images/colour-me-pretty.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-17 a:hover{width:133px; height:33px; background:url(/images/colour-me-pretty.jpg) no-repeat -119px 0; display:block;}
#menu-item-18 a{width:159px; height:33px; background:url(/images/how-the.jpg) no-repeat 0 0; display:block; text-indent:10px;}
#menu-item-18 a:hover{width:174px; height:33px; background:url(/images/how-the.jpg) no-repeat -159px 0; display:block;}
/*whati */
#menu-item-8{
    float:left;
    width:210px;
    height:33px;
    text-align:center;
    margin:10px;
    position:relative;
    display:block;
}
#menu-item-8 a.main{
    background:url(/images/what.jpg) no-repeat 0 0;
     float:left;
     width:179px;
    height:33px;
    text-decoration: none;
}
#menu-item-8 a.selected{
    background:url(/images/what.jpg) no-repeat -179px 0;
     float:left;
     width:179px;
    height:33px;
    text-decoration: none;
}
#menu-item-8 a.main:hover{
    background:url(/images/what.jpg) no-repeat -179px 0;
     float:left;
     width:179px;
    height:33px;
}
#menu-item-8 ul{display:none;}
#menu-item-8:hover ul{display:block; position:absolute; top:33px; background:#fff; float:left; padding:0px 10px; text-align:left;left:0px}
#menu-item-8 .sub-menu{text-align:left; width:260px; background:#fff; border:1px solid #aaa;}
#menu-item-8 .sub-menu li{ margin:0px; text-align:left; float:left; clear:both;}
#menu-item-8 .sub-menu li a{text-align:center; text-decoration: none; }
#content{
    text-align:left;
}

/* POSTS */
h1.entry-title{
    font-size:240%;
    color:#9C6B98;
    text-decoration: none;
    font-weight: normal;
    margin:10px 0px 10px 0px;

}
h1.entry-title a{
    font-size:240%;
    color:#9C6B98;
    text-decoration: none;
}

.entry img, .entry-content img{
    margin:20px 0px 0px ;
}
h2.entry-title{
    font-size:160%;
    color:#9C6B98;
    text-decoration: none;
    font-weight: normal;
    margin:0px 0px 10px 0px;
    
}
h2.entry-title a{
    font-size:150%;
    color:#9C6B98;
    text-decoration: none;
}

.entry-meta{
    margin:10px 0px 20px 0px;
    border-bottom:1px dotted #4C4C4C;
    padding:0px 0px 5px 0px;
    font-size:11px;
    float:left;
    width:100%;

}
.entry-meta-loop{
    margin:10px 0px 20px 0px;
    border-bottom:1px dotted #4C4C4C;
    padding:0px 0px 5px 0px;
    font-size:11px;
    float:left;
}

.post{margin:0px 15px;}

/* LEFT HAND SIDE */
#about{background:url(/images/about.jpg) no-repeat; cursor:pointer; float:left; clear:both; width:150px; height:87px; text-decoration:none;}
#contact-me{background:url(/images/email.jpg) no-repeat; cursor:pointer; float:left; clear:both; width:150px; height:115px; text-decoration:none;}

/* SEARCH */
#searchform{float:left; width:100%; clear:both; margin:0px 0px 15px 0px;}
#s-out{ width:140px; height:16px; background:url(/images/search.jpg); float:left; clear:both; padding:7px 10px;}
#s{border:0px; width:140px; height:16px;  float:left; clear:both;}
#searchsubmit{border:0px; width:50px; height:20px; background:url(/images/search-btn.jpg); float:left; clear:both;cursor:pointer;}
ol{list-style:none; margin:0px ;padding:0px;}
ol li{list-style:decimal; padding:0px 0px 0px 0px; margin: 0px 0px 10px 20px;}
.entry-content p{
    margin:10px 0px 10px 0px;
}
.entry{
    line-height:20px;
    text-align:justify;
}
.entry-content{
    line-height:20px;

    text-align: justify;
}

#follow{
    width:133px;
    height:55px;
    padding:55px 0px 0px 17px;
    background:url(/images/follow.jpg) no-repeat;
    float:left;
    margin:5px 0px 0px 0px;
}
#follow a{
    text-decoration:none;
    
}
#follow img{
    float:left;
    margin:0px 4px;
    border:0px;
}

/* SideBars */


h3.widget-title{
    font-size:150%;
    color:#4c4c4c;
    text-decoration: none;
    font-weight: bolder;;
    margin:10px 0px 10px 0px;
    padding:0px 0px 5px 0px;
    border-bottom:1px dotted #4c4c4c;
	float:left;
	width:100%;
}

.widget-container ul li a{
    color:#4c4c4c;
    text-decoration:none;
}
.widget-container ul li a:hover{
    color:#9C6B98;
    text-decoration:underline;
}

.post-sig{margin:20px 0px 0px; }

.commentlist{
    list-style:none;
    margin:20px 0px 0px 0px;
    padding:0px;
}

.commentlist li{
    list-style:none;
    margin:5px 0px;
    padding:0px;
    border-bottom:1px dotted #4e4e4e;
    padding-bottom:15px;
}
.comment-author{
    margin:0px 0px 10px 0px;
}
.comment-date{
    margin-left:5px;
    font-size:75%;
}
#respond{
    margin-top:8px;
}
.loop-comment{
    text-decoration:none;
}
.loop-comment a{
    text-decoration:none;
}
.loop-comment a img{
    border:0px;
    text-decoration:none;
}

#comments{
    margin:0px 15px;
}
#commentform{

}
#commentform label{
font-weight:bold;
float:left;
width:100px;
clear:both;
}

#commentform input{
    float:left;clear:both;
}
#commentform textarea{
    float:left;clear:both;
}

#nav-below{
float:left;
width:100%;	
}
.nav-previous{
float:left;	
}
.nav-next{
float:right;	
}

#category-title{
float:left;
width:100%;
margin:	0px 0px 10px;
font-size:100%;
}
.blogroll li{
margin: 10px 0px;	
}
.blogroll li a{
text-decoration:none;
color:#9C6B98;	

}

.fn{
	color:#9C6B98;
	font-weight:bold;
}
.fn a{
	color:#9C6B98;
	font-weight:bold;
	text-decoration:none;
}

.commentlist li {
border-bottom: 1px dotted #4E4E4E;
float: left;
list-style: decimal;
margin: 5px 0px;
padding: 15px 0px 15px;
width: 100%;
}
.commentlist a{
	color:#9C6B98;
}
.reply a{
	color:#9C6B98;
	float:left;
	width:100%;
	margin:10px 0px 0px;
	font-weight:bold;
	text-decoration:none;
}
