body, html {
	margin:0;
	background:url(../images/site-back.jpg) center top repeat;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: .11em;
	line-height: 19px;
}

a {
	color: rgb(255,255,255);
}

p {line-height: 21px;margin: 0 0 20px 0;}

pre {padding: 15px;line-height: 21px;}
#banner{
	margin-bottom: 30px;
}
/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.header {background: url("../images/header-back.jpg") repeat-x;height: 120px;}
.header h1{background:url("../images/joey-guerra.png") center 10px no-repeat; height: 120px;overflow:hidden;}
h2{
	font-size: 21px;
	margin-bottom: 7px;
}
h2 a{
	color: rgb(255,255,255);
}
.header aside {background:url("../images/separate.png") center 67px repeat-x; width:100%; height: 120px;margin:0 auto; position:relative;}

.header h1 a {width:100%; height:80px; display:block; overflow:hidden;}
.header h1 a span{display: block; text-indent: -9999px;}
.header h1 a:hover {}

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#main{
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
}
#profile{
	float: left;
	width: 350px;
	color: rgb(255,255,255);
	background: rgba(0,0,0, .3);
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#content{
	margin-left: 380px;
}
.entry{
	position: relative;
	padding-left: 100px;
	margin-bottom: 40px;
}
.entry header h1{
	margin-bottom: 10px;
}
.entry header details{
	margin-bottom: 10px;
}
.entry header h1 a{color: rgb(0,0,0);font-size: 27px;font-weight: normal;}
.entry details span.type{
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	background:url("../images/types.png") 0 0 no-repeat;
	width: 85px;
	height: 72px;
	text-indent: -999px;
	overflow: hidden;
}
.entry details.link span.type{background-position-y:-144px;}

.entry details.quote span.type{background-position-y:-288px;}

.entry details.post span.type{background-position-y:-72px;}

.entry details.video span.type{background-position-y:-217px}

.entry details.photo span.type{background-position-y:0;}

.entry details.audio span.type{background-position:-360px;}
.entry details time span{
	display: block;
}
.entry details time{
	position:absolute;
	top:0;
	right:-50px;
	width:45px;
	color:#141414;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.17);
	text-transform:uppercase;
	text-align:center;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 23px;
}

.entry details time .month {font-size:18px; font-weight:bold;}

.entry details time .day {font-size:35px; font-weight:bold;}

.entry article section p a { border-bottom:dotted #BBC9DB 1px; color:#FFFFFF;}

.entry article section p a:hover {text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 6px #000, 0 0 11px #000, 0 0 18px #000; border-bottom:none;}

.entry article blockquote { padding-left:50px;}

.entry article p {font-size:16px; margin-bottom:20px; line-height:22px;}

.entry article blockquote p {font-style:italic; font-size:32px; color:#C7D3E2; line-height:40px;}

.entry cite a{color: #fff;}

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
body.home footer{
	clear: both;
}
.entry footer {background:url(../images/footer-back.png) center top repeat; height:114px; overflow:hidden;}

footer .sixd {width:860px; margin:70px auto 0;}

footer .sixd a {color:#121B23; font-size:18px; font-weight:bold; text-shadow:0 1px 0 rgba(255, 255, 255, 0.33);font-family: Helvetica, Arial, "Lucida Grande", sans-serif; display:block; padding-left:30px; background:url(../images/siteElements.png) 0 -161px no-repeat; height:25px; line-height:25px; width:100px;}

footer .sixd a:hover {text-shadow: 0 0 18px #000; color:#829EBD; }

nav.pages {	position: fixed;bottom: 0;left: 50%;margin-left: -200px;width: 400px;background: rgba(0,0,0,.5);border-top-left-radius: 5px;border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px 5px;-webkit-border-top-right-radius: 5px 5px;-moz-border-top-radius: 5px;text-align: center;}


/* FONTFACE *** The fonts included are copyrighted by The League of Moveable Type http://www.theleagueofmoveabletype.com http://www.fontsquirrel.com/license/ ***
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

@font-face {font-family:'MuseoSlab500';src: url('Museo_Slab_500.eot');	src: local('Museo Slab 500'), local('MuseoSlab-500'), url('scripts/Museo_Slab_500.ttf') format('truetype');}

@font-face {font-family: 'MuseoSlab500Italic';	src: url('Museo_Slab_500italic.eot');	src: local('Museo Slab 500 Italic'), local('MuseoSlab-500Italic'), url('Museo_Slab_500italic.ttf') format('truetype');}


/* OLD */

#user_message{
	position: absolute;
	top: 5px;
	left: 5px;
	background: rgba(128,237,161,.8);
	color: #000;
	text-shadow: none;
	padding: 10px;
	width: 200px;
}

img.right, figure.right{float: right; margin: 0 0 28px 28px;}
img.left, figure.left{float: left; margin: 0 0 28px 28px;}


#admin{
	position: absolute;
	top: 0;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	text-align: center;
}
#admin a{
	color: rgb(0,0,0);
	display:block;
	float: left;
	padding: 0 7px 0 7px;
	background: rgba(255,255,255, .5);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 5px 0 0;
}

/* LOGIN FORM 
-------------*/
form fieldset legend{display: none;}
#login_form{
	width: 400px;
	background: rgba(0,0,0,.5);
	margin: 0 auto;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px;
}
form p, form address p{
	line-height: 20px;
	margin: 0 0 15px 0;
	padding: 0;
}
form textarea{
	font-size: 23px;
}
form p label{
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
}
form{
	color: rgb(255,255,255);
	position: relative;
}
form input[type=text], form input[type=password]{
	font-size: 23px;
	width: 100%;
}
/* MODAL
______________________*/

/* ADDRESSBOOK MODAL
______________________*/
.modal section{
	float: left;
	width: 200px;
	height: 260px;
	font-size: 13px;
	color: black;
	text-shadow: none;
}

.modal ul li{
	line-height: 21px;
	cursor: default;
}
.modal ul li:nth-child(even){
	background-color: rgb(240, 244, 247);
}
.modal section#detail
, .modal footer{
	display: none;
}
.modal h1{
	line-height: 17px;
	width: 100%;
	background: rgb(240,240,240);
	color: rgb(102, 102, 102);
	font-size: 11px;
	font-weight: bold;
	text-shadow: none;
}

.modal form.delete{
	display: none;
}
.modal input{
	left: 180px;
}
.modal li.selected, .modal li.selected:nth-child(even){
	background: rgb(135,200,245);
}
img.manipulate {
  border: 20px solid #fff;
}
#list-of-photos{
	margin: 0 auto;
}
#list-of-photos dl dd{
	float: left;
	margin-right: 3px;
}
#list-of-photos dl dd img{
	width: 200px;
	height: 200px;
}