@charset "UTF-8";
/* This is the CSS code for my BlueGillStudios.com site, feel free to learn from my mistakes ;) */

body
	{
	background: #000000 url(media/design/background.gif) repeat-x;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
.small
	{
	font-size: 10px;
	font-weight: 100px;
	}

/* Holds the page and centers it */
#holder
	{
	width: 799px;
	margin: auto auto;
	position: relative;
	}
		
#navholder
	{
	height:91px;
	width:799px;
	float:left;
	position: relative;
	}
#news
	{
	width: 799px;
	height: 152px;
	margin-top: 35px;
	}
#news A:link {color: #000; text-decoration: none;}
#news A:visited {color: #000; text-decoration: none;}
#news A:hover {color: #e00000; text-decoration: none;}
#news A:active {color: #252b45; text-decoration: underline;}
.news1
	{
	width: 232px;
	height: 150px;
	float: left;
	position: relative;
	background-image: url(media/mainpage/news1.png);
	margin-left: 21px;
	text-align: center;
	padding-top: 2px;
	font-size: smaller;
	}
.news2
	{
	width: 232px;
	height: 150px;
	float: left;
	position: relative;
	background-image: url(media/mainpage/news2.png);
	margin-left: 33px;
	text-align: center;
	padding-top: 2px;
	font-size: smaller;
	}
.news3
	{
	width: 232px;
	height: 150px;
	float: left;
	position: relative;
	background-image: url(media/mainpage/news3.png);
	margin-left: 32px;
	text-align: center;
	padding-top: 2px;
	font-size: smaller;
	}
.news1 span, .news2 span, .news3 span
	{
	font-style: italic;
	color: gray;
	}
#content
	{
	width: 799px;
	min-height: 384px;
	background: #b7b7b7 url(media/light/content-mid-s.png) no-repeat;
	float: left;
	position: relative;
	margin-top: 0px;
	}
#ticker
	{
	float: left;
	position: relative;
	width: 700px;
	min-height: 50px;
	margin-top: 30px;
	margin-left: 49px;
	}
#newsticker A:link {color: #fff; text-decoration: none;}
#newsticker A:visited {color: #fff; text-decoration: none;}
#newsticker A:hover {color: #252b45; text-decoration: none;}
#newsticker A:active {color: #252b45; text-decoration: underline;}
.tick
	{
	text-align: center;
	border-top: solid 1px;
	border-top-color: #d2d2d2;
	padding-top: 15px;
	}
/* Headers */

#h-startpage		{
							
							}
							
#h-main
	{
	width: 799px;
	height: 338px;
	background: url(media/light/content-top.png) top left no-repeat;
	float: left;
	position: relative;
	}
#h-main-s
	{
	width: 799px;
	height: 196px;
	background: url(media/light/content-top-s.png) top left no-repeat;
	float: left;
	position: relative;
	}
h1	
	{
	font-size: 18px;
	color: #2e313d;
	}
/* ----- Formating for the Uper Link area ----- */
#h-nav
	{
	width: 799px;
	height: 28px;
	float: left;
	position: relative;
	background-image: url(media/light/subnav.gif);
	text-align: center;
	padding-top: 8px;
	color: #252b45;
	}
#h-nav A:link, #h-nav A:visited
	{
	color: #1777ba;
	background-color: #dcdcdc;
	}
#h-nav A:hover, #h-nav A:active
	{
	color: #252b45;
	text-decoration: none;
	background-color: #dcdcdc;
	}

/* ----- Store Main Content ----- */

#store
	{
	width: 799px;
	height: 152px;
	margin-top: 35px;
	}
#store A:link {color: #000; text-decoration: none;}
#store A:visited {color: #000; text-decoration: none;}
#store A:hover {color: #e00000; text-decoration: none;}
#store A:active {color: #252b45; text-decoration: underline;}
.game1
	{
	width: 212px;
	height: 90px;
	float: left;
	position: relative;
	background-image: url(media/store/game1.jpg);
	margin-left: 21px;
	text-align: center;
	padding-top: 210px;
	padding-left: 20px;
	font-size: smaller;
	font-weight: bold;
	}
.obj1
	{
	width: 232px;
	height: 298px;
	float: left;
	position: relative;
	background-image: url(media/store/obj1.jpg);
	margin-left: 21px;
	text-align: center;
	padding-top: 2px;
	font-size: smaller;
	}
.obj2
	{
	width: 212px;
	height: 290px;
	float: left;
	position: relative;
	background-image: url(media/store/obj2.jpg);
	margin-left: 33px;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: smaller;
	}
.obj3
	{
	width: 232px;
	height: 290px;
	float: left;
	position: relative;
	background-image: url(media/store/obj3.jpg);
	margin-left: 32px;
	text-align: center;
	padding-top: 10px;
	font-size: smaller;
	}
.objtext
	{
	width: 232px;
	height: 60px;
	float: left;
	position: relative;
	}
.login
	{
	width: 232px;
	float: left;
	position: relative;
	margin-top: 15px;
	}
.obj1 span, .obj2 span, .obj3 span
	{
	font-style: italic;
	color: gray;
	margin-top: 10px;
	}
.error
	{
	color: white;
	}
/* ----- Store Loged-in Area ----- */

#control-panel
	{
	width: 232px;
	height: 298px;
	float: right;
	position: relative;
	background-image: url(media/store/control-panel.jpg);
	margin-right: 21px;
	text-align: center;
	padding-top: 2px;
	font-size: smaller;
	margin-top: 35px;
	}
.cp-mid
	{
	color: white;
	font-size: 15px;
	}
.cp-mid ul
	{
	color: white;
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	font-size: 15px;
	margin-left: 15px;
	}
.cp-mid A:link {color: #fff; text-decoration: none;}
.cp-mid A:visited {color: #fff; text-decoration: none;}
.cp-mid A:hover {color: #000; text-decoration: none;}
.cp-mid A:active {color: #252b45; text-decoration: underline;}
#games-you-own
	{
	width: 500px;
	min-height: 100px;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-top: 35px;
	}
#thank-you
	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b8b8b8;
	width: 500px;
	float: left;
	position: relative;
	height: 38px;
	text-align: center;
	}
.game
	{
	width: 500px;
	height: 90px;
	float: left;
	position: relative;
	margin-top: 15px;
	}
.game-img
	{
	width: 70px;
	height: 70px;
	float: left;
	position: relative;
	margin-top: 10px;
	}
.game-info
	{
	float: left;
	position: relative;
	margin-left: 10px;
	line-height: 6pt;
	}
.game-info p
	{
	font-size: 12px;
	line-height: 3pt;
	}
/* Content related CSS follows */
/* creates the 3 image background */


#subnav				{
							width: 799px;
							height: 28px;
							background: url(media/design/subnav.gif) top left no-repeat;
							float: left;
							position: relative;
							}
			
#contentmain		{
							width: 799px;
							min-height: 278px;
							background: #b7b7b7 url(media/design/content-bg.gif) top left repeat-y;
							float: left;
							position: relative;
							margin-top: 0px
							}
						


#subfooter			{
							width: 799px;
							height: 32px;
							background: url(media/design/footer1.gif) top left no-repeat;
							float: left;
							position: relative;
							}
			
/* Main Page Content */	

#main-c1				{
							width: 210px;
							min-height: 220px;
							float: left;
							position: relative;
							margin-left: 37px;
							margin-top: 9px;
							padding-left: 5px;
							padding-top: 5px;
							padding-right: 5px;
							text-align: center;
							color: #4c505e;
							}
							
#main-c2				{
							width: 210px;
							min-height: 220px;
							float: left;
							position: relative;
							margin-left: 33px;
							margin-top: 9px;
							padding-left: 5px;
							padding-top: 5px;
							padding-right: 5px;
							text-align: center;
							color: #4c505e;
							}
							
#main-c3				{
							width: 210px;
							min-height: 220px;
							float: left;
							position: relative;
							margin-left: 33px;
							margin-top: 9px;
							padding-left: 5px;
							padding-top: 5px;
							padding-right: 5px;
							text-align: center;
							color: #4c505e;
							}





/* Holds all actual content */	
#textblock				{
							width: 547px;
							float: left;
							position: relative;
							padding-left: 20px;
							padding-right: 10px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 15px;
							text-align: justify;
							color: #252b45;
							}




/* Main area for right content boxes */

.rb-mid		{
			width: 173px;
			background: url(media/design/rb-mid.gif);
			padding-left: 8px;
			padding-right: 8px;
			float: left;
			position: relative;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #777a88;
			text-align: justify;
			}

/* signature area for right content boxes */
.rb-bottom	{
			width: 174px;
			height: 46px;
			background-image:url(media/design/rb-bottom.gif);
			float: left;
			position: relative;
			padding-right: 15px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			color: #777a88;
			text-align: right;
			}
			
/* Small in-Page formating classes */
/* normal text link */
.learn-more	{
			color: #252b45;
			text-decoration:none;
			text-align: right;
			width:526px;
			font-family: Arial, Helvetica, sans-serif;
			}
			
/* ----- cusome links ----- */

.learn-more A:link {color: #252b45; text-decoration: none;}
.learn-more A:visited {color: #252b45; text-decoration: none;}
.learn-more A:hover {color: #000; text-decoration: none;}
.learn-more A:active {color: #252b45; text-decoration: underline;}

A:link {color: #1777ba; text-decoration: none;}
A:visited {color: #1777ba; text-decoration: none;}
A:hover {color: #FFF; text-decoration: none;}
A:active {color: #FFF; text-decoration: underline;}

.footer A:link {color: #535353; text-decoration: none;}
.footer A:visited {color: #535353; text-decoration: none;}
.footer A:hover {color: #fff; text-decoration: none;}
.footer A:active {color: #535353; text-decoration: underline;}

/* ----- Page Footer ----- */
.footer		{
			width: 749px;
			height: 30px;
			color: #535353;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			padding-left:50px;
			padding-top:10px;
			float: left;
			position: inherit;
			}

#foothold	{
				width: 822px;
				height: 72px;
				margin: auto auto;
				}