/* 
    Theme Name: Elle Media (Final)
	Theme URI: http://www.getelle.com
	Description: Welcome to Elle Media. This theme is our website layout, in a simple brown and pink scheme to highlight our work.
	Version: 1.0
	Author: Elle Media
    Author URI: www.getelle.com
	
*/

/* Colours


Brown (main): #221B15
Dark Pink: #ffccdd
Light Pink: #ffe5ee
Bright Pink: #ffb1cc
Text: #FFF5F9

Pattern by Evan Eckard @ DinPattern.com
http://www.dinpattern.com/2007/09/27/spain/

*/

/*files changed outside of theme:
\wp-admin\css\colors-fresh.css
\wp-admin\css\login.css
\wp-admin\images\logo-login.gif
*/


/*------RESETS-----*/

* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
.clearer {clear:both;}

.alignleft {float:left;}

.alignright {float:right;}

.centered {display:block; margin:auto; text-align:center;}

body {
	background-color:#221B15;
	color:#FFF5F9;
	font-family:Lucida Sans, Lucida Grande, sans-serif;
	font-size:0.88em;
        letter-spacing:0.7px;
        line-height:20px;
}

.elle {
color:#FF97BA;
font-size:110%;
font-weight:lighter;
}

cite{font-style:normal;}

#themeswitcher{text-align:center; padding:16px 0;}

h1, h2, h3, h4, h5, h6{
	font-family:"Lucida Bright", serif;
	/*font-size:20px;
	padding:24px 0;*/
}


img, div { behavior: url(images/iepngfix.php); }


/*-----FONT REPLACEMENT-----*/
/*h1, h2{
	font-family:lainie, serif;
	font-size:30px;
}

.widgettitle{
	font-family:lainie, serif;
	font-size:30px;
	padding:24px 0;
} */


/*------MENU-----*/

#top {
	height:64px;
	background-image: url(images/topbg.png);
	background-repeat: repeat;
	width:100%;
	position:relative;
	z-index:5;
}

#menu{width:900px; margin:auto;}

#mainmenu {
	float:right;
	font-size:87%;
	list-style-image:none;
	list-style-type:none;
	margin:16px 0pt;
}

#mainmenu li {
	display:inline;
	float:left;
	margin-left:8px;
}

.page_item a {
	color:#FFF5F9;
	display:block;
	margin:0pt 0pt 5px;
	padding:5px;
	text-decoration:none;
	width:60px;
	text-align:center;
	line-height:16px;
	height:16px;

}
.page_item a:hover{
	color:#ffb1cc;
	background-image: url(images/menubg.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:3px double #FFF5F9;
}
 .current_page_item a {
	color:#ffb1cc;
	background-image: url(images/menubg.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/*------HEADER-----*/


#header {
	background-image:url(images/victorian.jpg);
	background-repeat:repeat;
	margin-top:-6px;
	height:160px;
	border-bottom:2px solid #1B1612;
}

#logo{width:900px;margin:auto;}
#logo img{padding:8px 96px;}




/*------SIDEBAR------*/

#sidebar {
float:right;
width:225px;
}

.thebox {
	margin-bottom:25px;
	/*border:1px solid #1D1712;*/
	border:2px solid #241D17;
	font-size:87%;
	background-image: url(images/theboxbg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:40px;line-height:18px;letter-spacing:0.5px;
}

.thebox h2, .widgettitle{
	background-color:#241D17;
	/*border-bottom:1px solid #1B1612;*/
	border-bottom:1px solid #241D17;
	color:#FFB1CC;
	margin-bottom:8px;
	text-align:center;
}

.thebox p{padding:8px 16px;}


.thebox ul {
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:16px;
}

.thebox li a {
	color:#FFF5F9;
	display:block;
	line-height:30px;
	padding-left:20px;
	text-decoration:none;
	border-bottom:1px solid #221B15;
}

.thebox li a:hover, .thebox a:hover {
	background-color:#FFB1CC;
        color:#221B15;
}

.thebox a {
	color:#FFF5F9;
	text-decoration:none;
	border-bottom:1px dotted #FFF5F9;
}

.search{
	padding-bottom:56px;
}

#searchform input {
	background-image:url(images/searchbg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#221B15;
	height:32px; 
	width:222px;
	text-align:center;
	padding-top:16px;
}   .thebox .rotate{padding-left:13px; padding-bottom:16px;}

/*------CONTENT-----*/

#content {
	margin:auto;
	width:900px;
	padding-top:32px;
}

#maincontent {
	float:left;
	margin-right:32px;
	width:635px;
	text-align:justify;
}

#maincontent a{
	color:#FFCCDD;
	border-bottom:1px dotted #FFCCDD;
	text-decoration:none;
}

#maincontent a:hover{
	background-color:#FFB1CC;
        color:#221B15;
}

#maincontent h2{
	color:#FFB1CC;
/*	height:72px;
	line-height:72px;*/
	margin:32px 0;
	text-align:center;
}

#maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6{
	color:#FFB1CC;
	
	text-align:left;
}

#maincontent p{padding-bottom:24px;}

#maincontent li{
	list-style-position:inside;
	list-style-image:url(images/menubg.png);
	list-style-type: none;
	display: list-item;
	line-height:24px;
	padding-left:16px;
}

#maincontent li ul li{
	padding-left:24px;
}

/*-----BLOGPOSTS-----*/

#maincontent .post{clear:both; margin-bottom:32px;background-color:#241D17;padding:16px;}


#maincontent .title {display:block; width:100%; border-bottom:1px solid #1B1612; margin-bottom:16px; padding:0 0 4px 4px; text-align:left; /*height:48px; line-height:48px;*/}

#maincontent .title a{
	font-size:24px;
	text-align:left;
	width:100%;
	color:#FFB1CC;
	text-decoration:none;
	margin-bottom:16px;
	border-bottom:none;
}

#maincontent .title a:hover{
	border-bottom:1px dotted #FFB1CC;
}


#maincontent .entrydate {
	color:#FFCCDD;
	text-align:right;
	font-size:87%;
	margin-top:-16px;
	margin-bottom:16px;
}

#maincontent .entrymeta {
	border-top:1px solid #1B1612;
	color:#FFCCDD;
	font-size:87%;
	font-style:italic;
	padding:8px 0;
	margin:16px 0;
	line-height:16px;
	clear:both;
}

#maincontent .metainfo{width:450px; float:left;line-height:16px;}
#maincontent .postcomments {
	color:#FFCCDD;
	text-align:right;
	float:right;
	width:150px;
	line-height:16px;
	font-style:normal;
}

#maincontent .metainfo a, #maincontent .postcomments a {
	color:#FFCCDD;
	border-bottom:1px dotted #FFCCDD;
	text-decoration:none;
	font-style:normal;
}

#maincontent .metainfo a:hover, #maincontent .postcomments a:hover {
	background-color:#FFCCDD;
        color:#221B15;
}

#maincontent .navigation {
	clear:both;
	color:#FFCCDD;
	padding-top:30px;
	text-align:right;
	width:635px;
}

#maincontent .navigation a:hover {font-style:italic;}

blockquote{background-color:#FFF5F9;
border:2px dotted #FFB1CC;
color:#221B15;
font-style:normal;
margin:16px;
padding:16px;}

/*-----COMMENTS -----*/


#maincontent .comments li{list-style-image:none; list-style-type:none; padding-left:0px;border-bottom:1px dashed #FFB1CC; margin-bottom:16px; padding-bottom:16px;}

#maincontent .commentheading{color:#FFB1CC; font-size:120%; padding:16px 0; text-align:left;}

.gravatar {float:left; margin-bottom:16px; margin-right:16px; border:4px solid #FFF5F9;}

#comments {margin-top:32px;}

.nocomments {text-align:center;}

.theactualcomment p{margin-left:82px;width:428px;font-size:87%;}

.commentnumber {
	color:#FFCCDD;
	float:right;
	font-size:72px;
	font-weight:bold;
	margin:18px 0 16px 0;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;	
        /*height:72px;*/
        line-height:72px;
}

#maincontent .commentmeta {
	display:block;
	/*margin-bottom:-32px;*/
	text-align:right;
	width:511px;
}

#maincontent .author {
	color:#FFCCDD;
}

#maincontent .author a{color:#FFF5F9; border-bottom:1px dotted #FFF5F9;}
#maincontent .author a:hover{font-style:italic;}

#commentform{
	margin-left:82px;
	text-align:justify;
	width:428px;
}

#commentform textarea, #commentform url, #commentform #email, #commentform #author {
background-color:#FFF5F9;
color:#1B1612;
}

.cform ol li{list-style-type:none!important;list-style-image:none!important;}

.cform ol{list-style-type:none!important;list-style-image:none!important;}

form.ddfm .required{
color:#FFB1CC!important;
}

form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide {
color:#FFF5F9!important;
}

form.ddfm .fmcheck p, form.ddfm .fmradio p, form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext, form.ddfm input.fmverify, form.ddfm textarea.fmtextwide {
background-color:#241D17!important;
border:2px solid #241D17!important;
color:#FFF5F9!important;
}

form.ddfm label {
clear:left;
display:block;
margin:20px 0 0 0!important;
padding-bottom:8px!important;
text-align:left!important;
width:100%!important;
}


form.ddfm textarea {
float:left;
margin-bottom:15px;
padding:3px;
position:relative;
width:100%!important;
}

form.ddfm input.fmfile, form.ddfm input.fmtext {
display:block;
float:left;
margin-bottom:15px;
padding:3px;
width:100%!important;
}

form.ddfm select.fmselect {
display:block;
float:left;
margin-bottom:15px;
padding:3px;
width:100%!important;
}

/*-----PORTFOLIO-----*/

.portfolioimage{
	border:16px solid #FFF5F9;
	background-color:#1B1612;
	padding:2px;
}

.client, .website, .work{color:#FFB1CC;}

.feedback{background-color:#FFF5F9; width:600px; color:#1B1612;margin-top:-8px; margin-bottom:48px; padding:18px;}

#portfolio a{color:#FFB1CC; border-bottom:1px dotted #FFB1CC;}
#portfolio a:hover{background-color:#FFB1CC;color:#221B15;}
#portfolio p{padding-bottom:0px;}
.testimonial{border-style:dotted; border-width:2px 2px 0 2px; border-color:#FFB1CC; margin:8px 8px 0 8px; padding:8px;}
.testimonee{border-style:dotted; border-width: 0 2px 2px 2px; border-color:#FFB1CC; margin:0 8px 8px 8px; padding:8px; font-style:italic;}


/*------FOOTER-----*/

#footer {
	clear:both;
	color:#FCF4F6;

	font-size:80%;
	font-weight:lighter;
	text-align:center;
	background-image: url(images/topbg.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	padding:72px 0 32px 0;
}

#footer a{color:#FFB1CC;
	border-bottom:1px dotted #FFB1CC;
	text-decoration:none;
}

#footer a:hover {background-color:#FFB1CC;color:#221B15;}
	
#footer p{
	background-color:#241D17;
	background-repeat:repeat;
	margin:-9px auto auto;
	padding:8px;
	width:900px;
}