/*
Theme Name: iLorraine
Theme URI: http://www.ilorraine.com
Description: The personal online space of Lorraine
Version: 3.0
Author: Lorraine Barte Nepomuceno
Author URI: http://www.ilorraine.com/
Tags: original, custom

	This theme was designed and built by Lorraine Barte Nepomuceno

*/



/* Begin Typography & Colors */

body {
	margin: 0;
	font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
}
img { border-style: none; }
a {
	color: #039;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a.more{
	font-size:10px;
}
a.more, .archive-link a{
	padding:0 14px 0 0;
	background: url(images/bg-arrow.gif) no-repeat 100% 50%;
}
#page{
	width:960px;
	margin:0 auto;
}
#container{
	padding:83px 0 26px;
	background: url(images/bg-page.jpg) no-repeat;
	min-height:300px;
	height:auto !important;
	height:300px;
	position:relative;
}
.logo{
	width:166px;
	height:84px;
	display:block;
	position:absolute;
	top:196px;
	left:44px;
}
.logo a{
	height:100%;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#main{
	width:100%;
	overflow:hidden;
}
#content{
	width:780px;
	float:left;
	padding:300px 0 0;
}
.section{
	width:500px;
	padding:0 22px 38px 0;
	margin:-246px 0 0 auto;
	position:relative;
}
.category{
	color:#6b6969;
	text-transform:uppercase;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0 0 28px;
}
	.category a, .category a:link {color:#666;}
.section .headline{
	color:#666;
	padding:0 0 16px;
}
.section h1, .section h2{
	margin:0;
	font-size:24px;
	line-height:26px;
}
.section p{
	margin:0 0 18px;
}
.section ul{
	margin:0 0 20px;
	padding:0;
	list-style:none;
}
.section ul li{
	background: url(images/bg-bullet.gif) no-repeat 0 8px;
	padding:0 0 0 8px;
}
.section .post-meta{
	font-size:11px;
}
.post{
	margin:28px 0 0;
}
.archive-link{
	text-align:right;
	font-size:11px;
}
.widgets{
	width:100%;
	overflow:hidden;
	font-size:11px;
	line-height:13px;
}
.widgets .col{
	width:249px;
	padding:0 0 0 11px;
	float:left;
}
.widgets .title{
	display:block;
	font-size:18px;
	font-weight:normal;
	margin:0 0 11px;
	line-height:22px;
}
	.widgets .title a, .widgets .title a:link {color:#333;}
.imgs{
	margin:0;
	padding:3px 0 0;
	list-style:none;
	width:100%;
}
.imgs li{
	float:left;
	padding:0 5px 5px 0;
}
.imgs img{
	display:block;
}
.imgs a{
	outline:none;
}
.links{
	margin:0;
	padding:0;
	list-style:none;
}
.links li{
	background: url(images/bg-bullet.gif) no-repeat 0 5px;
	padding:0 0 0 8px;
	margin:0 0 11px;
}
.social-list, .twitter, .twitterwidget {
	margin:0;
	padding:0 10px 4px 0;
	list-style:none;
}
.social-list li, .twitter li, .twitterwidget li {
	margin:0 0 14px;
}
.twitterwidget ul {list-style: none;margin:0;padding-left:0;}

#sidebar{
	width:180px;
	float:right;
	background:#dfdfdf url(images/bg-sidebar.gif) repeat-y 100% 0;
	text-align:center;
	font-size:10px;
}
#sidebar .bg-top{
	background:url(images/bg-sidebar-t.gif) no-repeat;
}
#sidebar .bg-bot{
	background:url(images/bg-sidebar-b.gif) no-repeat 0 100%;
	padding:32px 27px 40px 28px;
}
.banners{
	margin:0;
	padding:0 0 24px;
	list-style:none;
	width:100%;
}
.banners li{
	width:100%;
	padding:0 0 12px;
}
.banners img{
	vertical-align:top;
}
#nav{
	position:absolute;
	top:0;
	right:0;
	background: url(images/bg-nav.gif) no-repeat;
}
#nav ul{
	float:left;
	margin:0;
	padding:4px 0 0 24px;
	list-style:none;
	background: url(images/bg-nav-r.gif) no-repeat 100% 0;
	height:31px;
}
#nav ul li{
	float:left;
	padding:0 39px 0 3px;
}
#nav ul a{
	color:#fff;
}
#footer{
	border-top:1px solid #bababa;
	text-align:center;
	color:#535252;
	font-size:10px;
	line-height:14px;
	padding:18px 0;
}
#footer p{
	margin:0
}

.archivelist h3 {padding-bottom:0;margin-bottom:0;}
.archivelist post-meta {padding-bottom:8px;}

#postnavigation {padding-top:10px;font-size:11px;}

@font-face {
font-family: "Diavlo Bold";
src: url(http://www.ilorraine.com/font-faces/diavlo-embeds/DIAVLOB1.eot); /* Hello, IE */
src: local("Diavlo Bold"), url(http://www.ilorraine.com/font-faces/Diavlo_BOLD_II_37.otf) format("opentype");
}

div.diavlo-me { font-family: "Diavlo Bold", sans-serif;}

.sticky {padding:8px; background-color:#ccc; color:#000;}