/* ************************************************************
    Alex's World! Layout
    Created : 02 April 2009
    Version 1.3
    Updated	: 04 July 2014
    Updates : 27 Oct 2015
    -> A major update from previous versions (1.0 and 1.1) is 
    this version feature a 900 pixels content width, compared 
    to the previous 2 versions, 800 pixels.
    -> Updated the back to the top link at the bottom of each 
    page.
    -> Slightly more spacious layout with the 900 pixel width.
    -> In this version Gallery section is now replaced by
    Heritage section.
    -> Version (1.3) added more space between the navigation
    bar at the top and the right column.
   ************************************************************ */

body{
	background-color	:	#AA8055;
	background-color	:	#FFFFFF;
	text-align	:	center;
	border-top	:	5px solid #AA0000;
	margin	:	0px auto 20px auto;
	width	:	900px;
	
	background-image	: url(../images/background_sketch.png);
	background-repeat	: no-repeat;
	background-position	: top center;
}

.header{
	display	:	block;
	width	:	865px;
	height	:	80px;
	background-image	: url(../images/AlexWorld_logo.png);
	background-repeat	: no-repeat;
	background-position	: top right;
	padding	:	200px 30px 0px 5px;
	text-align	:	right;
	
	color	:	#888888;
	font-family	:	Century Gothic, Verdana, Tahoma;
	font-size	:	18px;
}

.content{
	display	:	block;
	width	:	900px;
	background-color	: #FFFFFF;	
	clear	:	both;
	float	:	left;
	text-align	:	left;
	padding	:	2px 0px 0px 0px;
}

.footer{
	display	:	block;
	width	:	900px;
	text-align	:	left;
	clear	:	both;
	background-color	:	#FFFFFF;
	color	:	#AA0000;
	padding	:	5px 0px 0px 0px;
}

.footer #nav{
	display	:	block;
	width	:	900px;
	text-align	:	center;
	color	:	#AA0000;
	padding	:	0px 0px 0px 15px;
	margin     :   0px;
	font-family	:	Tahoma, Geneva, sans-serif;
	font-size	:	11px;
	//font-weight	:	bold;
}

.footer #nav #footer_top {
	display:	block;
	width  :	37px;
	height :	20px;
	color  :    #A81000;
	text-align :	center;
	background-image   : url('../images/top.gif');
	background-repeat  : no-repeat;
	background-position: left top;
	padding    :   18px 0px 0px 0px;
	margin     :   0px auto;
}

.footer #nav a:link		{	color	:	#AA0000;	text-decoration	:	none;	}
.footer #nav a:visited	{	color	:	#AA0000;	text-decoration	:	none;	}
.footer #nav a:active	{	color	:	#AA0000;	text-decoration	:	none;	}
.footer #nav a:hover	{	color	:	#AA0000;	text-decoration	:	underline;	}

.footer #copy{
	display	:	block;
	width	:	890px;
	text-align	:	left;
	border-top	:	1px solid #AA0000;
	color	:	#AA0000;
	margin	:	0px;
	padding	:	8px 0px 30px 10px;
	font-family	:	Tahoma, Geneva, sans-serif;
	font-size	:	11px;
	//font-weight	:	bold;
}

.navigation{
	display	: 	block;
	clear	: 	both;
	width	:	896px;
	height	:	40px;
	padding	: 0px 2px 0px 2px;
	background-color	:	#FFFFFF;
	font-family	: 	Verdana, Tahoma, sans-serif;
	font-size	: 	14px;
	border-top	:	1px solid #AA0000;
}

.navigation a:link{
	display	: block;
	float	: right;
	width	: 100px;
	background-color: #FFFFFF;	
	padding	: 7px 2px 7px 2px;
	margin	: 0px 10px 0px 10px;
	text-align	: center;
	text-decoration:none;
	color	: #AA0000;
}

.navigation a:visited{
	display	: block;
	float	: right;
	width	: 100px;
	background-color: #FFFFFF;	
	padding	: 7px 2px 7px 2px;
	margin	: 0px 10px 0px 10px;
	text-align	: center;
	text-decoration:none;
	color	: #AA0000;
}

.navigation a:active{
	display	: block;
	float	: right;
	width	: 100px;
	background-color: #FFFFFF;	
	padding	: 7px 2px 7px 2px;
	margin	: 0px 10px 0px 10px;
	text-align	: center;
	text-decoration:none;
	color	: #AA0000;
}

.navigation a:hover{
	display	: block;
	float	: right;
	width	: 100px;
	background-color: #CCA6A6;	
	border-bottom	: 2px solid #AA0000;
	padding	: 7px 2px 7px 2px;
	margin	: 0px 10px 0px 10px;
	text-align	: center;
	text-decoration:none;
	color	: #AA0000;
}

.navigation #home{
	display	: block;
	float	: right;
	width	: 100px;
	background-image:url('http://alex.kakinan.com/images/background_nav_home.png');	
	background-position:center bottom;
	padding	: 7px 2px 7px 2px;
	margin	: 0px 10px 0px 10px;
	text-align	: center;
	text-decoration:none;
	color	: #AA0000;
}



.content #left{
	display	:	block;
	width	:	520px;
	padding	:	5px 10px 5px 35px;
	float	:	left;
	clear	:	left;
}


.content #right{
	display	:	block;
	width	:	230px;
	padding	:	5px 5px 5px 8px;
	margin	:	10px 0px 0px 35px;
	float	:	left;
}

#rightDirectory {
	border-bottom	: 1px dotted #FFFFFF;
}
#rightDirectorySelected {
    border-left : 1px dotted #FFFFFF;
	border-right: 1px dotted #999966;
	border-top	: 1px dotted #999966;
	border-bottom	: 1px dotted #999966;
    margin  : 1px;
}
.rightDirectorySelection {
	padding-left   : 15px;
    display     : block;
	padding-top    : 10px;
	padding-bottom : 10px;
    border-left : 1px dotted #999966;
    margin  : 1px;
}


.spacer{
	display	:	block;
	height	:	20px;
}

.paginator{
	display	:	block;
	width	:	530px;
	margin	:	2px 0px 2px 0px;
	padding	:	7px 5px 5px 5px;
	text-align	:	center;
}

#social_icons {
    background-image    : url('../images/social-icons.png');
    background-position : left top;
    background-repeat   : no-repeat;
    display : block;
    height  : 30px;
}

#social_icon_twitter, #social_icon_rss {
    display : block;
    width   : 28px;
    height  : 28px;
    margin  : 2px 2px 12px 2px;
    float   : left;
}
#social_icon_twitter {    margin  : 2px 0px 12px 18px;   }

#photoStage {
    position	: absolute;
    top	: 0px;
    left: 0px;
    width	: 100%;
    height	: 100%;
    padding	: 5px;
    z-index	: 10000;
    background-color	: #787878;
    display	: none;
}
#photoStage img {
	display	: inline;
	margin	: auto;
}