/* 
Title:		Weblings screen styles and IE7/win fixes
Author: 	cgeraci@webwars.com
Copyright:	2009, WebWars. All rights resevered.
*/



/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

a, img { border:0; }

 body {
  font: 62.5%/1.6 Georgia, Times New Roman, Times, serif;;
  color: #618bb2;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}


.left {
	float:left;	
	margin-top:20px;
	margin-right:5px;
}
.leftSpecial {
	float:left;	
	margin-top:0px;
	margin-right:10px;
}

.leftNewsImage {
	float:left;	
	margin-top:0;
	margin-right:10px;
}

.right {
	float:right;	
}


#blurb {
	font-size: 1.7em;
	color:#61607F;
	margin: 300px 10px 20px 20px;
	width:685px;
	display:block;
	float:left;
}

#blurbHome {
	font-size: 1.7em;
	color:#61607F;
	margin: 210px 10px 20px 20px;
	width:685px;
	display:block;
	float:left;
}


#mainContent a.actionLink {
	background:url(images/action_arrow.png) no-repeat right;
	padding: 5px 15px 8px 5px;
	color: #944E86;
	font-size:80%;
}

.moreLink {
	background:url(images/more_arrow.png) no-repeat right;
	padding: 5px 15px 8px 5px;
	font-size:80%;
}

#mainContent a.moreLink {
	color: #31608C;
	font-weight:bold;
}



#purpleParagraph {
	color: #61607F;
}

#mainContent .purpleLink {
	color: #944E86;
	font-weight:normal;
}

#blurbInterior {
	font-size: 1.7em;
	color:#56608C;
	margin: 100px 0 0 3px;
	width:688px;
	display:block;
	float:left;
}

#pageTitleInterior {
	color:#56608C;
	margin: 120px 0 0 22px;
	width:688px;
	display:block;
	float:left;
}

#pageTitleSpecial {
	margin: 120px 20px 0 30px;
}

p, li {
  font-size: 1.4em;
}

h1, p {
  margin: 1em 0;
}

h2 {
	margin: .7em 0 .4em 4px;
	color: #56608C;
}

#newsTitle {
	color:#31608C;
}

h3 #sidebar {
	color:#56908C;
	font-size: 1.0em;
	font-weight: normal;
}


#wrapper {
	background: url(images/header_home.jpg) top no-repeat #cbdbea;
}

#wrapperInterior {
	background:url(images/header_interior.jpg) top no-repeat;
	background-color: #cbdbea;
}

#wrapperInteriorAdventures {
	background:url(images/header_adventures_interior.jpg) top no-repeat;
	background-color: #cbdbea;
}



#branding h1 {
  margin: 0;
}

.subscriberBadge {
	float:left;	
	margin-top:20px;
	margin-right:5px;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}

#footClear {
  padding: 1px 20px;
}



/* Weblings Home Styles
================================== */

#flashLogo {
	float:left;	
}

#playNow {
	float:right;
	margin-top:0;
}

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	height:160px;
}

#footer a {
	color:#fff;
}

.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:150px;
}
#footer h3 {
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:10px;
}

#footer p {
	font-size:10px;
}

#footer {
	background: #628BB3;
	background-repeat:repeat-x;
	padding:40px 0 10px 0;
	position:relative;
	min-height:110px;
}



.containerBottom {
	width:960px;
	height:150px;
	margin:0 auto;
	position:relative;
	text-align:left;
}






/* The Main Stuff
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 960px; 
  margin: 0 auto; 
  text-align: left; 
  border-top: 1px solid #97b6d4;
}

#wrapperInterior {
  width: 960px; 
  margin: 0 auto; 
  text-align: left; 
  border-top: 1px solid #97b6d4;
}

#wrapperInteriorAdventures {
  width: 960px; 
  margin: 0 auto; 
  text-align: left; 
  border-top: 1px solid #97b6d4;
}


#bigWrapper {
  width: 100%; 
  margin: 0 auto; 
  text-align: left;
  background:url(images/background_weblings.jpg) top no-repeat;
}


#mainNav {
	width: 200px;
	float: left;
	list-style: none;
}

#mainNavHome {
	width: 200px;
	float: left;
	list-style: none;
}



#topNav {
	border:1px solid #333;
	float:left;
	}

#topNav li { 
		margin: 0 20px 0 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size:12px;
		text-transform:uppercase;
		color:#999999;
}


#content {
	width: 730px;
	float: right;
}

#contentHome {
	width: 730px;
	float: right;
	margin-top:0;
}



#headContent {
	width: 730px;
	height:260px;
	float: right;
}

#mainContent { 
  width: 440px; 
  margin: 0; 
  float: left; 
}

#mainContentWide { 
  width: 690px; 
  margin: 0; 
  float: left; 
  padding: 0 20px 0 20px;
}

#adventuresTop { 
	margin-top: 200px;
}


#mainContentWideAdventures { 
  width: 690px; 
  margin: 0; 
  float: left; 
  padding: 0 20px 0 20px;
}


#mainContentWide p { 
 color: #61607F;
}

#mainContentWideAdventures p { 
 color: #61607F;
}


#mainContentWide h1 {
	padding:0;
	margin:0;
}

#mainContentWideAdventures h1 {
	padding:0;
	margin:0;
}

#mainContentWide h2 {
	padding:0;
	margin:20px 0 0 0;
}

#mainContentWideAdventures h2 {
	padding:0;
	margin:20px 0 0 0;
}




#mainContentWide a{
	text-decoration:none;
}

#mainContentWideAdventures a{
	text-decoration:none;
}

#mainContentWide ul {
	margin-left:20px;
	}


#mainContentWideAdventures ul {
	margin-left:20px;
	}

#mainContentWide ul li {
	list-style-type: none;
}

#mainContentWideAdventures ul li {
	list-style-type: none;
}


#secondaryContent {
	width: 218px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
	clear:right;
	margin-right: 36px;
} 

#secondaryContent img {
	margin-bottom: 20px;
	border:none;
	}


#secondaryContentCharacter {
	width: 218px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
	clear:right;
	margin-right: 14px;
	margin-top:20px;
} 

.characterImage {
	margin-top:15px;
}


#secondaryContentCharacter img {
	margin-bottom: 20px;
	border:none;
	}









#footClear { 
  clear: both; 
} 


#secondaryContentHome {
	width: 265px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
	clear:right;
	margin: 14px 20px 0 0;
} 




/* Add some padding
================================== */

#secondaryContent {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 20px;
}


#mainNav {
	padding: 20px 0 20px 0;
	margin: 0 0 0 10px;
}


#mainNavHome {
	padding: 0 0 20px 0;
	margin: 0 0 0 10px;
}

#mainNav *, #secondaryContent * {
  padding-left: 10px;
  padding-right: 10px;
}

#mainNavHome *, #secondaryContentHome * {
  padding-left: 10px;
  padding-right: 10px;
}


#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}


#mainNavHome * *, #secondaryContentHome * * {
  padding-left: 0;
  padding-right: 0;
}


#secondaryContent a img {
	border:none;
	text-decoration:none;
	}

#logo {
	float: left;
	margin-right: 40px;
}


#logo span {
	display: block;
	width: 50px;
	height: 27px;
	}



#header {
	margin: 0 0 10px 0;
	padding: 0 5%;
	background: none;
	}

#header-inner {
	position: relative;
	max-width: 960px;
	min-width: 700px;
	margin: 0 auto;
	font-size: 1.2em;
	}

#logo {
	position: absolute;
	top: -11px;
	left: 0px;
	width: 90px;
	margin: 0;
	padding: 0 0 5px 0;
}

#logo span {
	display: block;
	margin:18px;
	width: 62px;
	height: 35px;
	background: url(images/logo_webwars.gif) no-repeat top;
	}

#logo a {
	width: 62px;
	height: 35px;
}

/* tagline */



h2#tagline {

	margin: 0 0 0 10px;
	padding: 18px 0 10px 20%;
	font-size: 1.1em; 
	font-weight: normal;
	line-height: 1.6;
	color: #7b828c;
	}

h2#tagline strong {

	text-transform: none;
	letter-spacing: 0;	
	color: rgba(255,255,255,.7);
	}

h2#tagline em {

	display: block;
	margin: 5px 0 0 0;
	font-size: .4em;
	line-height: 1.5em;
	font-style: normal;
	font-family: "Lucida Grande";
	}


/* navigation */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
margin-left: 120px;
	}

#nav ul li {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:104%;
	float: left;
	margin: 0;
	padding: 0;
	}

#nav ul li#t-home {
	margin-left: 15%;
	}

#nav ul li a {
	float: left;
	display: block;
	line-height: 1.4em;
	padding: 15px 10px 0px 10px;
	margin: 0;
	text-decoration: none;
	color: #333;
	border: none;
	-webkit-transition: color .3s linear;
}

#nav ul li a {

	display: block;
	font-size: .7em;
	line-height: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
	-webkit-transition: color .3s linear;
	}

#nav li a:hover {
	color: #999;
	}

#nav ul li a:hover strong {	
	color: #999;
	}

#nav li.active {
	color: #fff;
	border-bottom:3px solid #CBDBEA;
	padding-bottom: 2px;
	}

#nav li.active a strong {
	color: #333;
	}


/* Page Boxes
================================= */

/* Indestrucible box */

#twitContainer {
display:block;
  float: left;
  width: 200px;
  height:300px;
  margin: 20px 0 60px 0;
  padding: 0;
  color: #666;
  }

#twitContainer p {
	color: #628BB3;
	}

#containerTop {
  margin: 0;
  padding: 30px 9px 10px 35px;
  background: url(images/twitter_section_top.png) top no-repeat;
  }
  
 #containerBottom {
  display: block;
  clear:both;
  margin: 0;
  padding: 30px 9px 10px 9px;
  background: url(images/twitter_section_bottom.png) top no-repeat;
  }
  
#twit_Title {
  margin: 0;
  padding: 0 0 0 0;
  }
#twit_Title em {
	display: block;
	padding: 5px 9px 8px 25px;
	font-style: normal;
	letter-spacing:1px;
	margin-left:30px;
	color: #5f5f7f;
	background: url(images/twitter.png) left no-repeat;
	font-size:90%;
  }
#myspaceTitle em {
	display: block;
	padding: 9px 9px 10px 25px;
	font-style: normal;
	letter-spacing:1px;
	margin-left:30px;
	margin-bottom:-10px;
	color: #5f5f7f;
	background: url(images/myspace.png) left no-repeat;
	font-size:90%;
  }
#face_Title em {
	display: block;
	padding: 5px 9px 8px 25px;
	font-style: normal;
	letter-spacing:1px;
	margin-left:30px;
	margin-bottom:-10px;
	color: #5f5f7f;
	background: url(images/facebook.png) left no-repeat;
	font-size:90%;
  }

#twit_Title em a, #myspaceTitle em a, #face_Title em a {
		color: #5f5f7f;
}


.tweet {
  display: block;
  width:170px;
  float:left;
  margin-left:20px;
  font-style: normal;
  font-size:110%;
}

/* Latest News */

#newsContainer {
  float: left;
  width: 430px;
  margin: 0 0 0 0px;
  padding: 0 0 0 20px;
  color: #628BB3;
} 

#newsContainerHome {
  float: left;
  width: 430px;
  margin: 0 0 0 0px;
  padding: 0 0 0 0;
  color: #628BB3;
} 


#newsContainer td {
	font-size:13px;
}
  

#newsContainer ul li {
	list-style-type:disc;
	margin-left: 30px;
}
  
#newsTitle {
  margin: 0;
  padding: 0;
}
  
#newsTitle em {
  display: block;
  font-style: normal;
  letter-spacing:1px;
  color: #2D2B55;
  text-transform:uppercase;
}

.newsStory {
 	display: block;
 	padding: 0 0 10px 1px;
 	font-style: normal;
 	color:#61607F;
 	line-height:1.4em;
	font-family: Georgia, serif;
}
  
 .newsStory strong {
	color:#2D2B55;
	text-transform:uppercase;
	font-size:.8em;
	font-weight:bold;
	}
.newsStory em {
	font-weight:bold;
	color:#31608C;
	font-size:.9em;
	margin-right:7px;
}

/* Friends Style */

#friendsImage {
	display:block;
	float:left;
	margin-right:20px;
	margin-top:13px;
}

#facebookFriendsImage {
	float:left;	
	margin-top:0;
	margin-right:10px;
	margin-top:15px;
}



#friendsList {
	display:block;
	width:436px;
	float:left;
	margin-top:13px;
}


#friendsList ul {
	color:#944E86;
	line-height:2em;
 	list-style-type: none;
}

#friendsList ul li{
	background: url(images/bullet_funky.png) no-repeat 0 50%;
	margin-bottom:20px;
	padding-left:36px;
}



/* Tutorial Style */

#tutorialContainer {
  float: left;
  width: 685px;
  margin: 11px 0 0 19px;
  padding: 0;
  color: #628BB3;
  } 

.marg{
	margin-top: 60px;
}

#tutorialContainer  td {
	font-size:13px;
  }
  

#tutorialContainer  ul li {
	list-style-type:disc;
	margin-left: 60px;
  }

#tutorialContainer  ol li {
	margin-left: 60px;
  }

ol li {
	text-align:left;
}

.titleMargin {
	margin-top: 40px;
}


.hr {
	background:url(images/golden_hr.gif);
	width: 440px;
	height:13px;
	}

#newsTop {
	background: url(images/news_top.png) no-repeat;
	width: 440px;
	height:50px;
	}

#newsBottom {
	background: url(images/news_bottom.gif) no-repeat;
	width: 440px;
	height:50px;
	}



.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0px;
}
a:link, a:visited{
	COLOR:#975389;
	text-decoration:inherit;
}
#mainImage {
	width:960px;
	margin: 0px auto 0px 0px;
	
}

#mainImageInterior {
	width:960px;
	height:115px;
	margin: 0px auto 0px 0px;
}

#mainImageInteriorHome {
	width:360px;
	height:115px;
	margin: 0;
	clear:left;
	float:left;
}

#playNow {
	width:258px;
	height:115px;
	float:left;
	margin: -32px 0 0 435px;
	text-align:right;
}


#logoWrap1 {
	float:left;
	width:234px;
	margin-top:0px;
	margin-left:0px;
	border: 0px solid #f0f0f0;

}

#logoWrapInterior {
	float:left;
	width:200px;
	margin-top:80px;
	margin-left:0px;
	border: 0px solid #f0f0f0;
}

#weblings_logo {
	margin-left:0px;
	margin-top:0px;
	width:234px;
	height:149px;
	margin-bottom:0px;
	float:left;
	display:inline;
}

#weblings_logoInterior {
	margin-left:0px;
	margin-top:0px;
	width:234px;
	height:149px;
	margin-bottom:0px;
	float:left;
	display:inline;
}


#menu li {
	width:180px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-family:Georgia, Times New Roman, Times, serif;
	text-align: left;
	font-size:120%;
	color: #934d85;
	line-height: 170%;
}


#extLinkMenu li {
	width:180px;
	float:left;
	display:inline;
	font-family:Georgia, Times New Roman, Times, serif;
	text-align: left;
	font-size:120%;
	color: #5f5f7f;
	line-height: 170%;
}

#menu li a {

	text-decoration:none;
}

#menu #active {
	font-weight:bold;
}

#menu #sub a {
	color: #5f5f7f;
}

#menu #sub {
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:90%;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	text-align: left;
	color: #5f5f7f;
	line-height: 170%;
	padding-top:1px;
	padding-bottom:2px;
}


#extLinkMenu #sub a {
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:90%;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	text-align: left;
	color: #5f5f7f;
	line-height: 170%;
	padding-top:1px;
	padding-bottom:2px;
}
#extLinkMenu li a {
	text-decoration:none;
}

.page-item-250 {
	font-weight:bold;
}

.page-item-252, .page-item-254, .page-item-256, .page-item-259 {
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:90%;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	text-align: left;
	line-height: 170%;
	padding-top:1px;
	padding-bottom:2px;
	color: #5f5f7f;
	}

.page-item-252 a, .page-item-254 a, .page-item-256 a, .page-item-259 a { color: #5f5f7f;}

.page-item-250 {
	text-transform:uppercase;
}



#head_main {
	margin-left:0px;
	margin-top:0px;
	width:726px;
	height:388px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-image: url(images/head_main.jpg);
	overflow:hidden;
}

#head_mainInterior {
	margin-left:0px;
	margin-top:0px;
	width:726px;
	height:115px;
	margin-bottom:0px;
	float:left;
	display:inline;
	overflow:hidden;

}


dt {
	display: block;
	padding: 0 0 0 5px;
	font-style:oblique;
	color:#56608C;
	font-size: 1.4em;
}

dd {
	display: block;
	padding: 0 0 20px 5px;
	font-style: normal;
	color:#628BB3;
	font-size: 1.4em;
}