/*
Theme Name: Acne Diaries
Theme URI: http://acnediaries.com
Description: The a custom wordpress theme used specifically for AcneDiaries.com
Version: 1.0
Author: Will Halling
Author URI: 
Tags: custom wordpress theme, purple, pink, grey, dark, black, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */

* { margin: 0; padding: 0; }

a, a:visited {
   color: #6F0A37;
   text-decoration: none;
} 

a:hover {
   color: #ca0757;
   text-decoration: none;
}

body {
	text-align: center; 
	font: 62.5% 'Lucida','Arial',"Tahoma",lucida,sans-serif; /* 62.5% sets 1em to about 10px */ 
	background: #140E18 url('images/background.jpg') top left no-repeat;
	color: #FFF;
	text-shadow: #000000 0 0 0px; /* remove shadow from Safari */
	}	

#container {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	background: inherit;
	text-align: left;
}

#wrap {
	float: left;
	width: 970px;
	background: inherit;
}

#page {
	margin: 0 auto;
	width: 940px;
}

#header {
	width: 940px;
	float: left;
	padding: 3em 0;

}

#logo {
	margin-right: 590px;
}

#heading {
	float: right;

}

#heading h1{
	padding: 25px 0 0;
	font-size: 2em;
}

#breadcrumb {
	float: left;
	width: 940px;
	margin: 0 0 0;
	border-bottom: 1px solid #39333c;
	letter-spacing: 0.03em;
	padding: 1em 0;
	font-size: 1.1em;	
}

#nav {
	float: left;
	width: 940px;
	margin: 0 0 0;
	padding: .5em 0;
	font-size: 1.1em;
	text-transform: uppercase;	
    border-bottom: 1px solid #39333c;
	border-top: 1px solid #39333c;
}

#nav a, #nav a:visited {
	color: #ccc;
	border-bottom: 0px solid #333;
	padding-bottom: 0px;
	display: block;
	letter-spacing: 0.05em;
}

#search {float:right;}
#search #q {
background:#FFFFFF;
border:0 none;
border-width: 0px;
color:#726E74;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:17px;
letter-spacing:0.03em;
margin:0 9px 0 0;
padding:0px 0 0 0px;
width:170px;
}



#nav a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_item a:visited {color: #ca0757}

#nav ul {list-style: none;float: left; width: 740px  margin: 0; padding: 0.4em 0;}
#nav ul li {float: left; margin-right: .5em}
#nav ul li.divider {
background: url(images/pink-dot.gif) no-repeat scroll 0px 6px;
width:3px;
height: 10px;
}
#nav ul li span {
display: none;
}

#content {
	float: left;
	width: 940px;
	margin: 3em 0;
}

#content-right {
	float: right;
	width: 660px;
	background: #fff url('images/content-right-bkg.jpg') top left repeat-y;
}

#content-single {
	float: right;
	width: 660px;
}

#content-right h2 {
	background: #A4A1A6;
	color: #13011E;
	padding: 10px 20px;
	margin-bottom: 10px;
	font-size: 2.4em;
}

#content-right p, #content-right ul, #content-right ol {
	color: #0C0018;
	font-size: 1.4em;
	margin: 1em 0;
	line-height: 1.6em;
}

#content-right table#cdose {
	width: 400px;
	border: 1px solid #0C0018;
	padding: 10px;
	}

#pA5B {background: #FFD106; padding: 5px 0 5px 5px; font-weight: bold;}
#formc {margin-bottom: 3em;}
#content-right table#cdose td {
	font: 1.4em "Lucida Sans Unicode", Verdana, Arial, Sans-Serif;
	color: #0C0018;
	}

#content-right table#cdose td small{
	font-size: 80%;
	}

#content-right ul, #content-right ol {margin-left: 1em;}

small  {
	color: #666;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#content-right .post {padding: 0 20px;}


#sidebar {
	width: 247px;
	margin-right: 690px;
}

#sidebar p {
	padding: 1em 0;
	color: #0C0018;
}

#sidebar div.link a {
	font-weight: bold;
	font-size: 1.3em;
}

#sidebar div.link p {
	color: #333;
	font-size: 1.1em;
	border-bottom: 1px solid #cacaca;
}

#sidebar h2 {
	background: #A4A1A6;
	color: #13011E;
	padding: 5px 10px;
	margin-bottom: 0px;
	font-size: 1.4em;
}

#sidebar div.link {
	padding: 0 10px;
	background: #FFF url('images/sidebar-bkg.jpg') top left repeat-y;
}

#sidebar ul {
	width: 247px;
	background: inherit;
	padding: 0;
	margin: 0;
}

#sidebar ul#navigation a {
	background: #302637;
	border-bottom: 2px solid #150B1B;
	color: #FFFFFF;
	display: block;
	padding: 5px 7px;
	text-decoration:none;
	font-size: 1.6em;
}

#sidebar ul#navigation {
	margin-bottom: 2em;
}

#sidebar ul#navigation a:hover {
	background: #6f0a37;
}

#sidebar ul#navigation li.selected a {
	background: #6f0a37;
}



#sidebar ul#navigation ul.children a {
	background: none;
	border-width: 0;
	color: #FFFFFF;
	display: block;
	padding: 5px 7px;
	text-decoration:none;
	width: 200px;
	font-size: 80%;
}

#sidebar ul#navigation ul.children a:hover {text-decoration: underline}

#sidebar ul.children {margin: .5em 0 1em;}
#sidebar ul.children li {margin-left: 10px; padding-left: 7px; background: transparent url(images/bullet.jpg) 0 9px no-repeat;}

#sidebar ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar ul {
list-style: none;
}

#sidebar ul .cat-item {font-size: 1.2em;} 

#footer {
	float: left;
	width: 940px;
	margin: 0;
	letter-spacing: 0.03em;
	padding: 1em 0;
	border-top: 1px solid #39333c;
	font-size: 1.1em;	
}






#profile{
	float: right;
	width: 350px;
	padding: 20px 0 0 0;
	letter-spacing: 0.03em;
	margin: 0 0 0 20px;
}

.childrennav {
	float: left;
	width: 940px;
	height: 30px;
	padding-top: 5px;
	margin: 1em 0 2em;
	clear: both;
	background: #FFF url(images/nav-bkg.jpg) top left no-repeat;
}

.childrennav-inner {
	float: left;
	width: 940px;
	height: 30px;
	background: #FFF url(images/nav-bkg.jpg) bottom right no-repeat;
}





#home-left {float: left; width: 610px;}



#search a, #search a:visited {color: #999999; text-decoration: underline;}
#search a:hover {color: #CCCCCC;}

#breadcrumb a, #breadcrumb a:visited {text-transform: capitalize; color: #FFD106; text-decoration:none;}





#search p {font-size: 1.1em; letter-spacing: 0.03em; margin-bottom: 5px; padding-top: 6px;}
#search #s {border:0 none; height:18px; line-height:1.1; margin: 10px 0 0 0; padding: 4px 0 0 4px; font-size:1.1em; color: #999; font-weight: bold; width: 197px;}
#search #searchsubmit {background: url(images/search-bkg.gif); border:medium none; color:#FFF; cursor:pointer; height:22px; width: 22px; font-size: 1.1em; font-weight: bold; margin: 0; padding: 0 0 2px;}
#search #searchsubmit:hover {background: url(images/search-bkg.gif) 0 -22px;}







#profile ul {list-style: none; font-size: 1.1em; float: right;}
#profile ul li {float: right; padding: 0 .5em 0 .5em; border-right: 1px solid #313131;}
#profile ul li.no-border {float: right;padding: 0 0 0 .5em; border-right: 0px solid #313131;}
#profile ul li.member {text-transform: capitalize;}
#profile p {font-weight: bold; font-size: 1.4em; margin-bottom: 5px; padding: 0 0 0 10px;}
#profile form {padding-right: 0em;}
#left-column p {font-size: 1.2em; line-height: 1.6em; margin: 1em 0;}
#left-column h2 {font-size: 2.4em; color: #CC0033;}
#right-column p, #centre-column p {padding: 10px 0;}
#sidebar .more-by ul {background: #FFF url(images/border-310.jpg) bottom left no-repeat; margin-bottom: 2em;}

#content p.postmetadata {
color:#666666;
font-size:1.1em;
margin-bottom: 3em;
}

p.postmetadata {font-size: 1.2em;}

h1, h2, h3 {
	font-weight: bold;
	}
#content h2 a, #content h2 a:visited {color: #13011E; text-decoration: none;}
#content h2 a:hover {text-decoration: none;}


#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	}

h3 {
	font-size: 1.3em;
	}

#content-right h3 {color: #13011E}



.entry p {
	font: 1.3em "Lucida Sans Unicode", Verdana, Arial, Sans-Serif;
	margin: .5em 0;
	line-height: 1.4em;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */








/*	Begin Headers */



#sidebar ul li h2 {
	margin: 5px 0 0;
	padding: 0;
	font-size: 1.4em;
	}

h3 {
	padding: 0;
	margin: 0;
	font-size: 2em;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 */


.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px 0 0;
	padding: 5px 3px;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

select {
	width: 130px;
	}








/* Begin Sidebar */


#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* 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-bottom: 3em;
	font-size: 1.2em;
	}
/* 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;
}

#content-right .wp-caption p.wp-caption-text {
	font-size: 1.2em;
	color: #666;
	line-height: 17px;
	padding: 5px 4px 5px;
	margin: 0;
}
/* End captions */

#commentform {padding: 20px 0;}

/* CSS Comments */


#commentlist h3 {text-transform: capitalize; padding: 0; margin: 0; font-size: 1.2em; line-height:1.5em; color: #FFD106;}
#commentlist h3 a {border-bottom: 1px dotted #666;}
#commentlist h3 a:hover {border-bottom: 1px dotted #313131; text-decoration: none;}
#commentlist {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt;}
#commentlist li {
background: url(images/line.gif) repeat-x scroll left top;
clear:both;
margin: 20px 0;
padding: 0;
width: 660px !important;
border-top: 1px solid #cacaca
}

#commentlist li ol, #commentlist li ul {
margin: 0;
padding: 0;
}
#commentlist li ol li, #commentlist li ul li {
padding: 0;
margin: 0;
}
.threadauthor {
float:left;
padding: 10px 2em 5px 0;
margin: 0;
width:112px;
}
.forum-post {border-left: 1px solid #cacaca; padding-left: 2em; margin: 0; min-height: 90px; /* Used so the border looks ok on short posts */}
.threadauthor p {
clear: both;
margin: 0.3em 0 0 0;
font-size:1.1em;
color:#ccc;
}
.threadpost {
margin-left:140px;
padding: 10px 0 5px;
}
#commentlist li.alt .threadpost {
background-color:transparent;
}
#commentlist li.deleted {
background-color:transparent;
}
#commentlist li.deleted .threadpost {
background-color:#EE8888;
}
#commentlist li.alt.deleted .threadpost {
background-color:#FF9999;
}
#commentlist .forum-post blockquote {
border-left:5px solid #336699;
margin:0pt;
padding:0pt 0pt 0pt 1ex;
}
#commentlist .forum-post p, #commentlist .forum-post ul li, #commentlist .forum-post ol li {
background: inherit;
font-size:1.2em;
margin:0pt 0pt 1.357em;
line-height:1.5em;
}
#comment-wrap {float: left; width: 660px; margin-top: 1em; padding-bottom: 5px;}
.forum-post a, #comment-box a, #forum-post a:visited, #comment-box a:visited {color: #FFD106; font-weight: bold;}
#comment-header {float: left;}
#comment-rss {float: right; display: block;}
textarea#comment { padding: 0; color: #333333; font: 1.3em helvetica,arial,verdana,geneva,sans-serif; float: left;}
*html textarea#comment {width: 95%;}
form#commentform {width: 635px; background: inherit;}
.formrow-input {clear: both; padding: 1em 0; width: 635px;}

#comments form small {font-size: 1.2em;}
#comments form .right input {width: 296px; padding: 2px;}
#comments form p {margin: 10px 0 10px 15px; font-size: 1.4em}
#commentlist img.avatar {border: 0px solid #2C2C2C; margin: 5px 0; clear: both;}


.formrow {clear: both; padding: 10px 0;}

.label {float:left; width: 112px; padding: 4px 2em 0 0; font-size: 1.2em;}
.right {float: left; padding-left: 2em;}
.formrow #email, .formrow #author {margin-right: 2em;}
.formrow input {padding: 5px; border-width: 0; background: #ededed;}
.formrow textarea {padding: 50px; border-width: 0; background: #ededed; margin:0 30px 0 0; border:1px solid #ededed; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
.formrow span {font-size: 1.1em; color: #fff; font-style: italic;}


#comment-box p {padding: 15px 15px 0 15px; font-size: 1.2em;}
#comment-box {float: left; padding: 0 0 1em; width: 610px; clear: both; background: url('images/comment-bkg.jpg') no-repeat bottom left; margin: 2.0em 0 0; padding: 0 0 4em; color: #CCC}
#submit-box {float: left; padding: 0 0 1em; width: 576px; clear: both; background: url('images/comment-bkg.jpg') no-repeat bottom left; margin: 0 0 0; padding: 0 0 4em; color: #333;}
#comment-box-inner p {padding: 1em 0; margin: 0;}
#comment-box-inner h2 {padding: 1em 0 0; border-top: 1px solid #cacaca; margin: 0; letter-spacing: 0.03em; font-size: 2em; width: 660px; color: #fff;}
#comments {
	width: 660px; 
	padding: 0;
	margin: 1em 0;
	clear: both;
	font-size: 2em;
	letter-spacing: 0.03em;
}

#content-right #links-partners {padding: 0; margin: 0}
#content-right #links-partners li {list-style: none; padding: 0; margin: 0 0 1em}