/*
Theme Name: LEAH FONTAINE
Theme URI: http://leahfontaine.com
Description: Leah Fontaine's Portfolio.
Version: 1.0
Author: Breanna Rose
Author URI: http://imbreannarose.com
*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}








body {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
letter-spacing: 1px;
line-height: 20px;
color: #7C7D80;
background-color: #F1F1F2;
}

p {
margin-bottom: 12px;
}

body {
padding: 0;
margin: 0;
} 

a:link, a:visited {
color: #7E7E80;
text-decoration: none;
}

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

b {
font-weight: bold;
}

strong {
font-weight: bold;
}

i, em {
font-style: italic;
}

img {
border: 0px;
}







/* LAYOUT */
#container {
margin: 0px auto;
width: 850px;
} 

.topborder {
border-top: 7px solid #E1C54D;
margin-bottom: 11px;
}

#header {
width: 858px;
height: 240px;
margin: 0px;
padding: 0px;
background-image:url('http://blog.leahfontaine.com/images/header-bg.png');
background-repeat: no-repeat;
margin-bottom: 25px;
}

.logo {
padding-top: 30px;
position: relative;
text-align: center;
}

.regularmenu {
margin: 0px;
padding: 0px;
color: #A7A9AC;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
letter-spacing: 1px.
font-weight: 300;
margin-left: 250px;
margin-top: -60px;
margin-bottom: 70px;
}

.regularmenu b {
font-weight: 300;
color: #85A3C1;
}

.regularmenu a:link, .regularmenu a:visited {
color: #CBC9C9;
}

.regularmenu a:hover {
color: #85A3C1;
}

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

#content {
width: 620px;
float: left;
} 

#footer {
padding-top: 20px;
padding-bottom: 20px;
clear: both;
width: 620px;
color: #A7A9AC;
text-align: center;
}

#footer a:link, #footer a:visited {
color: #A7A9AC;
}

#footer a:hover {
color: #85A3C1;
}

.home-footer {
position: relative;
z-index: 9999;
margin-top: -18px;
text-align: center;
}

.copyright {
text-align: right;
letter-spacing: 1px;
color: #BCBEC0;
}

.copyright a:link, .copyright a:visited {
color: #BCBEC0;
}

.copyright a:hover {
color: #85A3C1;
}

.footer-social {
padding-top: 4px;
text-align: right;
}






/* MENUS */
#nav{
	list-style:none;
	margin-bottom:0px;
	margin-left: 185px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	position:relative;
	margin-right: 4px;
}
#nav a {
	display:block;
	padding:0px;
	color:#A7A9AC;
	text-decoration:none;
}

#nav a:hover{
	color:#85A3C1;
}

/*--- DROPDOWN ---*/

#nav ul{
	background:#fff;
	background:rgba(255,255,255,0);
	list-style:none;
	position:absolute;
	left:-9999px;
}
#nav ul li{
	padding-top:0px;
	float:none;
}
#nav ul a{
	white-space:nowrap;
}
#nav li:hover ul{
	left:0;
}
#nav li:hover a{
	background:#ffffff;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{
	color: #85A3C1;
}







/* MAKE THINGS OPAQUE */
a.linkopacity img {
filter:alpha(opacity=100);
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
-moz-opacity: 1.0; 
opacity: 1.0;
-khtml-opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5; }








/* BLOG POST */
.theblogpost {
background-color: #ffffff;
padding: 10px;
}

.post-divider {
text-align: center;
margin-top: 32px;
margin-bottom: 32px;
}

.comments {
float: left;
width: 35px;
height: 35px;
background-color: #E2E6EE;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
text-align: center;
color: #ffffff;
margin-right: 10px;
}

.comments:hover {
background-color: #F1F1F2;
}

.comments p {
padding: 0px;
font-size: 18px;
margin: 0px;
margin-top: 6px;
margin-left: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-style: normal;
}

.comments p a:link, .meta p a:visited {
color: #85A3C1;
text-decoration: none;
}

.comments p a:hover {
color: #85A3C1;
}

.bloginfo {
float: left;
}

h1 a:link, h1 a:visited {
margin: 0px;
padding: 0px;
font-size: 21px;
line-height: 21px;
font-family: 'Open Sans Condensed', sans-serif;
color: #959699;
text-decoration: none;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}

h1 a:hover {
color: #D1D3D4;
}

.meta {
margin: 0px;
margin-top: 0px;
padding: 0px;
font-size: 12px;
color: #999999;
letter-spacing: 2px;
}

.topofpost {
text-transform: uppercase;
margin-bottom: 10px;
}

.clear {
clear: both;
}

.page {
text-align: justify;
}

.page img {
max-width: 600px;
height: auto;
}

.post {
text-align: justify;
}

.post img {
max-width: 600px;
height: auto;
}

.post a:link, .post a:visited {
color: #E1C54D;
font-weight: 700;
text-decoration: none;
}

.post a:hover {
color: #cccccc;
text-decoration: none;
}

.bottomofpost {
padding-bottom: 30px;
}

.cats {
float: left;
letter-spacing: 1px;
font-family: 'Open Sans Condensed', sans-serif;
color: #7C7D80;
font-size: 21px;
line-height: 23px;
width: 475px;
text-transform: uppercase;
}

.cats a:link, .cats a:visited {
font-size: 21px;
color: #7C7D80;
}

.cats a:hover {
color: #E1C54D;
}

.share {
float: right;
margin-top: -5px;
}








/* PAGINATION */
.pagn {
width: 620px;
text-align: center;
}

.pagn a:link, .pagn a:visited {
color: #85A3C1;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 21px;
letter-spacing: 2px;
}

.pagn a:hover {
color: #7C7D80;
}

img.the-heart {
margin-bottom: -8px;
}


.nextpost, .nextpost a, .nextpost a:visited {
float: right;
text-transform: uppercase;
color: #999999;
font-size: 10px;
letter-spacing: 1px;
}

.nextpost a:hover {
float: left;
text-transform: uppercase;
color: #a7a7a7;
font-size: 10px;
letter-spacing: 1px;
}

.clear {
clear: both;
}














/* SIDEBAR */
.welcome-box {
background-color: #ffffff;
padding: 10px 10px 2px 10px;
font-size: 10px;
line-height: 15px;
text-align: justify;
letter-spacing: 1px;
margin-bottom: 20px;
}

.social-media {
text-align: center;
margin-top: -15px;
margin-bottom: 10px;
}

.welcome-box a:link, .welcome-box a:visited {
color: #85A3C1;
}

.welcome-box a:hover {
color: #E1C54D;
}

.blog-nav {
background-color: #ffffff;
padding: 10px 10px 2px 10px;
margin-bottom: 20px;
}

a.about-leah:link, a.about-leah:visited {
display: block;
width: 170px;
text-align: center;
background-color: #E1C54D;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 20px;
padding-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
letter-spacing: 2px;
}

a.meet-the-fam:link, a.meet-the-fam:visited {
display: block;
width: 170px;
text-align: center;
background-color: #BDD4E1;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 20px;
padding-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
letter-spacing: 2px;
}

a.about-leah:hover, a.meet-the-fam:hover {
background-color: #85A3C1;
}

.leahs-favorites {
background-color: #ffffff;
padding: 10px;
text-align: center;
margin-bottom: 20px;
}

.leahs-favorites a:link, .leahs-favorites a:visited {
font-size: 10px;
letter-spacing: 1px;
line-height: 15px;
text-transform: uppercase;
color: #7C7D80;
}

.leahs-favorites a:hover {
color: #85A3C1;
}

.leahs-favorites-title {
font-size: 20px;
line-height: 23px;
text-align: center;
margin-bottom: 10px;
color: #85A3C1;
letter-spacing: 2px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
}

.categories {
background-color: #ffffff;
padding: 10px;
margin-bottom: 20px;
text-align: center;
}

.categories a:link, .categories a:visited {
font-size: 10px;
letter-spacing: 1px;
line-height: 15px;
text-transform: uppercase;
color: #7C7D80;
}

.categories a:hover {
color: #E1C54D;
}

.categories-title {
font-size: 20px;
line-height: 23px;
text-align: center;
margin-bottom: 10px;
color: #E1C54D;
letter-spacing: 2px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
}





/* COMMENTS */
h2 {
display: none;
}

.thecomment {
margin-top: 20px;
}

.commentauthor {
background: #ffffff;
padding: 10px;
color: #999999;
font-size: 9px;
}

.commentauthor a, .commentauthor a:visited {
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
color: #85A3C1;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight: 300;
}

.commentauthor a:hover {
color: #E1C54D;
}


.commentinfo {
background: #ffffff;
padding: 0px 10px;
margin-top: -10px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

.commenttext {
background: #ffffff;
padding: 5px 10px 1px 10px;
margin-bottom: 5px;
color: #999999;
}

.submit {
text-align: right;
}

#submit {
background: #E1C54D;
font-family: 'Open Sans Condensed', sans-serif;
margin-top: 5px;
padding: 10px;
font-weight: 700;
letter-spacing: 2px;
color: #fff;
border: none;
text-transform: uppercase;
}

#submit:hover {
background: #535660;
}

.commentbar {
background: #fff;
border: none;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 300;
padding: 5px;
color: #7C7D80;
letter-spacing: 1px;
width: 300px;
margin-bottom: 5px;
}

textarea {
background: #fff;
border: none;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 300;
padding: 5px;
color: #7C7D80;
letter-spacing: 1px;
width: 610px;
margin-bottom: 5px;;
}


input {
border: 0px solid #e5e5e5;
background-color: transparent;
font-family: baskerville, serif;
font-size: 14px;
padding: 5px;
}