/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with threaded comments, a MooTools powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the <a href="http://wordpress.org/extend/themes/sandbox#post-35">Sandbox theme</a>.  
VERSION: 0.8.6
AUTHOR: Morten Rand-Hendriksen of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar, threaded-comments
*/


/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

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; margin:0; padding: 0

	
}

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: "" "";
}

/* ************* */
/* END CSS RESET */
/* ************* */

/* Navigation*/

  #hnav {

      width:100%;
     font-size:125%;
      line-height:normal;
	 margin-top:11.63em;
border-bottom: 2px solid #FFF;
      }
	  
#hnav a {
     
     text-decoration:none;
font-weight:normal;
font-size:100%;
font-family: "cardigan-1","cardigan-2",sans-serif;

     
      }  

 
 #hnav .tabbar {margin-left:25px;}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
.tabbar li, .tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 5px;
}

/* style the tabs */
.tab, .tabselected {
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	/* make them horizontal in all other browsers*/
	display: inline-block;
	/* space them a little */
	padding: 5px;
	/* set a grey background for non-selected tabs (which we will overide for selected tabs later) */
	background-color: #333333;
	/* set a border, make it rounded at the top */
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-top-left: 10px;
	-khtml-border-radius-top-right: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a white background */
	background-color: white;
	
	/* make the border along the bottom blend into the white background */
	border-bottom-color: 10px solid #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4);
-moz-box-shadow: 3px -1px 3px #666;

-webkit-box-shadow: 3px -1px 3px #666;

box-shadow: 3px 0px 3px #666;

}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: rgb(51,51,51);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
.tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
.tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
.tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
.tabbar .fademenu:hover .dmenu {
	left: auto;
}

#hnav li:hover, #hnav li:hover a {
	color:#666666;
      }

.tabselected #Home_tab {
	color:#FFFFFF;
}
.tabselected #Home_tab:hover {
	color:#666666;
		}

.tab #Home_tab {
	
	color:#FFFFFF;
}
.tab #Home_tab:hover {
	color:#666666;
	}
	
.tabselected #index_tab {
		color:#FF0000; 
}
.tabselected #index_tab:hover {
	color:#666666;
		}

.tab #index_tab {
	
	color:#FFFFFF;
}
.tab #index_tab:hover {
	color:#666666;
	}
  

.tabselected #about_tab {
	color:#000000;
}
.tabselected #about_tab:hover {
	color:#666666;
		}

.tab #about_tab {
	
	color:#FFFFFF;
}
.tab #about_tab:hover {
	color:#666666;
	}
    
.tabselected #Portfolio_tab {
	color:#FFFFFF;
}
.tabselected #Portfolio_tab:hover {
	color:#666666;
		}

.tab #Portfolio_tab {
	
	color:#FFFFFF;
}
.tab #Portfolio_tab:hover {
	color:#666666;
	}

 .tabselected #Contact_tab {
	color:#FFFFFF;
}
.tabselected #Contact_tab:hover {
	color:#666666;
		}

.tab #Contact_tab {
	
	color:#FFFFFF;
}
.tab #Contact_tab:hover {
	color:#666666;
	}	  



.tab #_tab {
	
	color:#FFFFFF;
}
.tab #_tab:hover {
	color:#666666;
	}	  	  
  

/* ****** */
/* HEADER */
/* ------ */
#header {
	height:270px;
	background-image: url(http://www.ericamulherin.com/blog/wp-content/themes/erica/images/header_bg.jpg);
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	width:100%;
	
	}
	
.logo {
width:900px;
margin-left:350px;
position:absolute;
margin-top:-1px;
height:270px;

}


.logo p {
font-family: "cardigan-1","cardigan-2",sans-serif;
font-size:4em;
color:#FFFFFF;
}


#header h1 {
   font-size: 0;
   text-indent: -1000px; }

#header h2 {
   font-size: 0;
   text-indent: -1000px; }

#content #header {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
height:140px;
margin-bottom: 10px;
}

#content #header h1 {
	margin-left: 17px;
	padding-top: 25px;
}

#content #header h1 a {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-weight: bold;
	font-size: 5em;
	letter-spacing: -5px;
	color: #FFFFFF;
}

#content #header h1 a:hover {
	text-decoration: none;
	color: #CCC;
}
#content #header h2 {
	border-style: none;
	margin-left: 70px;
	margin-top: 15px;
	font-family: "cardigan-1","cardigan-2",sans-serif;

	font-size: 2em;
	color: #FFF;
	font-weight: lighter;
	margin-bottom: 10px;
}
/*---HEADER MENU---*/




/*---END HEADER MENU---*/

/* *************** */
/* LAYOUT ELEMENTS */
/* --------------- */


body {	margin:0;
}

#outerWrap {
	width: 1040px;
	margin: 0 auto;
	
}


#wrapper {
	width: 100%;
	padding-top: 10px;
	margin: 0 auto;
}
#container {
	float: left;
	width: 100%;
}
#content {
	width: 1020px;
	position: relative;
padding-top:5px;
	padding-right: 14px;
	margin: 0 auto;
}


#footer {
	clear: left;
	width: 100%
	height:600px;
	float: left;
	width: 100%;
	background-color: #000000;
	color: #FFFFFF;
}

#footer-container {
	width: 1020px
background-color:#000;
	height:600px;
	margin: 0 auto;
	width: 1020px;
}

#footer p {
font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	color: #333333;
	margin-bottom: 10px;
	
	line-height: 1.2em;
	padding:10px; }

#footer h3 {color:#FFF;}
#footer a {color:#fff;}
#footer a:hover {color: #999999;}

h3 {font-family: "cardigan-1","cardigan-2",sans-serif; font-size:1em;}



/* ------------------- */
/* END LAYOUT ELEMENTS */
/* ******************* */


/* *************** */
/* GLOBAL ELEMENTS */
/* --------------- */

.clear {
	clear:both;
}

.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

img.alignleft {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	padding: 5px;
	border: 1px solid #C0C0C0;
}

/*img.alignright {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-left: 10px;
	margin-bottom: 5px;
}*/

.wp-caption {
	border: 1px solid #EEEEEE;
	text-align: center;
	background-color: #ffffff;
/* optional rounded corners for browsers that support it */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

#content p.wp-caption-text {
	font-size: 0.8em;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	color: #999999;
}

a {
	text-decoration: none;
	color: #000000;
font-size:115%;
font-weight:bold;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a:visited {
	color: #333;
}

strong {
	font-weight:bold;
}

em {
	font-style: italic;
}

dt {
	font-family: "metallophile-sp8-1","metallophile-sp8-2",sans-serif;
	color: #333333;
	font-size: 1em;
}

dd {
	font-family: "metallophile-sp8-1","metallophile-sp8-2",sans-serif;
	color: #333333;
	font-size: 1em;
}

legend {
	font-family: "metallophile-sp8-1","metallophile-sp8-2",sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}

form {
	font-family: "metallophile-sp8-1","metallophile-sp8-2",sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}


/* ------------------- */
/* END Global Elements */
/* ******************* */


/
/* ---------- */
/* END HEADER */
/* ********** */


/* ************ */
/* MAIN CONTENT */
/* ------------ */

#content h2 {
	font-family: "cardigan-1","cardigan-2",sans-serif;

	font-size: 4em;
	font-weight: bold;
	
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;
}


#content h4 {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#content h5 {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 2px;
	padding-top: 5px;
}
#content h6 {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}

#content p {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	color: #333333;
	margin-bottom: 10px;
	
	line-height: 1.2em;
	padding:10px;
}

#content blockquote, #content pre {
	padding: 10px 12px 3px 12px;
	margin-bottom: 15px;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	background-color: #EEEEEE;
}

#content blockquote p {
	
	font-style: italic;
}

#content blockquote a {
	
}

#content blockquote a:hover {
	
}

#content blockquote a:visited {

}

/* POST BODY LIST ITEMS - affects only actual post lists */

.entry-content  {
	width: 100%;
}


.entry-content h1 {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;

}


.singlepost .entry-content ul, .post .entry-content ul {
	padding-left: 20px;
	margin-bottom: 15px;
}

.singlepost .entry-content ul li, .post .entry-content ul li {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: square;
}

.singlepost .entry-content p {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	color: #333333;
	margin-bottom: 10px;
	
	line-height: 1.2em;
	padding:10px;
	
}


.singlepost .entry-content ul ul, .post .entry-content ul ul {
	margin-top: 10px;
	margin-bottom: 0px;
}

.singlepost .entry-content ul ul li, .post .entry-content ul ul li {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: square;
}

.entry-content ol {
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 30px;
}

.entry-content ol li {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	color: #333333;
	padding-bottom: 5px;
}

h2.entry-title {
	color: #000000;
	text-decoration: none;
	font-family: "cardigan-1","cardigan-2",sans-serif;
font-size:4em;
	font-weight:bold;
}

.singlepost h2.entry-title {
	color: #000000;
	text-decoration: none;
	font-family: "cardigan-1","cardigan-2",sans-serif;
font-size:4em;
	font-weight:bold;
}
.singlepost .author {
	margin-top:15px;
}

/* END POST BODY */

/* ---------------- */
/* END MAIN CONTENT */
/* **************** */


/* **** */
/* POST */
/* ---- */

.post {
	margin-left: 77px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-style: dashed;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

.singlepost {
	width:1020px;
	margin:0 auto;
}
.post-date {
	display: inline;
	position: absolute;
	left: 0px;
	width: 63px;
	padding-top: 5px;
	padding-left: 8px;
        
}
.post-month {
	font-size: 1.5em;
	text-transform:uppercase;
	color: #000;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: "cardigan-1","cardigan-2",sans-serif;

}
.post-day {
	font-size: 1em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EEEEEE;
	padding-bottom: 5px;
    margin-top:15px;
}

.post-year {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-weight: normal;
}

.comments-link {
	font-size: 2em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	padding-top: 3px;
}

.comments-link a {
	color: #000000;
}

.comments-link a:hover {
	color: #666;
	text-decoration: none;
}
.comments-heading {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 0.9em;
	color: #CCCCCC;
	letter-spacing: -1px;
	text-align: center;
	display: block;
}

.comments-start-bracket {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 1em;
	color: #CCCCCC;
}
.comments-end-bracket {
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 2em;
	color: #CCCCCC;
	position: absolute;
	right: 0px;
}

.cat-links {
	text-transform: uppercase;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 0.9em;
	color: #808080;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 8px;
        margin-bottom:8px;
	
	}

.cat-links:before {content: "\25B8"; display: inline-block; padding: 0 6px 0 10px;}

.cat-links a {
	text-decoration: none;
	color: #808080;
}

.cat-links a:hover {
	color: #000000;
}

.author {
	margin-top: -8px;
	margin-bottom: 10px;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #666666;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-top: 2px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}








.post h2 a {
	color: #000000;
	text-decoration: none;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-weight:bold;
}
.post h2 a:hover {
	color: #666;
}

.tagbox {
	border-bottom: 8px;
	padding-bottom: 8px;
}

.tag-links {
}

.indexAd {
	margin-top: 10px;
}

/* -------- */
/* END POST */
/* ******** */


/* ********* */
/* POST INFO */
/* --------- */

.postInfo {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	font-size: 0.7em;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	color: #999999;
}

.postInfo a {
	color: #808080;
}
.postInfo a:hover {
	text-decoration: none;
	color: #000000;
}

.postInfo ul {
	margin: 8px auto 8px 10px;
	padding: 0px;
}

.postInfo ul li {
	list-style-type: none;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	margin-bottom: 2px;
}
.trackback {
	background: 0
50%;
}
.feed {
	background: 0
50%;
}

/***************** Tags below the link of the comments feed ********************/
.tags {
	background: 0
50%;
}

.navigation {
	clear: both;
	padding: 10px 0px;
}

.navigation a, .navigation a:visited {
	color: #C0C0C0;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
}

.previous-entries a {

}

.next-entries a {

}

/* comments area */


/* THREADED COMMENTS */

ul.commentlist {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-indent: 0;
	font-family: "cardigan-1","cardigan-2",sans-serif;
}

#content ul.commentlist p {
	font-size: 1em;
	margin-left: 52px;
}

ul.commentlist li { }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ul.commentlist li.comment div.comment-author {}
ul.commentlist li.comment div.vcard {
	font: normal 14px Arial, Helvetica, sans-serif;
}
ul.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ul.commentlist li.comment div.vcard cite.fn a.url {}
ul.commentlist li.comment div.vcard img.avatar {
	border: 5px solid #ccc;
	float: left;
	margin-right: 10px;
}
ul.commentlist li.comment div.vcard img.avatar-32 {}
ul.commentlist li.comment div.vcard img.photo {}
ul.commentlist li.comment div.vcard span.says {}
ul.commentlist li.comment div.commentmetadata {}
ul.commentlist li.comment div.comment-meta {
	font-size: 1em;
	margin-bottom: 4px;
	margin-left: 52px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-top: 2px;
}
#content ul.commentlist li.comment div.comment-meta a {
	color: #999999;
}
ul.commentlist li.comment p { font-size:1em; margin:0 0 1em; }
ul.commentlist li.comment ul { font-size:1em; list-style:square; margin:0 0 1em 2em; }
ul.commentlist li.comment div.reply { font-size:1em; }
ul.commentlist li.comment div.reply a { font-weight:bold; }
ul.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li.comment ul.children li {}
ul.commentlist li.comment ul.children li.alt {}
ul.commentlist li.comment ul.children li.bypostauthor {}
ul.commentlist li.comment ul.children li.byuser {}
ul.commentlist li.comment ul.children li.comment {}
ul.commentlist li.comment ul.children li.comment-author-admin {}
ul.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-5 {}
ul.commentlist li.comment ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { border-left:5px solid #111; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}


/* END THREADED COMMENTS */

#comments h3 {font-family: "cardigan-1","cardigan-2",sans-serif; font-size:1em;}

#comments, #respond {
	border-bottom: 1px dotted #8D8D8D;
	padding: 10px 0 5px 0;
	clear: both;
}

#respond h3 {font-family: "cardigan-1","cardigan-2",sans-serif;}

/* commentlist 
.commentlist {
    list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}

.commentlist li{
    margin-bottom: 6px;
	padding: 10px;
}

.commentlist .alt {
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
} */

.commentname {
	color: #703419;
	text-transform: capitalize;
	margin-left: 50px;
}

.gravatar {
	display: inline;
}

.gravatar img {
	border: 1px solid #AAAAAA;
	padding: 5px;
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
}

.commentcount {
	font: bold 2.2em Arial, Helvetica, sans-serif;
	color: #DEDEDE;
	float: right;
}

.commentext {  
	padding: 0px 0px 0px 50px;
}

/* comment form */
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 2px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 580px;
	background: #F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	background: #F9F9F9;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
	}

/* Quicktags */
#quicktags {
	margin-top: 4px;
	margin-bottom: 0px;
}

#quicktags input {
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	font-size: .9em;
	color: #666;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	width: auto;
	margin: 1px 2px 0px 0px;
	padding: 0px 1px 0px 1px;
}

#quicktags input:hover {
	border: 1px solid #4E79A2;
}

/* ------------ */
/* END COMMENTS */
/* ************ */


/* ******* */
/* SIDEBAR */
/* ------- */
#random {margin-left:13px; float:left;}

#sidebar {
	width: 1020px;
	margin: 0 auto;
	height: 600px;
padding-top:20px;
}

#sidebar h1 {
	display: block;
	text-align: left;
	text-transform: lowercase;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
	letter-spacing: -3px;
}

/* ******************* */
/* MOOTOOLS TABBED BOX */
/* ------------------- */

.tabbed_box {
	padding: 8px;
	border: 1px solid #EEEEEE;
	width: 371px;
	margin-right: 12px;
	margin-left: 13px;
}

#tabMenu {
	display: block;
	height: 30px;
}

#tabMenu ul {
	margin: 0px;
	padding: 0px;
	height: 30px;
}

#tabMenu ul li {
	margin: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	height: 30px;
}

#tabMenu ul li a {
	border-right: 1px solid #363834;
	color: #808080;
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	font-weight: bold;
	height: 29px;
	margin-right: 2px;
	margin-top: 2px;
	background-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
#tabMenu ul li a.active {
	margin-top: 1px;
	background-color: #EEEEEE;
	color: #666666;
}

#tabMenu ul li a.active:hover {
}

#tabMenu ul li a:hover {
	height: 29px;
	margin-top: 1px;
	color: #333333;
}

#tabContent {
	margin: 0px;
	padding: 10px;
	position: relative;
	float: left;
	width: 350px;
	background-color: #EEEEEE;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#tabContent .content {
	display:none;
}

#tabContent .active {
	display:block; 
} 

#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 {
	display: none;
}

#sidebar #tabContent h1 {
	font-size: 2.5em;
	color: #666666;
}

#sidebar #tabContent h1 a {
	color: #666666;
}

#sidebar #tabContent h1 a:hover {
	color: #000000;
	text-decoration: none;
}

#tabContent h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

#tabContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: justify;
	line-height: 1.2em;
	color: #5F5F5F;
	margin-top: 10px;
}

#tabContent a {
	color: #000000;
}

#tabContent a:hover {
	text-decoration: none;
}

#tabContent ul {
	margin: 0px;
	padding: 10px 5px 0px 5px;
}

#tabContent ul li {
	list-style: none;
	border-bottom: 1px solid #d6dde0;
	padding-bottom: 8px;
	font-size: 0.9em;
	border-bottom-color: #676767;
	border-bottom-style: solid;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
}

#tabContent ul li a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#tabContent ul li a:hover {
	text-decoration: none;
	color: #000000;
}

  
#tabContent ul li a small {  
	color:#8b959c;  
	font-size:9px;  
	text-transform:uppercase;  
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	position:relative;  
	left:4px;  
	top:0px;  
}  

#tabContent ul li:last-child {
	border-bottom:none;
	padding-bottom: 0px;
}

#searchBox input#s {
	border: 1px solid #666666;
	width: 290px;
	height: 25px;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	color: #666666;
	font-size: 0.9em;
	vertical-align: middle;
}

/* ******************* */
/* MOOTOOLS TABBED BOX */
/* ------------------- */



/* Two Column Sidebar */

#barLeft {
	width: 190px;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}

#barRight {
	width: 250px;
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}
#barCenterL {
	width: 190px;
	float: left;
	margin-left: 50px;
	margin-top: 15px;
}

#barCenterR {
	width: 200px;
	float: left;
	margin-left: 50px;
	margin-top: 15px;
}
#sidebar h3 {
	font-size: 1em;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	color: #FFFFFF;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #FFFFFF;
	width: 95%;
	padding-bottom: 4px;
	margin-bottom: 0px;
	padding-top: 8px;
}

.sidebar input#s {
	width:7em;
}

#sidebar ul {
	font-family: "cardigan-1","cardigan-2",sans-serif;
}

#sidebar li {
	list-style: none;
	margin: 0 0 10px 0;
}

#sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}

#sidebar ul ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-type: none;
}
#sidebar ul ul li {
	padding: 7px 5px 7px 6px;
	list-style: none;
	margin-bottom: 0px;
	font-size: 0.9em;
	width: 175px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-family: "cardigan-1","cardigan-2",sans-serif;
}
#sidebar ul ul li:hover {
	background-color: #EEEEEE;
	color: #666666;
}

#sidebar ul ul li p {
	font-size: 0.8em;
	color: #CCCCCC;
	padding-top: 5px;
}

#sidebar ul ul li a {
	color: #C0C0C0;
}
#sidebar ul ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

#sidebar ul ul li:last-child {
	border-style: none;
}

#sidebar ul ul ul {
	margin:0 0 0 0.5em;
}

#sidebar ul ul ul li {
}

#searchform input#s {
	border: 1px solid #666666;
	width: 183px;
	height: 25px;
	font-family: "cardigan-1","cardigan-2",sans-serif;
	color: #666666;
	font-size: 0.9em;
	vertical-align: middle;
}

.recentcomments a {
	display:inline !important;
	padding: 0 !important;
	margin: 0 !important;
}

.recentcomments {
	color:silver;
}

/* ----------- */
/* END SIDEBAR */
/* *********** */


/* ****** */
/* FOOTER */
/* ------ */
/* About*/
#aboutME {
	height:900px; background-color:#f2f2f2; width:800px; color:#000;}


/* ---------- */
/* END FOOTER */
/* ********** */

/* Portfolio*/

#Portfolio {
	height:1000px; background-color:#000; 
width:800px;}


.gallerycontainer{
	margin-left:10px;
	margin-top: 15px;
	float:left;
	width:900px;
	height:1200px;
}

.gallerycontainer h1{
font-family: "cardigan-1","cardigan-2",sans-serif;
	font-size: 2.8em;}

.thumbnail{
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	float: left;
	margin-right: 7px;
	margin-bottom: 15px;
	margin-left: 7px;
	width:115px;
	height: 115px;
	}
/*Photo Gallery - Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%;  /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px "Century Gothic", Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


. {clear:both;}



/*** Flickr  ***/ 
#flickr_badge_uber_wrapper {text-align:center; width:190px;  margin-top:10px;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {margin:0 2px 5px 2px; float:left;}
.flickr_badge_image img {border: 1px solid #ccc !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.row{clear:both;}

@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
/* *****Twitter***** */
.timesince {font-size:60%;}

/*StarBird*/
.callout_R {
	float:right;
	width: 24em;
margin-right:1em;
margin-top:1em;
}

.callout_L {
	float:left;
	width: 24em;
	margin: .8em 0 0 .8em;
}

.textbox{
	width:30em;
	height:23.5em;
	margin:15em 0 4em 27em;
	background-image:url(images/transparent.png);
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 20px;
	-khtml-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	position: absolute;
	z-index: 1;
	background-repeat: repeat;
  }

.textbox_2{
	width:30em;
	height:29.5em;
	margin:1em 0 4em 31em;
	position: absolute;
	z-index: 1;
	background-repeat: repeat;
  }
  
  .textbox_g{
	width:39em;
	height:22.5em;
	margin:22em 0 0 0;
	background-image:url(images/transparent.png);
	/*--top left rounded corner--*/
	-moz-border-radius-topright: 20px;
	-khtml-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	position: absolute;
	z-index: 1;
	background-repeat: repeat;
	float:left;
  }
  
   
 .lcol {
	width:14em;
	float:left;
	margin:.8em .2em 0 .5em;
	border-right: #ccc 1px dashed;
	padding-right: 0.5em;
	
}

.rcol {
	width:14em;
	float:right;
	margin:.8em 0 0 0;
}
@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

.textbox h2 {	font-family: "Century gothic", Arial, Helvetica, sans-serif; font-size:1.3em; color:#FFFFFF; display:block; background-color:#f2f2f2;	padding:.2em 0 .2em .2em;	font-weight: lighter;	margin: .8em 0 0 .8em;}

#content .callout_R h3{font-family: "Century gothic", Arial, Helvetica, sans-serif; font-size:3em; color:#00000;	font-weight: lighter;}
#content .callout_L h3{font-family: "Century gothic", Arial, Helvetica, sans-serif; font-size:3em; color:#000000;	font-weight: lighter;}

.singlepost .callout_R h3{font-family: "Century gothic", Arial, Helvetica, sans-serif; font-size:3em; color:#00000;	font-weight: lighter;}
.singlepost .callout_L h3{font-family: "Century gothic", Arial, Helvetica, sans-serif; font-size:3em; color:#00000;	font-weight: lighter;}

p.dropcap:first-child:first-line,   
p.dropcap > .ad:first-child + p:first-line  
 {  
     text-transform:uppercase;  
    position:relative;  
     font-size:0.95em;  
    letter-spacing:1px;  
  }  
 p.dropcap:first-child:first-letter,   
p.dropcap > .ad:first-child + p:first-letter  
   {  
     letter-spacing:0;  
     text-transform:uppercase;  
     color:#000; 
      font-family: "Trebuchet", Helvetica, Arial, sans-serif;
      font-size:4em;  
       float:left;  
       margin:0.13em 0.2em 0 0;  
     line-height:0.7;  
  }  

img.sb_extend {float:right; border:none; margin-top:40px;}