
/* ======================================================================

   me[three]dia - Andrew Huff
   a.huff@me3dia.com
   (c) Andrew Huff, All Rights Reserved.

   Site design & Stylesheet prepared by Naz Hamid / Weightshift.com

======================================================================== */

* { padding: 0; margin: 0; }


/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

body {
	color:			#333;
	background:		#fff; <!--url(../gfx/bg.jpg) top fixed no-repeat;-->
	font-family: 	Georgia, Arial, Verdana, sans-serif;
	font-size: 		12px;
	line-height:	18px;
	border:			0; 	
	text-shadow: 	rgba(255, 255, 255, .01) 0px -1px 1px;
}

img { border: none;	}

img.left { float: left; margin: 0px 12px 0px 0px; }

img.tn { float: left; margin: 0px 10px 0px 0px; }

a:link { color: #333; text-decoration: none; font-weight: bold; }
a:visited { color: #333; text-decoration: none; font-weight: bold; }
a:hover { color: #cc3300; text-decoration: none; font-weight: bold; }
a:active { color: #333; text-decoration: none; font-weight: bold; outline: none; }
a:focus { outline: none; }

h1 { 
	color: 			#222;
	font-family: 	Clarendon LT Std, Clarendon, Lucida Fax, Georgia, Helvetica, serif;
	font-weight: 	normal;
	font-size: 		24px;
	line-height: 	24px; 
}

h1 a { font-weight: normal !important; }

h1.title {
	padding:		15px 15px 14px 110px;
	background: 	url(../gfx/rule_title.gif) bottom no-repeat;
}

h2 { 
	color: 			#222;
	font-family: 	Clarendon LT Std, Clarendon, Lucida Fax, Georgia, Helvetica, serif;
	font-weight: 	normal;
	font-size: 		18px;
	line-height: 	18px; 
}

h2.title { border-bottom: 1px solid black; padding: 0px 10px 10px 110px; }


h3 {
	color:			#222;
	font-family: 	Arial, Verdana, sans-serif;
	font-weight: 	normal;
	font-size: 		11px;
	line-height: 	18px;
}

h3.title { text-transform: uppercase; letter-spacing: 1px; }

h4 a { font-weight: bold; }

p { margin-bottom:	15px; }

ol, ul { padding: 0 20px 10px 20px; }

blockquote {
	border-left: 3px solid #cecebd;
	padding-left: 15px;
}

blockquote p { font-size: 12px !important ;}

input { font: 11px arial; }


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
#core {
	width:			940px;					
	margin:			0 auto 0 auto;
}

#col-left {
	float:			left;
	width:			85px;
	margin:			0 10px 0 0;
}

#col-mid {	
	float: 			left;
	width:			655px;
	background:		url(../gfx/bg_masthead.png) top no-repeat;
	padding:		0;
	margin:			0 10px 0 0;
}

#col-mid-wide {	
	float: 			left;
	width:			845px;
	background:		url(../gfx/bg_masthead.png) top left no-repeat;
	padding:		0;
	margin:			0;
}

#col-right {
	float:			left;
	width:			180px;
}

.list { 
	padding: 		99px 0 0 0;
}

#backandforth {
	padding:		0px;
}

.col-backandforth {
	font:			11px arial;
	float:			left;
	width:			180px;
	margin-left:	10px;
}

.prev { display: block; height: 30px; line-height: 30px; background: url(../gfx/prev.gif) 0 50% no-repeat; padding-left: 40px; }
.next { display: block; height: 30px; line-height: 30px; background: url(../gfx/next.gif) 0 50% no-repeat; padding-left: 40px; }

#footer {
	font:			11px arial;
	width:			940px;
	margin:			15px auto 50px auto;
}

#footer-content {
	position:		relative;
	width:			750px;
	padding-left:	95px;
}

#footer p { line-height: 18px; }

.faq {
	border-bottom:	1px dotted black;
	padding:		5px 0px 5px 0px;
}


/*----------------------------------------------------------------------- 
   Nav
 ------------------------------------------------------------------------ */
 
ul#nav {
	margin:			10px 0px 0px 0px;
	padding:		0px;
	list-style:		none;
	border-top:		1px solid black;
}

ul#nav li {
	font: 			11px arial;
	padding: 		10px;
	border-bottom:	1px dotted black;
	margin: 0;
}


/*----------------------------------------------------------------------- 
   Currently, Search
 ------------------------------------------------------------------------ */
 
#masthead {
	position:		relative;
	height:			99px;
	margin-bottom:	20px;
	border-bottom: 	1px dotted black;
} 
 
#currently {
	position: 		absolute;
	top:			35px;
	left:			100px;
	width:			260px;
	line-height:	16px;
}

#search {
	position:		absolute;
	top:			32px;
	left:			486px;
	width:			160px;
}

#links-header { 
	position: 		absolute;
	top:			35px;
	left:			675px;
	width: 			160px;
	line-height:	16px;
}

#search input { width: 150px; }


/*----------------------------------------------------------------------- 
   Entry
 ------------------------------------------------------------------------ */

.entry {
	width:			655px;
	margin:			0px 0px 25px 0px;
}

.entry-individual {
	width:			655px;
	margin:			0px 0px 5px 0px;
}

.entry-one {
	float:			left;
	width:			85px;	
}

.date p {
	font:			11px arial;
	line-height:	15px !important;	
}

.entry-one p { 
	font:			11px arial;
	line-height:	20px;
	padding:		15px 10px 0px 10px;
}

.entry-five {
	float:			left;
	width:			435px;
	padding:		15px 15px 0px 15px;
	margin:			0px 10px 0px 10px
}

.entry-seven {
	float:			left;
	width:			530px;
	padding:		10px 15px 10px 15px;
	margin:			0px 0px 0px 10px;
	line-height: 	18px;
}

.entry-five p {
	font-size:		13px;
	line-height:	20px;
}

.entry-five sup { line-height: 0; }

.entry-five li {
	font-size:		13px;
	line-height:	20px;
	margin-bottom:	10px;
}


.continue {
	background: 	url(../gfx/icon_continue.gif) 0 50% no-repeat;
	padding-left:	15px;
}

.continue-link {
	width:			450px;
	border-top:		1px dotted #ccc;
	padding-top:	15px;
	padding-left:	15px;
	margin-left:	-15px;
}

img.img-entry {
	width:			455px;
	margin-left:	-15px;
	border:			5px solid #ccc;
}

img.img-wide {
	width:			645px;
	margin-left:	-105px;
	border:			5px solid #ccc;
}

.video {
	width:			455px;
	margin-left:	-15px;
	border:			5px solid #000;
}

.caption {
	width:			435px;
	margin: 		-5px 0 15px -15px !important;
	padding:		0px 15px 10px 15px;
	border-bottom:	1px solid #ccc;
	font:			italic 11px Georgia !important;
	line-height:	16px !important;
}

.caption-wide {
	width:			625px;
	margin: 		-5px 0 15px -105px !important;
	padding:		0px 15px 10px 15px;
	border-bottom:	1px solid #cecebd;
	font:			italic 11px Georgia !important;
	line-height:	16px !important;
}

#entry-categories {
	font: 			11px arial;
	margin-bottom:	45px;
	border-top:		1px dotted black;
}

.entry-categories-one {
	float: 			left;
	width:			65px;
	padding:		10px 10px 0px 10px;
}

#entry-categories p { margin-bottom: 10px; }

.entry-categories-seven {
	float: 			left;
	width:			530px;
	padding:		10px 15px 0px 15px;
	margin:			0px 0px 0px 10px;
}

.recent {
	padding:		170px 0px 0px 0px;
}

.recent-archive {
	padding:		203px 0px 0px 0px;
}

.recent ul, .recent-archive ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
.recent li, .recent-archive li { color: #949381; padding: 10px; line-height: 16px; }

.recent p {
	padding:		0px 10px 0px 10px;
	line-height:	18px;
}

.recent-title {
	font:			11px arial;
	border-top:		1px solid black;
	padding:		10px 10px 25px 10px;
}


/*----------------------------------------------------------------------- 
   Comments
 ------------------------------------------------------------------------ */

.comments {
	margin-bottom:	25px;
}

.comment {
	border-bottom:	1px dotted black;
	padding:		5px 0px 5px 0px;
}

.comment-seven p {
	margin-bottom: 	10px;
}

.comment-one {
	float:			left;
	width:			65px;
	font:			11px arial;
	line-height:	18px;
	padding:		10px 10px 0px 10px;
	color:			#949381;
}

.comment-one p {
	margin-bottom: 	10px;
}

.timestamp {
	color:			#cecebd;
	font-size:		11px;
}

.comment-seven {			
	float:			left;
	width:			530px;
	font:			12px georgia;
	line-height:	18px;
	padding:		10px 15px 0px 15px;
	margin:			0px 0px 0px 10px; 
}

.comment-seven ul {
	list-style-type: circle;
}

.comment-form {
	padding: 		20px 0px 10px 0px;
}

.comment-name {
	float: 			left;
	width: 			65px;
	font: 			11px arial;
	padding: 		0 10px 0 10px;
}

.comment-input, .comment-button {
	float:			left;
	width:			340px;
	padding:		0 15px 0 15px;
	margin:			0px 10px 0px 10px;
}

.comment-extra {
	float: 			left;
	width:			180px;
	font: 			11px arial;
	line-height:	16px;
}

.comment-input input {
	width: 			340px;
	padding:		1px;
	font: 			12px georgia;
}

.comment-input textarea {
	width:			340px;
	height:			100px;
	padding:		1px;
	font: 			11px arial;
}

p#txpCommentInputForm {
	padding:		15px 10px 15px 110px;
}


/*----------------------------------------------------------------------- 
   Archives
 ------------------------------------------------------------------------ */
 
#archive-col-left {
	float:			left;
	width:			418px;
	margin-right:	10px;
	margin-bottom: 	30px;
} 

#archive-col-right {
	float:			left;
	width:			417px;
	margin-bottom: 	30px;
} 
 
.archive-title {
	padding:		0px 10px 4px 10px;
	margin-bottom:	2px;
	border-bottom:	3px solid black;
}

.month-title {
	padding:		10px 10px 5px 10px;
	border-bottom:	1px solid black; 
}

h2.month-title a {
	font-weight:	normal;
}

ul.month {
	list-style:		none;
	margin:			0;
	padding:		0;
}

ul.month li { 
	color:			#949381;
	padding:		10px 10px 5px 10px;
	margin:         0;
	border-bottom:	1px solid black;
}

ul.month li a {
	color: 			#222;
	font-family: 	Clarendon LT Std, Clarendon, Lucida Fax, Georgia, Helvetica, serif;
	font-weight: 	normal;
	font-size: 		18px;
	line-height: 	18px;
}

ul.month li a:hover {
	color:			#c30;
}

ul.linklist {
	list-style:		none;
	margin:			0;
	padding:		0;
}

ul.linklist li {
	font:			12px georgia;
	padding:		10px;
	margin:         0;
	border-bottom:	1px dotted black;
}


/*----------------------------------------------------------------------- 
   Categories
 ------------------------------------------------------------------------ */
 
#categories {
	color:			#cecebd;
	text-shadow: 	0 0 0 #000;
	background-color: #000;
	font:			11px arial;
	padding:		15px 0px 0px 0px;
	margin:			0;
}

#categories-container {
	width:			940px;
	padding:		0;
	margin:			0 auto 0 auto;
}

.col-cat-one {
	float:			left;
	width:			95px;
}

.col-cat-two {
	float:			left;
	width:			85px;
}

.col-cat-two p {
	padding: 		10px;
}

.col-cat {
	float:			left;
	width:			180px;
}

#categories a { color: #FFF; font-weight: bold; }

ul.col-cat {
	margin:			0px 0px 0px 10px;
	padding:		0px;
	list-style:		none;
}

ul.col-cat li a {
	display: block;
	padding: 		10px;
	margin:			0;
	border-bottom:	1px solid black;
	text-shadow: 	0 0 0 #000;
}

ul.col-cat li a:hover {
	display: block;
	background-color: #cc3300;
	padding: 		10px;
	margin:			0;
	border-bottom:	1px solid black;
	text-shadow: 	0 0 0 #000;
}


/*----------------------------------------------------------------------- 
   List
 ------------------------------------------------------------------------ */

#list ul { list-style: none; margin: 0 0 25px 0; padding: 0; }
#list li { font: 13px Georgia; line-height: 20px; padding: 15px 10px 0px 10px !important; border-bottom: 1px solid #ccc; }

.list-title {
	font:			11px arial;
	border-top:		1px solid black;
	padding:		10px 10px 0px 10px;
}

.list-archive { padding: 148px 0px 0px 0px; }
.list-archive p { padding: 10px; }

.list ul { list-style: none; margin: 0; padding: 5px 0 0 0; border-top: 1px dotted black; }
.list li { padding: 10px; border-bottom: 1px solid #ccc; }
.list p { margin: 0; padding: 0; }
.list p.pad-10 { padding: 10px !important; }


/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */

.pad-10 { padding: 10px; }
.up { text-transform: uppercase; }
.footnote { color: #666; font: 11px georgia !important; padding-top: 10px; line-height: 18px !important; }
.caps { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.delicious-extended { font-size: 12px !important; }


