* {
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Tahoma, Arial, Verdana, sans-serif;
	color: #555555;
}

body 
{
	font-size: 62.5%;
	background: url("../assets/template/bgcl.gif") repeat-x;
	background-attachment: fixed;
}

p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

li
{
	list-style: square;
	list-style-position:inside;
	list-style-image: url("../assets/content/bullet.png");
}

/*************************************************************************************************
Clearfix */
.clearfix {
	CLEAR: both; DISPLAY: block
}

/****************************************************************************************
Wrapper */
div#wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/****************************************************************************************
Banner */
div#banner 
{
	width:1000x;
	height:60px;
	background: url("../assets/template/contentBG.png");
} 

/****************************************************************************************
Banner */
div#logo 
{
	width:300px;
	height:60px;
	cursor: pointer;
	background: url("../assets/template/Calm_LLama_Logo.png") bottom left no-repeat;
} 

/****************************************************************************************
Footer */
div#fWrapper 
{
	margin-top: 10px;
	width:1000px;
	height:100px;
	background: url("../assets/template/footer.png") bottom repeat-x;
	float:left;
} 

div#footer 
{
	width: 980px;
	float: left;
	margin-left:10px;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 15px;
	border-top: solid 1px #999999;
	text-align:center;
}

div#copy 
{
	width: 980px;
	float: left;
	margin-left:10px;
	margin-right: 10px;
	margin-top: 10px;
	text-align:center;
	color: #999999;
}

.fText 
{
	width: 1000px;
	float:left;
	color: #999999;
	line-height: 23px;
} 

.fText li, .fText ul
{
	display: inline;
	font-size: 1.1em;
	padding-right: 20px;
} 

.reddit
{
	background: url("/assets/template/reddit.gif") no-repeat left center;
	padding-left: 20px;
}

.delicious
{
	background: url("/assets/template/delicious.gif") no-repeat left center;
	padding-left: 20px;
}

.digg
{
	background: url("/assets/template/digg.gif") no-repeat left center;
	padding-left: 20px;
}

.facebook
{
	background: url("/assets/template/facebook.gif") no-repeat left center;
	padding-left: 20px;
}

.stumbleupon
{
	background: url("/assets/template/su.gif") no-repeat left center;
	padding-left: 20px;
}

.fText a
{
	color: #a3b341;
	text-decoration: none;
}

.fText a:hover
{
	text-decoration: underline;
}

/*************************************************************************************************
Main TL Navigation */
div#contentarea
{
	width: 1000px;
	float: left;
	border-top: 0px;
	background:  url("../assets/template/contentBG.png"); /* #282d2f;  #32373a; */
}

div#subMenuContent
{
	width: 522px;
	float: left;
	padding-right: 10px;
}

.CategoryImage
{
	width: 112px;
	float: left;
	text-align:center;
}

div#Categories h3
{
	color: #a3b341;
	padding-top: 0px;
	font-size: 1em;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:10px;
	padding-left:2px;
	border-bottom: 1px dotted #555555;
}

div#subNavigation
{
	width: 180px;
	float: left;
	padding: 10px;
	border-left: 1px solid #cccccc;
}

div#subNavigation h3
{
	color: #a3b341;
	padding-top: 0px;
	font-size: 1em;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:10px;
	padding-left:2px;
	border-bottom: 1px dotted #555555;
}

div#subNavigation .options, div#subNavigation .options a
{
	color: #555555;
	padding-top: 0px;
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	padding-left:2px;
}

div#subNavigation .optionsActive, div#subNavigation .optionsActive a
{
	color: #cccccc;
	padding-top: 0px;
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	padding-left:2px;
}

div#content
{
	width: 980px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	min-height: 200px;
	float: left;
	font-size: 1.1em;
	/*background: url("../assets/template/bg.png") repeat-y;*/
}

div#content a
{
	color: #a3b341;
	text-decoration: none;
}

div#content a:hover
{
	text-decoration: underline;
}

div#content h1
{
	font-size: 1.4em;
	color: #a3b341;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
}

div#content h2
{
	font-size: 1.1em;
	color: #a3b341;
	margin-top: 10px;
	font-weight: normal;
	text-decoration: none;
}

div#content h2 a
{
	text-decoration: none;
	color: #a3b341;
}

div#content h2 a:hover
{
	text-decoration: underline;
	color: #a3b341;
}

div#navigation
{
	font-size: 1.2em;
	width: 1000px;
	float: left;
	text-align:center;
	height: 40px;
	background:  url("../assets/template/contentBG.png");
}

.menuOption
{
	width: 166px;
	color: #fff;
	text-align: center;
	float: left;
}

.menuOption a
{
	color: #fff;
	text-decoration: none;
}

.menuOption a:hover
{
	color: #a3b341;
}
	
.menuOptionActive
{
	margin-top:4px;
	width: 166px;
	color: #fff;
	text-align: center;
	float: left;
	text-decoration: underline;
}

.menuOptionActive a
{
	color: #fff;
	text-decoration: none;
}

.subMenuOption
{
	width: 155px;
	padding-left: 30px;
	line-height: 30px;
	color: #fff;
	background: #d5ad86;
}

.subMenuOption a
{
	color: #fff;
	text-decoration: none;
}

.subMenuOptionActive
{
	width: 155px;
	padding-left: 30px;
	line-height: 30px;
	color: #fff;
	background: #a56d00;
}

.subMenuOptionActive a
{
	color: #fff;
	text-decoration: none;
}

.subMenuOption a:hover
{
	color: #000;
	text-decoration: underline;
}

.newsItem
{
	width: 727px;
	margin-bottom: 10px;
	float: left;
}

.newsImage
{
	float: left;
	width: 43px;
	height: 50px;
	background: url("../assets/template/calendar.gif") no-repeat;
	text-align: center;
	padding-right: 3px;
	margin-top: 8px;
}

.month
{
	color: #fff;
}

.day
{
	font-size: 1.2em;
}

.newsText
{
	float: left;
	width: 650px;
	padding: 6px;
	padding-left: 10px;
}

.newsTitle a
{
	font-size: 1.2em;
	color: #a3b341;
	text-decoration: none;
}

.newsTitle a:hover
{
	text-decoration: underline;
}

.newsSummary
{
	font-size: 1.1em;
	width: 650px;
}

.input
{
	padding: 5px;
	border: 1px dotted #999999;
	font-size: 1em;
	background-color: #000;
	overflow: auto;
}

.submit
{
	padding: 5px;
	border: 0px;
	font-size: 1em;
	color: #000;
	background-color: #999999;
}

div#imageWrapper
{
	width: 767px;
	float: left;
}

.imageGallery
{
	float: left;
	width: 140px;
	padding: 5px;
	margin: 14px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 0px;
	height: 93px;
	border: 1px solid #a3b341;
}

.tbox
{
	border: 1px solid #9aa19f;
}

.largeImage
{
	width: 450px;
	padding: 5px;
	height: 342px;
	border: 1px solid #a3b341;
}

div#links a:hover
{
	border-bottom: 0px;
	text-decoration: none;
}

div#HPlCon
{
	width: 400px;
	padding-right: 10px;
	float: left;
}

div#HPrCon
{
	width: 300px;
	padding: 5px;
	float: left;
}

div#HPrCon a, div#HPrCon a:hover
{
	text-decoration: none;
	border-bottom: none;
}

/*****************************************
Game Styles *****************************/

div#Categories
{
	width: 170px;
	float: left;
	border: solid 1px #cccccc;
	margin-right: 10px;
	overflow: hidden;
}

.Category
{
	margin-top:10px;
	margin-bottom: 10px;
	padding-left: 12px;
	margin-left: 12px;
	font-size: 1.2em;
}

.CategoryActive
{
	margin-top:10px;
	margin-bottom: 10px;
	padding-left: 12px;
	margin-left: 12px;
	font-size: 1.2em;
	color: #fff;
	background: url("../assets/template/Active.png") no-repeat;
}

.Category a
{
	text-decoration: none;
	border-bottom: 0px;
}

.Category a:hover
{
	text-decoration: underline;
	border-bottom: 0px;
}

div#GameCategory
{
	width: 980px;
	margin-bottom: 20px;
	margin-top: 10px;
}

div#Games
{
	width: 620px;
	float: left;
	border: solid 1px #cccccc;
}

div#LatestGames
{
	width: 305px;
	float: left;
	border: solid 1px #cccccc;
	margin-right: 10px;
}

div#HotGames
{
	width: 305px;
	float: left;
	border: solid 1px #cccccc;
	
}

div#GameAdverts
{
	margin-left: 10px;
	width: 160px;
	float: left;
	height: 600px;
	/*background: url("../assets/content/addTest.png") no-repeat;*/
	border: solid 1px #cccccc;
}

.GameWrapper
{
	width: 290px;
	height: 85px; 
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

.GameImage
{
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-top: 8px;
	border: 1px solid #cccccc;
}

.GameText
{
	float: left;
	width: 215px;
	padding: 6px;
	padding-left: 5px;
}

.GameTitle
{
	font-size: 1.2em;
	color: #a3b341;
	text-decoration: none;
	width: 130px;
	float: left;
	height: 20px !important;
	overflow: hidden;
}

.GameTitle a:hover
{
	text-decoration: underline;
}

.GameSummary
{
	font-size: 0.9em;
	width: 220px;
	color: #ccc;
}

.GameRating
{
	width: 85px;
	float: left;
	height: 20px;
}

div#GamePlay
{
	width:978px;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
}

div#GameHeading
{
	width: 958px;
	background: url("../assets/template/stripe.png");
	height:40px;
	margin-bottom: 20px;
	padding-left: 20px;
}

div#GameHeading h1
{
	color: #fff;
	font-family: Arial, Tahoma, Verdana;
	font-size:1.5em;
}

div#Game
{
	width: 700px;
	padding-left: 20px;
	padding-right: 20px;
	float:left;	
	text-align: center;
}

div#GameDetail
{
	width: 218px;
	height: 200px;
	float:left;
}

div#GameDetail p
{
	color: #ccc;
}

div#contentTop
{
	width: 1000px;
	float: left;
	height: 14px;
padding-bottom: 10px;
text-align:center;
	background:  url("../assets/template/contentBG.png");
	/*background: url("../assets/template/topContentArea.png");*/
}

div#logoBottom
{
	float: left;
	width: 980px;
	height: 44px;
	padding-left:20px;
	background:  url("../assets/template/contentBG.png");
	/*background: url("../assets/template/bottomLogo.png");
	background: url("../assets/template/base.gif");*/
}

div#logoBottom h1
{
font-size: 1.1em;
color: #a3b341;
}