/* HTML
-------------------------------------------------------- */
body				{background:#844a26 url(../images/cork_large.gif) repeat top left;margin:0;padding:0;overflow:hidden;}
hr					{padding:0;margin:5px 0 5px 0;max-width:615px;width:625px;border-bottom:solid 0px #eae9e7;border-top:solid 1px #eae9e7;border-right:solid 0px #eae9e7;border-left:solid 0px #eae9e7;height:1px;}
img					{border:none;}

h1,h2,h3,h4,h5		{font-family: 'Architects Daughter', cursive;padding:0;margin:0 0 5px 0;}
h1					{font-size:4em;}
h2					{font-size:3em;}
h3					{font-size:2.5em;}
h4					{font-size:1.8em;line-height:1em;}
h5					{font-size:1.2em;line-height:1em;}

a					{color: #5b5b5b;}
a:link,
a:visited			{text-decoration: underline;}
a:active,
a:hover 			{text-decoration: none;} 

 
/* GLOBALS
-------------------------------------------------------- */
.left				{float:left;}
.right				{float:right;}
.clear				{clear:both;}
.hide				{display:none;}

.p5					{padding:5px;}
.p10				{padding:10px;}
.p20				{padding:20px;}

.horz-left			{text-align:left !important;}
.horz-middle		{text-align:center !important;}
.vert-top			{vertical-align:top !important;}
.vert-middle		{vertical-align:middle !important;}

#preload			{display:none;}


/* TOP MESSAGE
----------------------------------------------------------------------------------------------------*/
.top_message					{position:fixed;top:0px;left:50%;height:0px;z-index:99999999;overflow:hidden;margin-left:-100px;}
.top_message .inner				{color:#fff;font-size:1em;text-align:center;margin:18px 0px 0px 0px;padding:0px 20px;}

.message-red					{background:transparent url(../images/red80.png) repeat top left;}
.message-green					{background:transparent url(../images/green80.png) repeat top left;}
.message-yellow					{background:transparent url(../images/yellow80.png) repeat top left;}
.message-black					{background:transparent url(../images/black80.png) repeat top left;color:#fff;}
.message-red,
.message-green,
.message-yellow,
.message-black					{font-family:"Courier New", Courier, monospace;}


.shadow				{-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;}

.characturepin		{background-image:url(../images/logo_pin.png);width:147px;height:135px;margin:0px 0px 10px 0px;}

/* LEFT & RIGHT
-------------------------------------------------------- */
#left							{display:block;position:absolute;z-index:20000;top:20px;left:50%;margin:0px auto 20px -470px;width:160px;text-align:center;}
#right							{display:block;position:absolute;z-index:20000;top:20px;left:50%;margin:0px auto 20px 315px;width:160px;}

/* NAVIGATION
-------------------------------------------------------- */
#navigation						{display:table;width:154px;height:237px;background:transparent url(../images/social_back.png) no-repeat top center;}
#navigation .margins			{display:table-cell;padding:28px;vertical-align:middle;}
#navigation a					{padding:8px 0px;display:block;color:#333;text-align:center;font-size:0.9em;text-transform:uppercase;text-decoration:none !important;font-family:"Courier New", Courier, monospace;}
#navigation a:hover				{text-decoration:none;font-weight:bold;}
#navigation a.active			{font-weight:bold;}

/* FUN STUFF
-------------------------------------------------------- */
#funstuff						{display:table;width:121px;height:117px;background:transparent url(../images/pin_tack.png) no-repeat top center;float:right;margin:25px 15px 0px 0px;}
#funstuff .margins				{display:table-cell;padding:38px 10px 10px 10px;vertical-align:middle;}
#funstuff a						{padding:2px 0px;display:block;color:#333;text-align:center;font-size:0.7em;text-transform:uppercase;text-decoration:none !important;font-family:"Courier New", Courier, monospace;}
#funstuff a:hover				{text-decoration:none;font-weight:bold;}
#funstuff a.active				{font-weight:bold;}

/* SOCIAL
-------------------------------------------------------- */
#social							{display:block;text-align:center;width:154px;height:237px;background-image:url(../images/social_back.png);}
#social .margins				{display:block;padding:28px;}
#social .margins h5				{font-size:1.2em;margin-bottom:10px;font-family:"Courier New", Courier, monospace;}
#social .margins a				{float:left;}

/* KUDOS
-------------------------------------------------------- */
#kudos							{display:block;text-align:center;margin-top:10px;width:154px;height:237px;background-image:url(../images/social_back.png);}
#kudos .margins					{display:block;padding:28px 28px 8px 28px;}
#kudos .margins h5				{font-size:1.2em;margin-bottom:10px;font-family:"Courier New", Courier, monospace;}
#kudos .margins textarea		{width:100px;max-width:100px;height:110px;max-height:110px;background-color:#dfc19d;border:0;word-wrap: break-word;}
#kudos .margins button			{font-family:"Courier New", Courier, monospace;width:100px;color:#999999;font-size:0.9em;background-color:#FFF;border:0;margin:5px 0px;-moz-box-shadow: 0px 0px 4px #6c3d29;-webkit-box-shadow: 0px 0px 4px #6c3d29;box-shadow: 0px 0px 4px #6c3d29;cursor:pointer;}
#kudos .margins button:hover	{color:#000;}
#kudos .margins button:active	{background-color:#ccc;outline:none;}
#kudos .margins .message		{font-family:"Courier New", Courier, monospace;font-size:0.9em;vertical-align:middle;text-align:center;height:120px;width:100px;display:none;}
/* PAGE & PAPER
-------------------------------------------------------- */
#pages							{display:block;height:100%;overflow:auto;position:relative;top:0px;}
#pages center					{display:none;}
.page							{width:100%;height:100%;position:relative;padding:20px 0px;z-index:11px;}
.paper							{display:table;text-align:center;width:600px !important;max-width:600px !important;height:700px;position:relative;top:0px;margin:0px;background-color:#fff;-moz-box-shadow: 0px 0px 10px #6c3d29;-webkit-box-shadow: 0px 0px 10px #6c3d29;box-shadow: 0px 0px 10px #6c3d29;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#6c3d29')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#6c3d29');font-family:Verdana, Geneva, sans-serif;overflow:hidden;font-family:"Courier New", Courier, monospace;}
.paper .margins					{display:table-cell;text-align:left;position:relative;height:100%;padding:20px 0px;background:#fff url(../images/paper_back.gif) repeat top left;}
.paper .margins p				{margin-top:0px;font-size:0.8em;}
.paper .margins ul				{padding-left: 18px;}
.paper .margins ul li			{font-size:11px;margin-bottom:5px;}
.paper .margin-edge				{padding:40px 35px 20px 110px;}
.page .characturepin			{display:none;}

.wood-trim						{background:transparent url(../images/wood_trim.png) repeat-x top left;width:100%;height:116px;margin-top:-60px;}

.page.last						{background:#844a26 url(../images/wall_back.gif) repeat top left;}
.page.last .paper				{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-ms-filter:none;filter:none;}
.page.last .paper .margins		{/*background-image:none;background-color:transparent;*/}
.page.far						{}

#logos.paper					{margin-left:-1000px;z-index:200000;position:absolute}

.logo							{position:relative;text-align:center;font-size:0.7em; font-weight:bold;}
.me								{width:450px;height:450px;}
.me	img							{width:inherit;height:inherit;}

.stack							{padding:0px !important;margin:0px;clear:both;}
.stack	li						{list-style:none;width:200px;float:left;margin-right:10px;}
.stack	li.last					{float:none;}

/* CONTACT
-------------------------------------------------------- */
#contact input[type=text],	
#contact input[type=email],	
#contact input[type=phone],	
#contact textarea				{font-size:1em;border:0;border-bottom:solid 1px black;background-color:transparent;font-family:"Courier New", Courier, monospace;}
#contact th						{font-weight:bold;width:100px;vertical-align:top;padding-top:6px;}
#contact button					{font-family:"Courier New", Courier, monospace;width:100px;color:#fff;font-size:1em;background-color:#000;border:0;margin:5px 0px;cursor:pointer;}
#contact button:hover			{color:#CCC;}
#contact button:active			{color:#fff;background-color:#ccc;outline:none;}

#text-name,
#text-email,
#text-phone,
#text-message					{width:350px;}

#text-message					{height:200px;}


/* MISC
-------------------------------------------------------- */
#flakify-window,
#cloudify-window				{width:450px;height:400px;overflow:hidden;border:0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

/* TAGS
-------------------------------------------------------- */
#tags							{position:relative;z-index:0;height:0px;}
.tag							{position:absolute;top:0px;left:0px;width:125px;height:220px;overflow:hidden;background-image:url(../images/tag_sprite.png);}
.tag.one						{background-position:0px 0px;}
.tag.two						{background-position:-125px 0px;}
.tag.three						{background-position:-250px 0px;}
.tag.four						{background-position:-375px 0px;}
.tag.five						{background-position:-500px 0px;}
.tag.six						{background-position:-625px 0px;}
.tag.seven						{background-position:-750px 0px;}
.tag.eight						{background-position:-875px 0px;}
.tag.nine						{background-position:-1000px 0px;}
.tag.ten						{background-position:-1125px 0px;}
.tag.eleven						{background-position:-1250px 0px;}

/* TACKS
-------------------------------------------------------- */
#tacks							{position:relative;z-index:0;height:0px;}
.tack							{position:absolute;top:0px;left:0px;width:40px;height:30px;overflow:hidden;background-image:url(../images/tack_sprite.png);}
.tack.one						{background-position:0px 0px;}
.tack.two						{background-position:-40px 0px;}
.tack.three						{background-position:-80px 0px;}
.tack.four						{background-position:-120px 0px;}

#flashing_lights				{z-index:999999;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}

.espresso						{background:transparent url(../images/espresso.png) no-repeat center center;width:165px;height:165px;display:block;}
.beer							{background:transparent url(../images/beer.png) no-repeat center center;width:165px;height:165px;display:block;}


/* SCROLLER
-------------------------------------------------------- */
.scroller					{overflow:hidden;background-image:url(../images/drag_back.gif);cursor:pointer;float:left;-moz-box-shadow:0px 2px 6px #cccccc;-webkit-box-shadow:0px 2px 6px #cccccc;box-shadow:0px 2px 6px #cccccc;}
.scroller ul				{list-style:none;position:relative;margin:0px;padding:0px;}
.scroller li				{display:block;float:left;width:450px;height:450px;text-align:center;}
.scroller a					{float:left;text-decoration:none;}
.scroller a#prev			{background:transparent url(../images/arrow_left.png) no-repeat center center;width:32px;height:32px;display:block;}
.scroller a#next			{background:transparent url(../images/arrow_right.png) no-repeat center center;width:32px;height:32px;display:block}
.image_handle				{position:absolute;z-index:30;background-image:url('../images/trans.png');}

/* PAGE SPECIFIC
-------------------------------------------------------- */
#home .espresso 			{position:absolute;top:-200px;}

/* MEDIA QUERIES
-------------------------------------------------------- */
@media screen and (max-height: 768px) {
	paper				{height:600px !important;}
}
@media only screen and (max-width: 650px) {
	body					{overflow:auto;}
	shell					{margin:0px 10px;}
	.paper					{width:300px !important;max-width:300px !important;height:440px;}
	.paper .margins			{width:inherit !important;max-width:inherit !important;background:#fff url(../images/paper_back.gif) repeat top right;}
	.paper .margin-edge		{padding:50px 35px 20px 35px;}
	.page					{padding:10px 0px 0px 0px;}
	.logo img				{width:240px !important;}
	.characturepin			{display:none;}
	.page .characturepin	{display:inline-block;text-align:center;}
	#left,
	#right,
	#nightclub,
	#gunrange				{display:none !important;}
	.me						{width:240px;height:240px;}
}
/*
@media only screen and (min-width: 768px) {
	shell				{}
	paper				{max-width:650px;}
	paper .logo		{width:350px;height:350px;padding:170px 0px;position: absolute;left: 22%;right: 22%;}
}
@media only screen and (orientation: landscape) and (max-width: 640px) {
	shell				{margin:10px 10px;}
	paper				{}
	paper .logo		{width:320px;height:320px;margin:0px auto;padding:10px 0px;}
}

*/

/* PRINT
-------------------------------------------------------- */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}