/* *************

adamkhan3.css

from right to left:

#sidebar: 115px
#right: 402px (400px photos + 1px border either side)
#right: 402+115 = 541px
#left: 248px (402px / 1.62 golden ratio)
#gutter: 123px

from left to right (24px gutters):

123 + 24 + 248 + 24 + 402 + 24 + 115 = 960

short date: "%D %j %M ’%y @ %g:%i%a"
long date: "%l, %F %j%S, %Y at %g:%i%a"

************* */

body
{
margin: 0;
font-family: georgia, serif;
background-color: #fff;
font-size: 13px;
}

#wrapper
{
width: 960px;
width: 1111px; /*  + 24 edges */
width: 1087px; /* 960 + 115 + 12 */
padding-left: 12px;
padding-right: 12px;
margin: 0 auto;
}

a:link,
a:visited,
a:hover,
.link-mimic
{
text-decoration: none;
font-weight: bold !important;
color: #000;
}

h2 a:link,
h2 a:visited
{
color: #fff;
font-weight: normal !important;
}

legend
{
font-size: 1.1667em;
line-height: 1.286em;
clear: none;
font-weight: normal;
}

fieldset
{
border: 0;
padding: 0;
margin-bottom: 2ex;
}

.item
{
clear: both;
}

blockquote
{
font-size: 95%;
margin-left: 0;
padding-left: 12px;
}

.date
{
font-style: italic;
}

.bullet-separator
{
clear: both;
text-align: center;
color: #999;
line-height: 60%;
}

cite
{
font-style: italic;
}

.holder
{
display: none;
}

dfn
{
font-weight: bold;
font-style: normal;
}

.alert
{
background-color: #dcc951;
}

ul,
li
{
margin: 0;
padding: 0;
}

.clearer
{
clear: both;
margin: 0;
padding: 0;
line-height: 1px; /* IE6 won't accept 0 */
}

a:link img,
a:visited img
{
border: 0px;
text-decoration: none;
}

.input,
.textarea
{
background: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif !important;
width: 100%;
}

select
{
background: #fff;
}

.bordered
{
border: 1px solid #000;
}

.submit,
.checkbox
{
width: auto;
}

h2
{
color: #fff;
padding-left: 5px !important;
/* font-size: 1.1667em; */
/* line-height: 1.286em; */
clear: none;
font-weight: normal;
font-size: 115%;
background: #333;
}

#parries h2,
#trail h2
{
margin-bottom: 0.75ex;
}

.first
{
margin-top: 0;
}

.last,
.last p
{
margin-bottom: 0 !important;
}

.date
{
text-align: right;
}

.email
{
font-style: italic;
}

form
{
padding: 0;
margin: 0;
}

/* *************
@HEADER 
************* */

#header
{
position: relative;
height: 100%;
margin: 0;
}

#header-pic
{
	width: 1087px;
border-bottom: 2px solid #333;
}

#homepage-link
{
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 260px;
border: 0 !important;
}

#header p
{
 font-style: italic;
}

.header-date
{
position: absolute;
right: 0;
bottom: 0;
margin-top: 0;
margin-bottom: 1.5ex;
color: #999;
}

h1
{
position: absolute;
bottom: 2.5ex;
right: 0;
color: #333;
margin: 0;
letter-spacing: -0.035em;
font-weight: normal;
font-size: 166%;
text-align: right;
margin-left: 200px;
}

h1.double-size
{
font-size: 332%;	
}

.dateline
{
color: #999;
float: right;
margin: 0;
padding: 0;
margin-left: 0.5em;
line-height: 120% !important;
font-size: 90%;
font-style: italic;
width: 60px;
text-align: right;
}

/* *************
@MAIN
************* */

#main
{
margin: 0;
padding-left: 147px;
/* padding-right: 124px; */
padding-top: 2ex;
}

#main p
{
margin-top: 0;
margin-bottom: 2ex;
}

#main .column 
{
position: relative;
float: left;
}

#main a:link,
#main a:visited
{
font-weight: bold;
}

#main a:visited
{
color: #333;
}

.welcome-text a:link,
.welcome-text a:visited
{
font-weight: normal !important;
}

#main h2 a:link,
#main h2 a:visited
{
font-weight: normal;
color: #fff;
}

#main p,
#main blockquote,
#main li
{
line-height: 1.4em;
}

#trail .item p
{
margin-bottom: 2ex !important;
}

#lead-in
{
margin-left: -147px;
margin-right: -124px;
margin-right: 0;
margin-left: 380px;
margin-left: 273px;
margin-left: 158px;
margin-right: 140px;
margin-right: 255px;
margin: 0;
margin-left: -147px;
/* background: #eee; */
}

#lead-in p
{
margin-bottom: 2ex;
font-weight: bold;
}

#content ul
{
margin-left: 2em;
margin-bottom: 2ex;
clear: left;
}

#content li
{
font-size: 95%;
}

.search .date
{
color: #999;
font-size: 95%;
}

li p
{
margin-top: 0;
}

.previous
{
width: 40%;
margin-top: 0;
float: left;
margin-bottom: 0;
}

.previous .intro,
.next .intro
{
font-size: 70%;
line-height: 100%;
}

.next
{
width: 40%;
margin-top: 0;
float: right;
text-align: right;
margin-bottom: 0;
}

.border
{
border: 1px solid #423222 !important;
}

#content
{
position: relative;
padding-bottom: 12px;
}

#left,
#right
{
float: left;
padding-right: 12px;
}

#left
{
width: 248px;
}

.latmag #left
{
	padding-left: 12px;
	margin-left: -12px;
}

#right
{
width: 402px;
width: 528px;
padding-left: 12px;
}

.single-entry #right p,
.single-entry #right li,
.single-entry #right blockquote
{
font-size: 115%;
font-size: 120%;
}

.single-entry #left
{
border-right: 1px dotted #ccc;
margin-right: -1px;
}

.date-heading
{
clear: both;
color: #999;
font-style: italic;
text-align: right;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.date-footing
{
margin-bottom: 0 !important;
border-bottom: 1px dotted #ccc;
}

#parries .date-heading
{
margin-top: 0;
}

#content a:link li,
#content a:visited li,
#content li li
{
list-style-image: none;
}

#sentence p
{
margin: 0 !important;
}

#latmag
{
	padding-bottom: 10px;
}

.filters #latmag
{
	padding-left: 6px;
	padding-right: 6px;
}

.homepage #latmag h2
{
	margin-bottom: -5px;
}

#latmag-bottom
{
margin-left: -13px;
margin-right: -13px;
margin-bottom: -7px;
margin-top: -3px;
padding-top: 10px;
}

#parries .item,
#latmag .item
{
margin-bottom: 2ex;
}

#end-image
{
margin-top: 10px !important;
}

#parries #end-image
{
margin-left: -20px;
}

#trail p,
#left #latmag p
{
/* font-size: 90%; */
}

#latmag .attribution
{
float: right;
margin-left: 1em;
width: 75px;
text-align: right;
font-size: 85%;
margin-bottom: 2ex;
}

#latmag p
{
text-indent: -0.4em;
}

.welcome-text
{
color: #333;
font-size: 166%;
letter-spacing: -0.035em;
clear: both;
float: none;
text-align: left;
margin: 0;
padding: 0;
padding-bottom: 1ex;
}

#dropcap
{
float: left;
font-size: 640%;
font-size: 660%;
font-weight: normal;
line-height: 1.4ex;
margin: 0;
margin-right: 0.07em;
margin-right: 0.20em;
}

.words #dropcap
{
margin-left: -10px;
}

#dropcap img
{
height: 57px;
margin-left: -5px;
padding-right: 0.075em;
}


#words li
{
text-transform: capitalize;
}

.homepage p.date
{
text-align: left;
margin: 0;
padding: 0;
}

.search p.date
{
text-align: left;
margin: 0;
padding: 0;
}

h3
{
font-size: 115%;
margin-bottom: 0;
margin-top: 1ex;
color: #333;
font-weight: normal;
}

#right
{
width: 528px;
padding-right: 12px;
}

.homepage #right p
{
margin-bottom: 0.5ex;
}

.narrower,
.wider
{
float: left;
margin: 0;
}

.wider
{
width: 223px;
padding-left: 0;
padding-right: 12px;
border-right: 1px dotted #ccc;
}

.narrower
{
padding-left: 12px;
width: 152px;
}

#latmag.wider
{
padding-left: 12px;
border-left: 1px dotted #ccc;
margin-left: -13px;
}

#trail.wider
{
width: 280px;
margin-left: 12px;
margin-right: -13px;
}


#welcome
{
float: left;
width: 400px;
width: 528px;
}

.illustration img
{
width: 524px;
}

/* ***************
GALLERY
*************** */

#gallery
{
	padding-bottom: 2ex;	
	border-bottom: 2px solid #333;
	margin-bottom: 1ex;	
}

#gallery ul
{
	margin-left: 0;
}

#gallery a:link img,
#gallery a:visited img
{
	border: 1px solid #333;
}

#gallery .caption,
.illustration
{
	text-align: right;
	clear: both;
	padding-top: 0.25ex;
	padding-bottom: 0.25ex;
	color: #999;
	line-height: 117% !important;
	line-height: 125% !important;
}

#gallery .caption
{
	margin-bottom: 0.25ex !important;
}

.cycle-entry
{
	display: none;
	position: relative;
}

#content #left .smaller,
#content #right .smaller
{
	font-size: 85%;
}

.showcase
{
	float: right;
	border: 2px solid #423222;
	width: 524px;
}

#slider 
{
	clear: both;
	margin: 0;
	padding: 0;
	width: 528px;
	height: 76px;
	overflow: scroll;
	overflow-y: hidden;
	background: #fff;
}

#slider-inner
{
	width: 4050px; /* 50 images */
	width: 16200px; /* 200 images */
	width: 8100px; /* 100 images */
	height: 61px;
	background: #000;
}

#slider .thumb-holder .caption,
#slider .thumb-holder .showcase
{
	display: none;
}


.thumb,
#slider img
{
	display: block;
	border: 0 !important;
	border-right: 1px solid #333 !important;
	border-top: 1px solid #333 !important;
	width: 80px;
	height: 60px;
	float: left;
	cursor: pointer;
}

.comment p
{
font-size: 100% !important;
}

.comment h2 .date
{
float: right;
margin: 0;
margin-left: 1em;
font-weight: normal;
margin-right: 0.25em;
font-size: 90%;
}

/* *************
@GUTTER
************* */

#gutter 
{
width: 123px;  /* LC width */
padding-right: 12px;
padding-left: 0px;
/* right: 143px;   LC width */
right: 18px; /*  LC width */
margin-left: -100%;
margin-bottom: 2ex;
position: relative;
color: #666;
}

.homepage #gutter
{
}

#gutter p,
#gutter ul
{
text-align: right;
}

#gutter h4
{
line-height: normal;
font-weight: bold;
margin: 1ex 0;
color: #999;
padding: 0;
}

#gutter .input
{
width: 110px;
}

#search-again
{
text-align: left !important;
}

#search-again select
{
font-size: 90%;
}

#feeds li
{
background-image: url(http://www.engaging.net/images/feed_icon.png);
background-position: right 2px;
background-repeat: no-repeat;
padding-right: 21px !important;
display: block;
}

.grouping
{
margin-bottom: 2ex;
}

/* *************
@SIDEBAR
************* */

#sidebar 
{
width: 115px;  /* RC width */
padding-left: 12px;
margin-right: -124px;  /* RC width */
}

.single-entry #sidebar
{
border-left: 1px dotted #ccc;
margin-left: -1px;
}

#sidebar p,
#sidebar h2
{
margin-top: 0;
}

#sidebar h2 a:link,
#sidebar h2 a:visited
{
	color: #fff !important;
}


#sidebar div
{
margin-bottom: 2ex;
}

#sidebar ul
{
margin-bottom: 0;
}

#twitter
{
	word-wrap: break-word;	
}

#twitter .alt
{
	background: #eee;
}

#twitter a:link,
#twitter a:visited
{
	font-weight: normal !important;
	color: #333  !important;
}

#twitter li,
#sounds li
{
	padding-bottom: 6px !important;
	padding-top: 2ex !important;
	border-top: 1px dotted #ccc;
}


/* *************
@SIDEBAR & GUTTER
************* */

#sidebar .input,
#sidebar .textarea,
#gutter .input
{
width: 90%;
}

#gutter p,
#gutter li,
#gutter label,
#sidebar p,
#sidebar li,
#sidebar h3,
#sidebar textarea,
#gallery p,
#footer,
.previous .intro,
.next .intro,
#comments-form p,
.illustration
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif !important;
font-size: 80% !important;
line-height: 120%;
letter-spacing: 0;
font-weight: normal;
color: #999;
}

#gutter label
{
font-weight: bold;
}

#gutter select
{
text-align: right;
color: #999;
}

#comments-form textarea
{
font-size: 100%;
height: 300px;
}


#sidebar h3,
#gutter h3
{
line-height: 105%;
font-style: italic;
font-weight: bold !important;
letter-spacing: 0 !important;
color: #999;
padding: 0;
margin: 0;
text-align: left;
}

#sidebar ul,
#gutter ul
{
text-indent: 0;
}

#sidebar li,
#gutter li
{
margin: 0;
padding: 0;
margin-bottom: 1ex;
list-style-type: none;
}

/* *************
@FOOTER
************* */

#footer
{
margin-top: 1ex;
margin-bottom: 1ex;
border-top: 2px solid #333;
clear: both;
text-align: center;
}

#footer a:link,
#footer a:visited
{
font-weight: normal;
}