/*//// 		Globals							////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
a.button
{
	padding:5px 10px;
	font-size:13pt;
}

img.logo
{
	width:120px;
	margin-top:-75px;
	margin-left:-60px;
}

/*}}}*/

/*//// 		Headings					////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
h1
{
	font-size:30pt;
	margin-top:-80px;
	padding:10px 40px;
	box-shadow: 
	#292929 1px 1px,
    #292929 2px 2px,
    #292929 3px 3px,
    #292929 4px 4px,
    #292929 5px 5px,
    #292929 6px 6px,
    #292929 7px 7px;
}

h1.dark
{
	box-shadow: 
	#000 1px 1px,
    #000 2px 2px,
    #000 3px 3px,
    #000 4px 4px,
    #000 5px 5px,
    #000 6px 6px,
    #000 7px 7px;
}

.cursive
{
	font-size:16pt;
}
/*}}}*/

/*//// 		Navigation					////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div.line
{
	height:35px;
}

div.line div.menu
{
	position: absolute;
	padding-left: 1.25em;
	top:8px;
	right:5%;
	cursor:pointer;
	z-index:10;
}

div.line div.menu:before 
{
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 1.25em;
	height: 3px;
	border-top: 9px double #000;
	border-bottom: 3px solid #000;
}

div.line.fixed div.menu.light:before
{
	border-color:#000 !important;
}

div.line.fixed div.menu.dark:before
{
	border-color:#fff !important;
}

div.navigation
{
	display:block;
	z-index:4;
	height:35px;
	width:100%;
	right:0;
	padding:0;
	overflow:hidden;
}

div.navigation a
{
	width:100%;
	padding:15px 0;
}

div.navigation a.first
{
	margin-top:50px;
}
/*}}}*/

/*//// 		All Panels					////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div.panel
{
	padding:7% 0 !important;
}

div.panel div.box
{
	min-width:0;
	width:80%;
	padding:30px;
}

div.panel h1
{
	top:-40px !important;
	margin-bottom:-40px !important;
}

a.button
{
	box-shadow: 
	#292929 1px 1px, 
	#292929 2px 2px, 
	#292929 3px 3px;
}
/*}}}*/

/*//// 		Panel 1						////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div#panel1
{
	padding:0 !important;
}

div#panel1 div.resume-holder
{
	top: 50%;
}

div#panel1 .cursive
{
	text-align:center;
	display:block;
}

div#panel1 div.resume-holder a.button
{
	margin-left:0;
}
/*}}}*/

/*//// 		Panel 2						////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div#panel2
{
}

div#panel2 div.box
{
	width:80% !important;
}

div#panel2 h3
{
	margin:10px 0;
}

div#panel2 div.experience
{
	width:100%;
	padding-left:0;
}

div#panel2 div.skills
{
	width:100%;
	margin-left:0;
}

/* Skills Progress Bars */
/*{{{*/
div.bars div.bar
{
	padding:3px;
	margin-bottom:10px;
}

div.bars div.inner
{
	padding:2px;
	height:auto;
}

div.bars > div > div span
{
	display:inline-block;
}

div.bars > div.bar1 > div
{
	width:89%;
}

div.bars > div.bar2 > div
{
	width:80%;
}

div.bars > div.bar3 > div
{
	width:86%;
}

div.bars > div.bar4 > div
{
	width:89%;
}

div.bars > div.bar5 > div
{
	width:65%;
}

div.bars > div.bar6 > div
{
	width:80%;
}
/*}}}*/
/*}}}*/

/*//// 		Panel 3						////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div#panel3 div.applications
{
	width:100%;
	float:none;
}

div#panel3 div.websites
{
	width:100%;
	padding-left:0;
	float:none;
}
/*}}}*/

/*//// 		Panel 4						////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div#panel4
{
}

div.gallery
{
	position:relative;
	width:100%;
	height:100%;
	margin-top:-20px;
	text-align:center !important;
}

div.gallery div.image
{
	margin:15px;
	display:inline-block;
	float:none;
}
/*}}}*/

/*//// 		Panel 5						////////////////////////////////////////////////////////////////////////////////////////////*/
/*{{{*/
div#panel5 div.box
{
	padding-top:10% !important;
	width:80% !important;
	min-width:0 !important;
}

div#panel5 h4
{
	margin-top:0;
	margin-bottom:10px;
	font-size:16pt;
}

div#panel5 .cursive
{
	font-size:25pt;
}

div#panel5 form p
{
	line-height:12px;
}

div#panel5 form input, div#panel5 form textarea
{
	width:92%;
}


div#panel5 form textarea
{
	height:100px;
}

div#panel5 form input, div#panel5 form textarea
{
	font-family: 'Source Sans Pro';
	font-size:12pt;
	font-weight:300;
	padding:5px;
}
/*}}}*/