/*
Theme Name: Manifest
Theme URI: 
Description: A clean and streamlined theme that focuses on the content and not the distractions.
Version: 1.01
Author: Jim Barraud
Author URI: http://jimbarraud.com
Tags: simple, clean, single column

*/

/* Reset All Styles
-------------------------------------------------------------------- */
/* 
  style.css contains a reset, font normalization and some base styles.
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Author: Richard Clark
  http://html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000;	font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0;	border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/*
fonts.css from the YUI Library: http://developer.yahoo.com/yui/
refer to http://developer.yahoo.com/yui/fonts/ for font sizing
*/
body { font:13px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; *font-size:small; *font:x-small; }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

pre, code { font:115% monospace; *font-size:100%; }

body * { line-height:1.22em; }
 

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 

/* bicubic resizing for non-native sized IMG: 
   http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* styling the basics.  
   original author: paul irish
   TODO: consider: http://developer.yahoo.com/yui/base/ */

/* #444 looks better than black: http://twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }
 
strong, th, h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* disable because you'll override these anyhow 
  h5 { font-size:85%; margin:8px 0 1px; }
  h4 { font-size:92%; margin:10px 0 2px; } 
  h3 { font-size:107%; margin:13px 0 3px; } 
  h2 { font-size:122%; margin:15px 0 3px; }
  h1 { font-size:136%; margin:0 0 10px; } 
*/ 
 
p { margin:15px 0 10px; }
 
a, a:active { color:#607890; }
a:visited  { color:#607890; }
a:hover { color:#036; }
 
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }

td { vertical-align:top; }
td img { vertical-align:top; }

/* for image replacement */
.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }

/* Hide for both screenreaders and browsers */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   http://www.webaim.org/techniques/css/invisiblecontent/ */
.visuallyhidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
 
.invisible { visibility: hidden; }


/* >> CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End clearfix */





/* These selection declarations have to be separate.
   No text-shadow http://twitter.com/miketaylr/status/12228805301 */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/* http://j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* inline'd print styles avoid required HTTP connection http://www.phpied.com/delay-loading-your-print-css/ */
/* Original Author: Divya Manian */
@media print {
	* { background:transparent !important; color:#444 !important; text-shadow:none; }

	a, a:visited { color:#444 !important; text-decoration:underline; }

	a:after { content:" (" attr(href) ")"; } 

	abbr:after { content: " (" attr(title) ")"; }

	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }

	@page { margin: 0.5cm; }

	p, h2, h3 { orphans:3; widows:3; }

	h2, h3{ page-break-after:avoid; }
}





@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}

@media screen and (max-device-width: 480px) {
  /* All Capable Mobile Browser (Opera Mobile, iPhone Safari, Android Chrome) CSS goes here */
  
  html { -webkit-text-size-adjust:none; } /* Prevent iPhone from adjusting font size */
}


/*
custom font
----------------------------------------------------------------*/
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive-webfont.eot');
	src: local('☺'), url('fonts/Chunkfive-webfont.woff') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('fonts/Chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PlasmaDrip(BRK)Regular';
	src: url('plasdrip-webfont.eot');
	src: local('☺'), url('fonts/plasdrip-webfont.woff') format('woff'), url('fonts/plasdrip-webfont.ttf') format('truetype'), url('fonts/plasdrip-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PlasmaDrip[Empty](BRK)Regular';
	src: url('fonts/plasdrpe-webfont.eot');
	src: local('☺'), url('fonts/plasdrpe-webfont.woff') format('woff'), url('fonts/plasdrpe-webfont.ttf') format('truetype'), url('fonts/plasdrpe-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}





.fontH, .vcard {font: 60px/68px 'ChunkFiveRegular', Arial, sans-serif;letter-spacing: 0;}
.font, #mainNav li a {font: 18px/27px  'ChunkFiveRegular', Arial, sans-serif;letter-spacing: 0;}
/*modal window*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* Global Styles
-------------------------------------------------------------------*/

body{

  font: 62.5% constantia, palatino, "times new roman";
  color: #333;
}
strong{
  font-weight: bold;
}

/* Links */

a:link,
a:visited{
  color: #9C8A6A;
  text-decoration: none;
}
a:hover,
a:active{
  color: #3E372B;
  text-decoration: underline;
}

/* Headers */

h1{
font-size:5.3em;
font-weight:normal;
letter-spacing:0.05em;
margin:10px 0 20px;
text-shadow:8px 4px 5px #E3E3E3;
text-transform:uppercase;
word-spacing:0.2em;
}
h1 a{
  padding-right: 60px;
  margin-left: 60px;
}
h1 a:link,
h1 a:visited{
  color: #000;
}
h1 a:hover,
h1 a:active{
  color: #000;
  text-decoration: underline;
}
h2{
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 2.4em;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
}
h3{
  margin-bottom: 5px;
  font-size: 2.3em;
  font-weight: normal;
}
h3 a:link,
h3 a:visited{
  color: #333;
}
h3 a:hover,
h3 a:active{
  text-decoration: underline;
}
h4{
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
}
h5{

  margin-bottom: 50px;
  font-family: "helvetica neue", helvetica, arial;
  font-size: 1.2em;
  color: #999;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
h5 abbr{
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0 8px;
  background: #fff;
  top: 8px;
}

.postDate,.postMeta  {
text-align:center;}

/* Form Elements */

input[type=text],
textarea{
  border: 1px solid #ddd;
  padding: 3px;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  color: #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
input:focus,
textarea:focus{
  border-color: #999;
  color: #333;
}
input[type=submit]{
  padding: 3px 10px;
  color: #fff;
  font-weight: bold;
  background-color: #8EA7AA;
  background-image: url(images/button.png);
  background-repeat: repeat-x;
  background-position: left top;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  border-radius: 10px;
  -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
  -moz-border-radius: 12px;
  -webkit-border-radius: 10px;
  cursor: pointer;
}
input[type=submit]:hover,
input[type=submit]:focus{
  background-color: #697D80;
  border-color: #666;
}

/* Structure */
#homepage {
border:2px dotted #E3E3E3;
margin:20px auto;
padding:30px;
position:relative;
text-align:center;
width:780px;
}
#siteWrapper{
  border:2px dotted #E3E3E3;
  margin: 0 auto;
  padding-top: 15px;
  width: 700px;
  position: relative;
  
}
#siteWrapper header, #siteWrapper hgroup {  text-align: center;}
#siteDescription{
  font-size: 1.2em;
  margin: 10px auto 60px;
  width: 400px;
  padding: 11px 0 13px;
  color: #999;
  font-style: italic;
display:none;
}

/* Main Navigation
-------------------------------------------------------------------*/

#mainNav{
  margin-top: 10px;
  padding: 5px;
  background: #FBFBFB;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
#mainNav ul{
  margin: 0 auto;
  width: 45em;
  text-align: center;
}
#mainNav li{
  display: inline;
  margin-right: 20px;
  font-size: 1.5em;
  text-transform: uppercase;
}
#mainNav li:last-child{
  margin-right: 0;
}
#mainNav a:link,
#mainNav a:visited{
  color: #999;
}
#mainNav a:hover,
#mainNav a:active{
  text-decoration: underline;
  color: #2E301C;
}
#mainNav .current_page_parent a:link,
#mainNav .current_page_parent a:visited,
#mainNav .current_page_item a:link,
#mainNav .current_page_item a:visited{
  font-weight: bold;
  color: #2A2D1A;
}
#mainNav .current_page_parent a:hover,
#mainNav .current_page_parent a:active,
#mainNav .current_page_item a:hover,
#mainNav .current_page_item a:active{
  color: #2E301C;
}

/* Main Content Body
-------------------------------------------------------------------*/
.entry-content img {max-width:600px;}
#coreContent{
  float: left;
  width: 640px;
  padding: 0 30px;
  margin-top: 8px;
}

/* Posts
-------------------------------------------------------------------*/

.postContent{
  position: relative;
}
.postContent h4{
  position: relative;
  top: 0;
  font-family: constantia, palatino, times new roman;
  font-size: 1.2em;
  color: #999;
  font-weight: normal;
  font-style: italic;
  border-bottom: none;
}
.postDate ~ .postContent{
  margin-top: -30px;
}
#coreContent p,
#coreContent li,
#coreContent dd{
  margin-bottom: 1.7em;
  font-size: 1.4em;
  line-height: 1.5em;
  color: #333;
  text-align: justify;
}
#coreContent p{
  text-align: justify;
}
#coreContent li{
  list-style: square;
  margin-left: 17px;
}
#coreContent dt{
  font-size: 1.3em;
  color: #333;
}
.entry-content{
  margin-top: 24px;
  text-align: left;
}
.entry-content a:link,
.entry-content a:visited{
  text-decoration: underline;
}
.hentry{
  position: relative;
  padding-bottom: 37px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 30px;
}
#coreContent .postMeta{
  margin: 40px auto;
  font-size: 1.3em;
  color: #999;
}
#coreContent .postMeta div{
  margin-bottom: 5px;
}
#coreContent .postMeta a:link,
#coreContent .postMeta a:visited{
  color: #666;
}
#coreContent .postMeta a:hover,
#coreContent .postMeta a:active{
  color: #666;
}
#coreContent .postMeta span{
  text-transform: uppercase;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  color: #333;
  border: none;
  padding: 0;
  font-family: constantia, palatino, times new roman;
  font-weight: bold;
  margin: 0 0 5px;
  font-style: normal;
  position: static;
}

.entry-content h1{
  font-size: 2em;
  letter-spacing: 0;
}
.entry-content h2{
  font-size: 1.8em;
}
.entry-content h3{
  font-size: 1.6em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6{
  font-size: 1.4em;
}
.entry-content strong{
  color: #000;
}
.entry-content pre, .entry-content pre code{
  overflow:hidden;
  color: #666;
  font-size: 1.5em;
  line-height: 18px;
  margin-bottom: 15px;
}
.entry-content ul,
.entry-content ol{
  margin: 0 0 20px 15px;
}
.entry-content ol li{
  list-style-type: decimal !important;
}
.entry-content li{
  margin-bottom: 5px !important;
}
.entry-content blockquote{
  font-size: 1.4em;
  font-style: italic;
  line-height: 1.5em;
  color: #7D7D7D;
  margin: 0 20px 20px;
  padding-left: 10px;
  border-left: 3px solid #ccc;
}
#coreContent .entry-content blockquote p{
  font-size: 1.1em;
  line-height: 1.3em;
  color: #7D7D7D;
}
.entry-content .alignleft{
  float: left;
  margin: 4px 10px 10px 0;
}
.entry-content .alignright{
  float: right;
  margin: 4px 0 10px 10px;
}
.entry-content .wp-caption.alignnone{
  margin-bottom: 15px;
}
#coreContent .entry-content p.wp-caption-text{
  font-size: 1.1em;
  font-style: italic;
  color: #666;
  margin-bottom: 0;
}
.hentry img{
  margin: 0 auto;
  border: 1px solid #ccc;
}


/* Single Post Page
-------------------------------------------------------------------*/

.single h3{
  margin-top: 30px;
  margin-bottom: 5px;
}
.single h5{
  position: static;
  font-family: "helvetica neue", helvetica, arial;
  font-size: 1.2em;
  color: #999;
  font-weight: normal;
  border-bottom: none;
  background: #fff;
}
.single.hentry{
  border-top: 1px solid #efefef;

  border-bottom: none;
  padding-bottom: 0;
}
#coreContent .single .postMeta{
  margin: 20px 0 0;
  padding-top: 0;
  padding-bottom: 17px;
  text-align: left;
}

/* Links Page
-------------------------------------------------------------------*/

#coreContent .entry-content #linkList{
  margin-left: 0;
}
#coreContent .entry-content #linkList li{
  list-style-type: none;
  margin-left: 0;
}
#coreContent .entry-content #linkList li li{
  font-size: .9em;
  list-style-type: square;
  margin-bottom: 20px !important;
  margin-left: 15px;
}
#coreContent .entry-content #linkList ul{
  margin: 10px 0 40px;
}

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

.commentEntry{
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}
#coreContent .commentEntry p{
  color: #666;
}
.avatar{
  float: left;
  margin-top: 4px;
}
.commentContent{
  float: left;
  width: 415px;
  margin-left: 22px;
}
.commentMeta{
  color: #333;
  font-size: 1.1em;
  text-align: left;
}
.commentMeta a:link,
.commentMeta a:visited{
  font-weight: bold;
}
.nocomments{
  font-size: 1.2em;
  padding: 25px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* Comment Form */

fieldset{
  background: #F6F6F6;
  padding: 0 0 10px;
}
legend{
  position: relative;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0 0 4px 0;
}
legend span{
  position: relative;
  top: -15px;
  display: block;
  width: 500px;
  background-color: #fff;
}
#comments h4,
legend span{
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: .5em 0 .7em;
  font-weight: bold;
  text-align: left;
}
.leaveComment{
  margin-top: 14px;
  padding-bottom: 19px;
}
.commentForm{
  font-size: 1.1em;
  text-align: left;
  text-transform: uppercase;
  margin: 0 10px;
}
.commentForm em{
  text-transform: lowercase;
  font-style: italic;
  color: #999;
  font-size: 1em;
}
.commentForm input[type=text]{
  display: block;
  margin-bottom: 15px;
  width: 470px;
  font-size: 1.4em;
}
.commentForm textarea{
  width: 470px;
  max-width: 470px; /* Restricts the resizing capability in webkit bases browsers */
  height: 150px;
  font-size: 1.4em;
}
.commentForm input[type=submit]{
  float: right;
  margin-top: 8px;
}

/* Paging Navigation
-------------------------------------------------------------------- */

.pageNav{
  margin-top: 40px;
}
.pageNav a:link,
.pageNav a:visited {
  display: inline-block;
  color: #fff;
  font-family: helvetica, arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #666;
  background-image: url(images/button.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding: 3px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #575757;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
}
.pageNav a:hover,
.pageNav a:active {
  text-decoration: none;
  background-color: #3F3F3F;
  border-color: #232323;
}
.pageNav .prev,
.pageNav .next{
  display: inline;
}
.pageNav .prev{
  margin-right: 2px;
}
.pageNav .next{
  margin-left: 2px;
}

/* Archives
-------------------------------------------------------------------- */

#archives{
  margin-top: -50px;
}
h2.archiveTitle{
  margin: -30px 0 70px;
  color: #666;
}
h2.archiveTitle strong{
  color: #000;
}
#archives h3,
#coreContent li h3{
  font-family: constantia, palatino, times new roman;
  font-size: 1.6em;
  text-align: left;
  color: #333;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 5px;
  border-bottom: 1px solid #ccc;
}
#coreContent li h3{
  font-size: 1.2em;
}
#archives label{
  font-family: constantia, palatino, times new roman;
  font-size: 1.4em;
  color: #333;
  font-weight: normal;
  text-transform: uppercase;
}
#archives #date{
  float: left;
  width: 150px;
}
#archives #categoryTags{
  float: left;
  width: 320px;
  margin-left: 30px;
}
#archives ul{
  margin: 5px 0 60px;
  text-align: left;
}
#archives ul li{
  display: inline-block;
  margin: 0 5px 5px 0;
  color: #999;
  font-size: 1.3em;
  line-height: 1.5em;
  white-space: nowrap;
}
#archives li a{
  margin-right: 5px;
}
#archives #date ul li{
  display: block;
  list-style-type: none;
  margin: 0 10px 0 0;
}
.tagArchives li{
  float: left;
  margin-right: 10px;
}
.categories li{
  margin-bottom: 5px;
  font-size: 2.3em;
}

/* Recent Posts (on the 404 page)
-------------------------------------------------------------------- */

#recentPosts{
  border-top: 2px solid #ccc;
}
#recentPosts li{
  list-style: none;
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #ccc;
}
#recentPosts a{
  float: left;
}
#recentPosts .postDate{
  float: right;
}

/* Search Results
-------------------------------------------------------------------- */

#coreContent.searchresults{
  margin-top: -35px;
}
.searchresults .postMeta{
  text-align: left;
}
.searchpanel{
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin: 0 0 40px;
  padding: 10px 0;
}
.searchpanel input[type=text]{
  width: 250px;
  font-size: 1.7em;
}
.searchpanel input[type=submit]{
  font-weight: normal;
  -webkit-border-radius: 12px;
  -moz-border-radius: 16px;
  background-position: left 5px;
  font-size: 1.4em;
  
}

/* Footer
-------------------------------------------------------------------- */

#footer{
  width: 500px;
  margin: 40px auto 0;
  padding: 20px 0 35px 0;
  border-top: 4px double #ccc;
  color: #666;
  text-align: center;
}
.footerContent{
  width: 500px;
  margin: 20px auto 0;
  clear: left;
}
#footer p{
  line-height: 1.4em;
}
#footer #search{
  margin: 15px 0 30px;
}
#footer h5{
  position: relative;
  top: 0;
  margin-bottom: 8px;
  font-family: constantia, palatino, times new roman;
  font-size: 1.3em;
  color: #666;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: none;
}
#footer .elsewhere{
  margin-bottom: 30px;
}
#footer .elsewhere li{
  display: inline;
  padding: 0 8px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px dotted #ccc;
  font-size: 1.2em;
}
#footer .elsewhere li.last{
  padding: 0;
  margin: 0;
  border-right: none;
}
#footer #search input[type=text]{
  font-size: 1.4em;
  border-color: #ccc;
}
#footer #search input[type=text]:focus{
  border-color: #999;
}

/* Google Ad
-------------------------------------------------------------------- */

.googleAd{
  margin-bottom: 40px;
  padding-top: 40px;
  border-top: 1px dotted #ccc;
}

/* Admin Edits
-------------------------------------------------------------------- */

.loggedin a:link,
.loggedin a:visited,
a.post-edit-link:link,
a.post-edit-link:visited,
a.comment-edit-link:link,
a.comment-edit-link:visited{
  color: #f00;
  font-weight: bold;
  text-decoration: underline;
}
#coreContent p.loggedin{
  display: inline-block;
  margin-bottom: 35px;
  padding: 10px;
  background: #efefef;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* Self Clearing Floats
-------------------------------------------------------------------- */

#siteWrapper:after,
.post:after,
.commentEntry:after,
.commentForm:after,
#footer .elsewhere:after,
#metaContent .metaExtend:after,
#mainNav:after,
#mainNav ul:after,
#archives ul:after,
#coreContent .postMeta:after,
#recentPosts li:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/*--why so lame--*/
#coreContent code {font-size:11px;}

#coreContent li.gallery-icon{
list-style-type:none;
display:block;
float:left;
margin-left:12px;}
div.gallery .gallery-item {width:100%!important; margin: 10px 0 0 0;}


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.simple_overlay .next, .simple_overlay .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.simple_overlay .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.simple_overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.simple_overlay .next, .simple_overlay .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}


/*fun styles*/
.colors {
border-color:#6A3D5A #66666E #6D8D76 #B0C65A;
border-style: solid; 
border-width: 50px; 
margin: 10px; 
width: 0px; 
height: 0px; 
line-height: 0px;
}

.round{ 
    background-color:#6A3D5A;
    border-radius: 100px; /* all corners have a radius of 5px */
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px; /* corner values go clockwise so, first value is the top left, second, the top right, third, bottom right and fourth, bottom left */
width:200px;
height:200px;
opacity:0.6;
}

.brdrtrans{border-color:transparent;
border-style:solid;
height:0;
line-height:0;
width:0;}

.star{position:relative; height:350px;}
.star .b{border-bottom-color:#B0C65A;}
.star .r{border-right-color:#B0C65A;}
.star .l{border-left-color:#B0C65A;}
.star .wl{border-left-color:#fff;}
.star .wr{border-right-color:#fff;}


#AboutMe, #myWork, #myBlog {cursor:pointer; display:block; height:190px; background: transparent url(images/virus.png) no-repeat 24px 0; float:left; padding:170px 10px 0; width:212px; text-align:center;}
#AboutMe a, #myWork a, #myBlog a {font-size:14px;}
#AboutMe.hovered{background-position:24px -450px;}
#myWork{background-position:-187px 0;}
.hovered .font {font:20px/27px 'PlasmaDrip(BRK)Regular'; margin:15px 0 15px; color:#ABBC8E;}


#myWork.hovered{background-position: -187px -450px;}
#myBlog{background-position:-414px 0;}
#myBlog.hovered{background-position: -414px -450px;}

.vcard  {
margin:10px auto 20px;
width:600px;}

h2.homepage {
color:#C1C1C1;
margin-top:-25px;
text-transform:lowercase;}

.hcontent { clear:both; padding: 20px 0;-moz-border-radius: 5px;
-webkit-border-radius: 5px; margin-bottom:20px; position:relative;}
.hcontent p{font-size:14px;}
.hcontent b{font-size:16px;}
.hcontent img{width:180px; margin:0 20px;float:left;border:4px solid #e3e3e3;}

.hcontent dd  {
float:left;
padding:20px 30px;
width:440px;
}

.hcontent dt {
clear:both;
float:left;
padding:20px 0;
width:200px;
}




.innerContent{width:460px;float:left;}
#siteWrapper .innerContent header, #siteWrapper .hcontent header {text-align:left;}
#siteWrapper .hcontent header {margin-left:20px;}
.innerContent ul li {float:left; font-size:12px; padding: 10px 20px;}
.hcontent h3 {text-shadow:8px 4px 5px #e3e3e3;}
.innerContent ul li a{color:#ABBC8E;}
.innerContent ul {margin:0px; display:block;}
.innerContent p {clear:both;}

a.closeSection, a.closeSection:visited, a.closeSection:link  {
color:#333;
font-size:12px; position:absolute; top:5px; right:10px;}