/* CSS Main Stylings for AkiboyeConollyArch Website */
/*copyright 2011*/

/*Overrides*/

html
{
	height:100%;
	overflow-y: scroll;
}
body
{
	height:100%;
}
html, body, h1, h2, h3, h4, h5, h6, p, form, input, textarea, th, td, ul, li, img
{
	padding:0px;
	margin:0px;
	border:none;
	font-family: "Helvetica Neue", Helvetica Neue, Verdana, Arial, sans-serif;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-family: 'Open Sans', Helvetica Neue, Verdana, Arial, sans-serif; 
	
	color: #666;
	font-size: 14px;
	text-align: left;
}
p
{
	margin:12px 0 0 0;
}
/*Website Basic Element Styles*/
body.light
{
	background:#EFEFEF;
}
body.dark
{
	background:#222222;
	background:#EFEFEF;
}
a
{
	color: #6685aa;
	/*This part is for the 'keyboard tab' functionality*/
	/*------------------------------------------------*/
	
   -moz-transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   -o-transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   -webkit-transition:text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}
a:hover, a:focus, a:active
{
   -moz-transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   -o-transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   -webkit-transition:text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}
/*Effect to apply to a link when a user 'selects' it using keyboard tab*/
a:focus, a:active
{
}
a:focus 
{
	/*
    outline: 1px solid #b8cfd6;
	outline:none;
	*/
}
h1, .mimicH1
{
	font-size: 28px;
	padding:15px 0 0 0;
	font-weight:100;
}
h2, .mimicH2
{
	font-size: 22px;
	padding:15px 0 0 0;
	font-weight:100;
}

.italicText
{
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.centeredText
{
	text-align:center;
}


.hoverBlur
{
	
	-moz-transition:all 1.5s ease-in-out;
	-o-transition:all 1.5s ease-in-out;
	-webkit-transition:all 1.5s ease-in-out;
	transition:all 1.5s ease-in-out;
}
.hoverBlur:hover
{
	color: transparent;  
	text-shadow: 0 0 5px #bbb, 0 0 15px #999, 0 0 20px #999;  
	
	-moz-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	transition:none;
}






#page_wrapper
{
	min-width:1000px;
	min-height:700px;
}

.unselectable, img
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}


/*----------------About Section--------------*/
#aboutSection
{
	position:relative;
	padding:0px 50px 50px 50px;
	background:#FFFFFF;
	border-bottom:solid 1px #CCCCCC;
	border-bottom: groove 2px #DDDDDD;
	
	box-shadow: inset 0px -5px 20px #CCCCCC;
	-moz-box-shadow: inset 0px -5px 20px #CCCCCC;
	-webkit-box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.2);
	z-index:110;
}
#selfPotrait
{
	float:left;
	width:270px;
	height:auto;
	margin:20px 20px 10px 0;
	
	box-shadow: 1px 1px 9px #999;
	-moz-box-shadow: 1px 1px 9px #999;
	-webkit-box-shadow: 1px 1px 9px #999;
	border: 3px solid #FFFFFF;
}
#about_part1
{
	min-width:850px;
	width:80%;
	text-align:justify;
}
#about_part2
{
	clear:both;
}
#about_part2 ul
{
	list-style-type:circle;
	margin-top:10px;
	margin-left:20px;
}

#nibbler img
{
	margin-top:20px;
	margin-left:10px;
	opacity: 0.60;
	filter: alpha(opacity = 60);
	
   transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -moz-transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -o-transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -webkit-transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out;
}
#nibbler img:hover
{
	margin-left:20px;
	
	opacity: 1.0;
	filter: alpha(opacity = 100); 
	
   transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -moz-transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -o-transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -webkit-transition: margin 0.2s ease-in-out, opacity 0.3s ease-in-out;
}

#hideAbout
{
	position:absolute;
	width:90px;
	padding:5px 2px;
	bottom:0px;
	
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
	cursor:pointer;
}


/*----------------header--------------*/
#header_wrapper
{
	background:#222;
	background:#EFEFEF;
	
}
#header
{
	max-width:1700px;
	margin-left:0;
	margin-right:auto;
}

#logo
{
	display:inline-block;
	*display: inline;
	zoom:1;
	vertical-align:top;
	margin: 20px 0px 10px 50px;
	/*IE you bastard!!!*/
	zoom:1;
}
#logo a
{
	padding:6px;
	font-family: 'Quicksand', Helvetica Neue, Verdana, Arial, sans-serif; 
	text-decoration:none;
	color: #222;
	font-size:50px;
	font-weight:100;
	/*
	//text-shadow: 0 0 10px #FFFFFF, 0 0 25px #878C94;
	//text-shadow: 0 0 10px #FFFFFF, 0 0 25px #000000;
	
	text-shadow: 0 0 1px #555555,0 0 4px #FFFFFF,0 0 4px #FFFFFF,0 0 4px #FFFFFF, 0 0 25px #878C94;
	*/
	text-shadow: 3px 3px 5px #CCC;
	
   -moz-transition:padding 0.5s ease-in-out, color 0.2s ease-in-out;
   -o-transition:padding 0.5s ease-in-out, color 0.2s ease-in-out;
   transition:padding 0.5s ease-in-out, color 0.2s ease-in-out;
   -webkit-transition:padding 0.5s ease-in-out, color 0.5s ease-in-out;
}
/*Effect to apply to the logo when a user 'selects' it using keyboard tab*/
#logo a:focus, #logo a:active
{
}


#navigation
{
	display:inline-block;
	*display: inline;
	zoom:1;
	list-style:none;
	margin: 20px 120px 10px 30px;
	float:right;
}
#navigation li
{
	display:inline-block;
	*display: inline;
	zoom:1;
	vertical-align:top;
	font-size: 18px;
	margin-left:20px;
}
#navigation li a
{
	text-decoration:none;
	padding:6px;
	color: #AAAAAA;
	font-weight:lighter;
	font-family: "Helvetica Neue", Helvetica Neue, Verdana, Arial, sans-serif;
	text-shadow: 0px 0px 25px #FFFFFF;
   
   -moz-transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   -o-transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   transition:text-shadow 0.5s ease-in-out, color 0.2s ease-in-out;
   -webkit-transition:text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active
{
	text-decoration:none;
	color: #474747;
	color: #FFFFFF;
	font-weight:lighter;
	font-family: "Helvetica Neue", Helvetica Neue, Verdana, Arial, sans-serif;
	/*
	//text-shadow: 0px 0px 8px #BBFFBB, 10px 0px 25px #BBFFBB, -10px 0px 25px #BBFFBB;
	//text-shadow: 0px 0px 25px #000000;
	*/
	text-shadow: 0px 0px 10px #759ca7, 10px 0px 25px #759ca7, -10px 0px 25px #759ca7;
	text-shadow: -5px 0px 25px #759ca7, 5px 0px 25px #759ca7;
   
   -moz-transition:text-shadow 0.9s ease-in-out, -webkit-transition:color 0.5s ease-in-out; 
   -o-transition:text-shadow 0.9s ease-in-out, -webkit-transition:color 0.5s ease-in-out;  
   transition:text-shadow 0.9s ease-in-out, -webkit-transition:color 0.5s ease-in-out; 
   -webkit-transition:text-shadow 0.9s ease-in-out, -webkit-transition:color 0.9s ease-in-out; 
}
#navigation li.selected a
{
	color: #222;
	text-shadow: 0px 0px 15px #EEEEFF, 10px 0px 20px #FFFFFF, -10px 0px 20px #FFFFFF;
	text-shadow: 0px 0px 18px #333333;
	text-shadow: 0px 0px 20px #b8cfd6, 0px 0px 40px #b8cfd6;
	
}
/*
a:hover:after
{
    content: attr(title);
    color: #000;
    display: block;
    position: absolute;
    text-align: center;
}
*/

/*-----------------Content Sections --------------*/

.content-section
{
	min-height:720px;
	
	background:#FFFFFF;
	background-image: url("../img/page-bg-gradient.png");
	background-repeat:repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
	background-image: linear-gradient(top, #EFEFEF, #FFFFFF 5%, #FFFFFF);
	background-image: -o-linear-gradient(top, #EFEFEF, #FFFFFF 5%, #FFFFFF);
	background-image: -moz-linear-gradient(top, #EFEFEF, #FFFFFF 5%, #FFFFFF);
	background-image: -ms-linear-gradient(top, #EFEFEF, #FFFFFF 5%, #FFFFFF);
	background-image:-webkit-linear-gradient(top, #EFEFEF, #FFFFFF 5%, #FFFFFF);
	/*
	//filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#FFFFFF');
	//zoom:1;
	*/
}

/*----------------Footer Section---------------*/
#footer
{
	/*
	//height:50px;
	//clear:both;
	*/
	padding:25px 0px 15px 0px;
	text-align:center;
	color: #999;
	font-size: 11px;
	font-weight:100;
	font-family: 'Open Sans', Helvetica Neue, Verdana, Arial, sans-serif; 
}

.socialMedia-section
{
	margin:10px 0;
}
.socialMedia
{
	display:inline-block;
	*display: inline;
	zoom:1;
	vertical-align:top;
	margin:0 10px;
	padding-top: 5px;
}
.socialMedia.button
{
	opacity: 0.60;
	filter: alpha(opacity = 60);
	
   transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -moz-transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -o-transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -webkit-transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out;
}
.socialMedia.button:hover, .socialMedia.button:focus, .socialMedia.button:active
{
	padding-top: 0;
	opacity: 1.0;
	filter: alpha(opacity = 100); 
	
   transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -moz-transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -o-transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out; 
   -webkit-transition: padding 0.2s ease-in-out, opacity 0.3s ease-in-out;
}
#facebookLike
{
	position: relative;
	left: 12px;
}
#copyright
{
	display:inline-block;
	*display: inline;
	zoom:1;
	vertical-align:top;
}