/* general formatting */

body {
	margin: 0px;
	background-color: #FFFFFF;
	font-size: 14px;
	font-family: sans-serif;
	color: #000000;
}

ul,
ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10%;
	margin-right: 10%;
    padding-left: 32px;
}

ul .nested,
ol .nested {
	margin: 0px;
}

a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

a:link,
a:visited {
	color: #0000FF;
}

a:hover,
a:active {
	color: #007AFF;
}

img {
	border-style: none;
}

.title, .sub_title {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 4px #C0C0C0;
}

.sub_title {
	font-size: 22px;
}

.center {
	text-align: center;
}

.emphasize {
	font-weight: bold;
}

.indent {
	margin-left: 20px;
}

.container,
.text,
.video {
	margin-left: 10%;
	margin-right: 10%;
}

.video {
	text-align: center;
}

.video .description {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #606060;
}

/* colours */

.light {
	color: #6C6C6C;
}

.dark {
	color: #323232;
}

.red {
	color: #FF0000;
}

.green {
	color: #05CE05;
}

.yellow {
	color: #CED600;
}

/* header */

#header {
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 1000;
	margin-bottom: 12px;
	line-height: 20px;
	width: 100%;
	height: 22px;
	background: #EB8C26;
	box-shadow: 0 6px 6px rgba(235, 140, 38, 0.85);
	color: #FFFFFF;
}

#header .title {
	margin-left: 10%;
	float: left;
	text-align: left;
}

#header .link {
	margin-right: 10%;
	float: right;
	text-align: right;
}

#header .title,
#header .link {
	margin-top: 2px;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: none;
}

#header a {
	text-decoration: none;
	outline: none;
}

/*#header a:link,
#header a:visited {
	color: #FFFFFF;
}

#header a:hover,
#header a:active {
	color: #F0F0F0;
}*/

#header a:link,
#header a:visited {
	color: #000000;
}

#header a:hover,
#header a:active {
	color: #505050;
}

/* footer */

#footer {
	text-align: center;
}

#footer_test {
	text-align: center;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 1000;
	line-height: 20px;
	width: 100%;
	height: 60px;
	background: #707070;
	box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.55);
}

/* floating */

.left {
	float: left;
}

.left {
	float: right;
}

.clear:before,
.clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}

/* showcase */

.small_triple_showcase {
	width: 915px; /* (3x) 297px + (6x) 4px */
}

.small_double_showcase {
	width: 610px; /* (3x) 128px + (4x) 4px */
}

.showcase {
	width: 976px; /* (2x) 480px + (4x) 4px */
}

.single_showcase {
	width: 488px; /* 480px + (2x) 4px */
}

.doublewide_showcase {
	width: 976px; /* (2x) 480px + (4x) 4px */
}

.large_showcase {
	width: 808px; /* 800px + (2x) 4px */
}

.huge_showcase {
	width: 1032px; /* 1024px + (2x) 4px */
}

.showcase,
.single_showcase,
.doublewide_showcase,
.large_showcase,
.huge_showcase {
	position: relative;
	margin: 0px auto;
}

.small_triple_showcase .item,
.small_double_showcase .item {
	width: 297px;
}

.showcase .item,
.single_showcase .item {
	width: 480px;
}

.doublewide_showcase .item {
	width: 968px;
}

.large_showcase .item {
	width: 800px;
}

.huge_showcase .item {
	width: 1024px;
}

.small_triple_showcase .item,
.small_double_showcase .item,
.showcase .item,
.single_showcase .item,
.doublewide_showcase .item,
.large_showcase .item,
.huge_showcase .item {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
	text-align: center;
	float: left;
}

.small_triple_showcase .title,
.small_double_showcase .title,
.showcase .item .title,
.single_showcase .item .title,
.doublewide_showcase .item .title,
.large_showcase .item .title,
.huge_showcase .item .title {
	margin: 1px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #303030;
}

.small_triple_showcase .description,
.small_double_showcase .description,
.showcase .item .description,
.single_showcase .item .description,
.doublewide_showcase .item .description,
.large_showcase .item .description,
.huge_showcase .item .description {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #606060;
}

.small_triple_showcase .item a img,
.small_double_showcase .item a img,
.showcase .item a img,
.single_showcase .item a img,
.doublewide_showcase .item a img,
.large_showcase .item a img,
.huge_showcase .item a img {
	border-radius: 4px;
}

.small_triple_showcase .item a:hover img,
.small_double_showcase .item a:hover img,
.showcase .item a:hover img,
.single_showcase .item a:hover img,
.doublewide_showcase .item a:hover img,
.large_showcase .item a:hover img,
.huge_showcase .item a:hover img {
	opacity: 0.9;
}

/* photos */

.photo_horizontal {
	width: 1008px;
	height: 518px;
}

.photo_vertical {
	width: 1008px;
	height: 678px;
}

.photo_horizontal,
.photo_vertical {
	position: relative;
	margin: 0px auto;
}

.photo_horizontal .title,
.photo_vertical .title {
	margin: 1px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}

.photo_horizontal .description,
.photo_vertical .description {
	margin-left: 4px;
	margin-right: 4px;
}

.photo_horizontal img,
.photo_vertical img {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
}

.photo_horizontal a img,
.photo_vertical a img {
	border-radius: 4px;
}

.photo_horizontal a:hover img,
.photo_vertical a:hover img {
	opacity: 0.9;
}

/* blog */

.blog {
	margin-left: 10%;
	margin-right: 10%;
}

.blog .entry .content img {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
}

.blog .entry .top {
	font-size: 22px;
	text-shadow: 2px 2px 4px #C0C0C0;
}

.blog .entry .top .date {
	font-size: 22px;
	font-weight: bold;
	text-shadow: 2px 2px 4px #C0C0C0;
}

.blog .entry .top .title {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-shadow: 2px 2px 4px #C0C0C0;
}

.blog .entry .content {
	margin-left: 20px;
}

.blog .entry .content a img {
	border-radius: 4px;
}

.blog .entry .content a:hover img {
	opacity: 0.9;
}

/* about */

.about {
	width: 976px;
	position: relative;
	margin: 0px auto;
}

.about img,
.about .description {
	margin-left: 4px;
	margin-right: 4px;
}

.about .description {
	text-align: left;
}

.about img {
	float: left;
}

.about a img {
	border-radius: 4px;
}

/* contact */

.contact {
	text-align: center;
}

.contact a img {
	border-radius: 4px;
}

.contact a:hover img {
	opacity: 0.9;
}

/* php version */

.php_version {
	margin-left: 2px;
	margin-bottom: 16px;
	position: fixed;
	left: 0;
	bottom: 0;
}

/* page generation time */

.page_generation_time {
	margin-left: 2px;
	margin-bottom: 2px;
	position: fixed;
	left: 0;
	bottom: 0;
}

/* options */

.options_icon {
	margin-right: 2px;
	margin-bottom: 2px;
	position: fixed;
	right: 0;
	bottom: 0;
}

.options_icon a img {
	opacity: 0.7;
}

.options_icon a:hover img {
	opacity: 0.4;
}

/* debugging */

.notice,
.warning,
.error {
	color: #FF0000;
}