/* Styles by Baron Bloomer */
html { 
  
}

body {
	/*background-image: url('../images/starrybgtileSUPERHD.png');
	background-repeat: repeat;
	*/
	background-color:#0e0e15;
	background: url('../images/starrybgtileHD.jpg') repeat; 
	font-family: Comfortaa, arial, tahoma, verdana;
}

a {
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	/* ...and now for the proper property */
  	transition:.5s;
}

h2 {
	font-weight: bold;
}

h3 a {
	font-size: 12px;
	font-family: Comfortaa, arial, tahoma;
	font-weight: normal;
	color: #525252;
}
h3 a:hover {
	font-size: 12px;
	font-family: Comforta, arial, tahoma;
	font-weight: normal;
	color: #cfcfcf;
}


p {
	font-size: 12px;
	line-height: 18px;
	color: #525252;
}


#header {
	min-width: 960px
	width:100%;
	height:100px;
	background-color: #fff;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #838383;
	clear:both;
}

.container {
	width: 960px;
	height:auto;
	margin: 0 auto;
	clear:both;
	float:none;
}

#navigation {
	height:auto;
	width:954px;

	border-bottom-left-radius: 14px;
	-moz-border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	-moz-border-bottom-right-radius: 14px;

	
	border-style: solid;
	border-color: rgba(255,255,255,0.3);
	border-width: 3px;
	border-top-width: 0px;

	font-weight:bold;
	font-size:13px;
	
}
	#nav_main {
		height:50px;
		width:100%;

		background-color: #464a4e;
		/*background-image: url('../images/nav_main_bg.png');
		background-repeat: repeat-x;*/

		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #45494d, #4d5256, #45494d);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #45494d, #4d5256, #45494d);
		/* IE 10 */
		background: -ms-linear-gradient(top, #45494d, #4d5256, #45494d);
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #45494d, #4d5256, #45494d);

		
	}
	/*
	#navigation #nav_expandable {
		visibility: hidden;
		height:0px;
	}
		#navigation:hover #nav_main {
			border-bottom-left-radius: 0px;
			-moz-border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			-moz-border-bottom-right-radius: 0px;
			
		}
		#nav_link_blog {
			visibility: visible;
			height:50px;
			z-index:2;
			border-bottom-left-radius: 10px;
			-moz-border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			-moz-border-bottom-right-radius: 10px;
		}
		#nav_expandable:hover {
			visibility: visible;
			height:50px;
			z-index:2;
					}
		#nav_expandable {
			width:100%;
			background-color: #f7f7f7;
		}
		*/
		#nav_main ul {
			float:left;
		}
		#nav_main li {
			clear:none;
			float:left;
		}
		#nav_link_home, #nav_link_blog, #nav_link_portfolio, #nav_link_tutorials, #nav_link_news {
			height:50px;
			float:left;
			clear:none;
		}
		
			#nav_link_home:hover, #nav_link_blog:hover, #nav_link_portfolio:hover, #nav_link_tutorials:hover, #nav_link_news:hover {
				height:50px;
				background-color: #f7f7f7;
			}
			/*
			#nav_link_home:hover {
				border-bottom-left-radius: 10px;
				-moz-border-bottom-left-radius: 10px;
			}
			*/
			#nav_link_blog:hover p, #nav_link_portfolio:hover p, #nav_link_tutorials:hover p, #nav_link_news:hover p {
				color:#484c50;
				font-weight:bold;
			}
		.nav_link_text {
			padding-top:17px;
			color:white;
			padding-left:20px;
			padding-right:20px;
		}
		.nav_link_home {
			padding-top:15px;
			padding-left:10px;
			padding-right:10px;
		}
		.nav_link_home_bg {
			height:50px;
		}
		.nav_separator {
			height:50px;
			width:1px;
			background-color: #fff;
			background-image: url('../images/nav_separator.png');
			float:left;
			clear:none;
		}
	#navigation_right li a {
		/*text-decoration: underline;*/
		margin-left: 40px;
		font-size: 12px;
	}
	/*
	#navigation_right li a:hover {
		color:#cfcfcf;
	}
	*/
	.corner_bottom_left_rounded {
		border-bottom-left-radius: 10px;
		-moz-border-bottom-left-radius: 10px;
	}
	.corner_bottom_right_rounded {
		border-bottom-right-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
	}
	.corner_bottom_rounded {
		border-bottom-left-radius: 10px;
		-moz-border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
	}
	.nav_link_active {
		background-color:;

	}
	.nav_link_active {
		background-color:#f7f7f7;
	}
	.nav_link_active p.nav_link_text {
		color:#484c50;
	}

	/* SUBMENU CODE */
	#nav_expandable {
		float:left;
		clear:both;
		height:0px;
		width:100%;

		border-bottom-left-radius: 10px;
		-moz-border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-border-bottom-right-radius: 10px;

		-moz-transition: height .5s ease;
    	-ms-transition: height .5s ease;
    	-o-transition: height .5s ease;
    	-webkit-transition: height .5s ease;
    	transition: height .5s ease;

		display:block;
	}
	#nav_expandable.show {
		height:50px;
		display:block;
	}
	ul.nav_link_blog_sub {
		display:none;
	}
	ul.nav_link_blog_sub.show {
		display:block;
	}
	ul.nav_link_portfolio_sub {
		display:none;
	}
	ul.nav_link_portfolio_sub.show {
		display:block;
	}
	ul.nav_link_tutorials_sub {
		display:none;
	}
	ul.nav_link_tutorials_sub.show {
		display:block;
	}
	ul.nav_link_news_sub {
		display:none;
	}
	ul.nav_link_news_sub.show {
		display:block;
	}
	#nav_expandable ul {
		margin-left:15px;
	}
	#nav_expandable li {
			float:left;
			clear:none;
			padding:20px;
		}
		#nav_expandable li a {
			font-weight:normal;
			color:black;
			font-size:14px;
		}
		#nav_expandable li a:hover {
			font-weight:normal;
			color:#878ec6;
		}


/*
#logo {
	width: 162px;
	height: 26px;
	margin: auto;
}
	#logo a {
		height: 26px;
	}
	#logo a:hover {
		
	}
*/

img.index_show {
	max-width:954px;
	width:954px;
	height:auto;

	border-top-left-radius: 14px;
	-moz-border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	-moz-border-top-right-radius: 14px;
	
	border-top: 3px;
	border-right: 3px;
	border-left: 3px;
	border-style: solid;
	border-color: rgba(255,255,255,0.3);
}

#subcontent.index_show, .spacer.index_show {
	width:954px;

	float:left;
	clear:both;

	-moz-background-clip: content;     /* Firefox 3.6 */
	-webkit-background-clip: content;  /* Safari 4? Chrome 6? */
	background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

	border-right: 3px;
	border-left: 3px;
	border-style: solid;
	border-color: rgba(255,255,255,0.3);
}
	#subcontent.index_show, .sc_row.index_show {
		border-bottom-left-radius: 14px;
		-moz-border-bottom-left-radius: 14px;
		border-bottom-right-radius: 14px;
		-moz-border-bottom-right-radius: 14px;

		border-bottom: 3px;
		border-style: solid;
		border-color: rgba(255,255,255,0.3);
	}
		.sc_row_preview.index_show {
			width:671px;
			padding: 0 20px 30px 20px;
		}
		.sc_row_preview.index_show h2 {
			font-size:28px;
			margin-top:-10px;
		}

#featured {
	height:auto;
	width:100%;
	float:left;
	clear:both;
	margin-top:30px;
}
	#featured_media, #featured_media img, #featured_media iframe {
		max-width: 490px;
		max-height: 330px;
		width: 490px;
		height: 330px;
	}
	#featured_content {
		width:233px;
	}
	/*
	#featured_content p {
		font-color:#525252;
		font-size:15px;
		height:auto;
		width:840;
		margin: 40px 50px 70px 50px;
	}
	*/
	.featured {
		height:auto;
		width:100%;
		float:left;
		clear:both;
	}
		.featured h4 a {
			font-size:13px;
			font-weight:bold;
			float:left;
			clear:none;
			margin-top:5px;
		}
			.featured h4 a:hover {
			color:#cfcfcf;
		}
		.featured_date {
			font-size:11px;
			font-weight:normal;
			float:right;
			clear:none;
			margin-right:5px;
		}
		.featured_content {
			margin-left:20px;
			font-size:13px;
			font-weight:normal;
			float:left;
			clear:both;
			margin-top:15px;
		}
		.featured_title a {
			color: #878ec6;
			font-size:12px;
			font-weight:bold;
			float:left;
			clear:none;
			margin-top:5px;
		}
		.featured_title a:hover {
			color:#cfcfcf;
		}

#footer_content p {
	font-size: 12px;
	width:243px;
}

#content {
	width:960px;
	margin-top:30px;
}

	#left_column {
		height:380px;
		width:225px;
		background-color:rgba(255,255,255, 0.8);
		margin-top:10px;
		margin-left:2px;
	}
		.page_summary_title {
			font-size:32px;
			font-weight:bold;
			padding:10px;
			z-index:2;
			position:absolute;
			left:13px;
			top:8px;
		}
		#left_column p {
			margin-top:70px;
			font-size:28px;
			padding-left: 20px;
			padding-right: 20px;
			line-height: 1;
		}
	#right_column {
		width:733px;
		height:100%;
		background-color:#fff;
		margin-top:10px;
	}

#subcontent {
	width:100%;
	background-color:white;
}
	.sc_row {
		float:left;
		clear:both;
		width:100%;
		
	}
	.sc_row_more {
		padding:0 4px 2px 4px;
		border-radius: 7px;
		margin-right:10px;
	}
		div.sc_row_more:hover {
			background-color:#e2e2e2;
		}
		.sc_row_more a {
			font-size:10px;
			font-weight:normal;
		}
		div.sc_row_more:hover a {
			color:#878ec6;
		}
	.sc_row_preview {
		width:490px;
		height:auto;
		float:left;
		clear:none;
	}
		.game_preview {

			width:100px;
			float:left;
			clear:none;
			margin:10px 20px 20px 20px;
		}
		.game_preview img {
			margin: 0 auto;
			max-width: 100px;
			max-height: 70px;
		}
	.sc_row_summary {
		width:243px;
		float:left;
		clear:none;
	}
		.sc_row_summary p {
			font-size:28px;
			padding-left: 20px;
			padding-right: 20px;
			line-height: 1;
		}

#footer {
	min-width: 960px;
	width:100%;
	height:100%;
	background-color:white;
	float:left;
	clear:both;
}
.footer_site_map {
	height:100px;
	width:230px;
	float:left;
	clear:none;
}
	.footer_site_map li {
		font-size: 12px;
		float:left;
		clear:both;
		width:100%;
	}
	.footer_site_map li p {
		float:left;
		clear:none;
	}
	.footer_site_map li a {
		float:left;
		clear:none;
		color:#51575c;
		margin-left: 5px;
		margin-top:3px;
	}
	.footer_site_map li a:hover {
		color:#878ec6;
	}
.footer_forms {
	height:100px;
	width:730px;
	float:left;
	clear:none;
}
	#donation_form {
		width:175px;
		height:100px;
		border-radius:10px;
		background-color:white;
	}
		.donation_form_top {
			width:100%;
			height:50px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		.donation_form_bottom {
			width:100%;
			height:49px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}
		.form_button {
			padding:0 4px;
			padding-right:15px;
			border-radius: 5px;
			width:auto;
			height:auto;
		}
		.form_button p {
			width:auto;
			margin-top: 3px;
			font-size:10px;
			font-weight:bold;
			display:block;
		}
	#newsletter_form {
		width:465px;
		height:100px;
		border-radius: 10px;
		background-color:white;
	}
		.newsletter_form_top {
			width:100%;
			height:34px;
			background-color: #a9afb4;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		.newsletter_form_bottom {
			width:100%;
			height:65px;
			background-color: #828990;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}
		input {
			width: 140px;
			
		}
.footer_links {
	height:100px;
	width:230px;
	float:left;
	clear:none;
}
	.footer_links li {
		font-size: 11px;
		float:left;
		clear:both;
	}
	.footer_links li a {
		color:#747474;
		margin-top:5px;
		float:left;
		clear:both;
	}
	.footer_links li a:hover {
		color:#878ec6;
	}
.footer_copyright {
	height:100px;
	width:729px;
	float:left;
	clear:none;
}
	.footer_copyright p {
		font-size:10px;
	}
.footer_vertical_line {
	margin-top:20px;
	margin-bottom:20px;
	width:1px;
	height:60px;
	background-color:#e1e1e1;
	float:left;
	clear:none;
}

/* CLASSES*/
/*/ Fonts */
/*// font_color */
.font_color_pink {
	color: #ec508d;
}
.font_color_white {
	color: #fff;
}
.font_color_blue {
	color: #b5ccf0;
}
.font_color_dk_gray {
	color: #51575c;
}
.font_color_gray {
	color: #747474;
}
.font_color_lt_gray {
	color: #cfcfcf;
}
.font_color_purple {
	color: #878ec6;
}
/*// font_style*/

.font_style_italics {
	font-style: italic;
}
.font_weight_bold {
	font-weight: bold;
}
.font_weight_normal {
	font-weight:normal;
}
.font_decoration_underline {
	text-decoration: underline;
}
.font_align_center {
	text-align: center;
}
.font_align_right {
	text-align: right;
}
.font_line_height {
	line-height: 18px;
}
.font_size_10px {
	font-size:10px;
}
.font_size_11px {
	font-size:11px;
}
.font_size_12px {
	font-size:12px;
}

.background_color_white {
	background-color: white;
}
.background_color_dk_white {
	background-color: #f7f7f7;
}
.background_color_gray {
	background-color: #e2e2e2;
}
.background_color_lt_gray {
	background-color: #f2f2f3;
}
.background_color_purple {
	background-color: #878ec6;
}
.background_color_lt_purple {
	background-color: #d2d6f8;
}


/* Structure Tools */

.horizontal_line {
	margin-top: 1px;
	height: 1px;
	width: 100%;
	background-color: #e1e1e1;
	float: left;
	clear: both;
}
.horizontal_separator {
	width:100%;
	height:1px;
}
.horizontal_line_featured {
	width:100%;
	height:2px;
	background-image: url('../images/horizontal_line.png');
	background-repeat: repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	clear:both;
}
.vertical_line {
	width:2px;
	height:100%;
	background-image: url('../images/vertical_line.png');
	background-repeat: repeat-y;
	float: left;
	clear: none;
}
.rounded_corners_bottom {
	border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
}

/*
.link_underline {
	height:1px;
	width:100%;
	margin-top:2px;
	background-color: #cfcfcf;
}
.content_link a:hover {
	color: #6cc8fb;
}
.link_more {
	font-size: 12px;
	font-family: times, arial;
	font-weight: normal;
	color: #cfcfcf;
}

	.link_more a:hover {
	font-size: 12px;
	font-family: times, arial;
	font-weight: normal;
	color: #525252;
}
*/

.spacer {
	height:30px;
	width:100%;
	float:left;
	clear:both;
}

.width_100 {
	width:100%;
}
.width_245px {
	width:245px;
}
.width_340px {
	width:340px;
}
.height_100px {

}

.float_left {
	float:left;
}
.float_right {
	float:right;
}
.float_clear {
	float: left;
	clear: both;
}
.clear_left {
	clear: left;
}
.clear_none {
	clear:none;
}
.clear_both {
	clear:both;
}

.position_relative {
	position: relative;
}
.position_absolute {
	position:absolute;
}

.margin_top_5px {
	margin-top: 5px;
}
.margin_top_10px {
	margin-top: 10px;
}
.margin_top_15px {
	margin-top:15px;
}
.margin_top_20px {
	margin-top: 20px;
}
.margin_top_30px {
	margin-top: 30px;
}
.margin_top_40px {
	margin-top: 40px;
}
.margin_top_60px {
	margin-top: 60px;
}
.margin_bottom_10px {
	margin-bottom: 10px;
}
.margin_bottom_20px {
	margin-bottom: 20px;
}
.margin_bottom_30px {
	margin-bottom: 30px;
}
.margin_bottom_50px {
	margin-bottom: 50px;
}
.margin_left_10px {
	margin-left: 10px;
}
.margin_left_15px {
	margin-left:15px;
}
.margin_left_20px {
	margin-left: 20px;
}
.margin_left_40px {
	margin-left:40px;
}
.margin_left_50px {
	margin-left:50px;
}
.margin_left_90px {
	margin-left:90px;
}
.margin_left_95px {
	margin-left: 95px;
}

.padding_left_20px {
	padding-left: 20px;
}
.padding_right_20px {
	padding-right: 20px;
}

.centered {
	margin: 0 auto;
}