/*  
Theme Name: We Heart Life
Description: Basic Theme.
Version: 2.0
Author: Carly Lloyd
Author URI: http://www.carlylloyddesigns.com.au/

*/

/* structure */

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: 'Century Gothic', Sans-serif;
	font-size: 15px;
	text-align: center; /*fixes earlier versions of IE6 */
	vertical-align: top;
	background: #ffffff url(http://i224.photobucket.com/albums/dd30/carly-grace/WHLbackgroundnewest.png) fixed no-repeat;
	color: #000000;
}

h1{
	display: none;
}

/* linkage */

p a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da4475;
}

p a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a; 
}

/* paragraphs */

p{
	padding: 10px 0 0 0;
}

p img{
	padding: 0; 
	max-width: 100%; 
}

blockquote {
	border: 1px dashed #da445a;
	float: center;
	display: block;
	margin: 5px 0px 5px 10px;
	padding: 10px;
}

/* image information */

img{
	border: none;
}

img.right{ 
	padding: 4px; 
	margin: 0 0 2px 7px; 
	display: inline; 
}

img.left{ 
	padding: 4px; 
	margin: 0 7px 2px 0; 
	display: inline; 
}

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

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

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

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

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

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

/* content */

#wrapper{
	margin: 0 auto 0 auto;
	width: 900px;
	float: right;
}

/* header */

#header{
	float: center;
	width: 900px;
	background: #FFF url(http://i224.photobucket.com/albums/dd30/carly-grace/weheartlife-1.png) no-repeat; 
	height: 245px;
}

/* menu bar */

#menu{
	float: left;
	border-bottom: #7a7173 dashed 1px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	padding: 0 auto;
	text-align: center;
	background: #FFF;
}

#menu ul{
	display: inline;
	font-family: 'Century Gothic', Sans-serif;
	text-decoration: none;
	list-style-type: none;
	font-size: 19px;
	letter-spacing: 2pt;
	margin-left: auto;
	margin-right: auto;
	padding: 0 auto;
	text-align: center;
}

#menu ul li{
	padding: 2px 10px 2px 10px;
	display: inline;
	text-align: center;
}

#menu a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da445a;
}

#menu a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a;
}

/* post information */

#container{
	float: left;
	width: 665px;
	background: #FFF;
}

.post{
	padding: 10px 0 10px 0;
	text-align: left;
}

.post h2{
	font-family: 'Century Gothic', Sans-serif;
	font-size: 20px;
	letter-spacing: 3pt;
	text-decoration: none;
	padding: 5px;
	color: #7a7173;
}

.post h6{
	font-family: 'Century Gothic', Sans-serif;
	font-size: 20px;
	letter-spacing: 3.5pt;
	color: #da445a;
}

.entry{
	line-height: 18px;
	text-align: left;
}

p.postmetadata{
	border-top: none;
	margin: 0 0 0 20px;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

.post h2 a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da4475;
}

.post h2 a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a; 
}	

.post h6 a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da4475;
}

.post h6 a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a; 
}	

/* sidebar */

#sidebar {
	float: left;
	width: 220px;
	background: #FFF;
	margin: 0 0 0 5px;
	color: #000;
	display: inline; /* fixes IE fault */
}

#sidebar ul{
	list-style-type:none;
	text-align: right;
	margin: 0;
	padding: 0 10px 0 10px;
	color: #000000;
}

#sidebar ul li{
	padding: 10px 0 10px 0;
}

#sidebar ul li h2{
	font-family: 'Century Gothic', Sans-serif;
	font-size: 18px;
	color: #7a7173;
	border-bottom: #da445a dashed 1px;
	letter-spacing: 1pt;
}

#sidebar ul ul li{
	padding: 0;
	color: #000;
}

#sidebar a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da4475;
}

#sidebar a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a;
}

/* comments */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px dashed #7a7173;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px #7a7173 dashed;
}

.comments-template h2, .comments-template h3{
	font-family: 'Century Gothic', Sans-serif;
	font-size: 18px;
}

.commentmetadata{
	font-size: 15px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: 'Century Gothic', Sans-serif;
	font-size: 15px;
}

.comments-template a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da4475;
}

.comments-template a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a; /*lighter color*/
}	

/* footer */

#footer{
	clear: both;
	float: right;
	width: 900px;
	padding-top: 10px;
}

#footer p{
	height: 14px;
	align: right;
	font-family: 'Century Gothic', Sans-serif;
	font-size: 12px;
	color: #000;
}

#footer p a:link, a:visited{
	text-decoration: none;
	text-transform: lowercase;
	color: #da4475;
}

#footer p a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color: #da445a; 
}