/*
	Main Stylesheet for New ThemeGreen - based on webstager ^ LetsVous
	By <hutzmedia.com>
	Dec 27, 2008 
	Last Modified: April 20, 2010 by hutzmedia.com
*/

html {
	font-family: Arial,Verdana,Sans-serif;
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: #FFFFFF;
	background-color: #000000;
	background-position: top center;
	background-repeat: no-repeat;
	
	background-image: url('http://rockstarnation.com/images_james2010/what_i_back.jpg');
	
}

img {
	border-style: none;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Page */
div#page {
	font-size: 115%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1051px;
	height: 1750px;
}

/* Page Database*/
div#page.database {
	font-size: 0.82em;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1980px; height: 1150px;
}

/*div.leftBG {
	position: absolute;
	left: -194px; top: 0px;
	width: 194px; height: 1142px;
	background-image: url('../images_2008/theme_green_left.jpg');
	background-repeat: no-repeat;
}

div.rightBG {
	position: absolute;
	right: -194px; top: 0px;
	width: 194px; height: 1142px;
	background-image: url('../images_2008/theme_green_right.jpg');
	background-repeat: no-repeat; 
}*/

/* Header */
div#page div.header {
	position: relative;
	height: 117px;
}

div#page div.header div.white {
	position: absolute;
	right: 210px;
	top: 25px;
}

div#page div.header div.white img {
	width: 25px;
	height: 25px;	
}

div#page div.header div.white1 {
	position: absolute;
	right: 185px;
	top: 25px;
}

div#page div.header div.white1 img {
	width: 25px;
	height: 25px;	
}

div#page div.header div.rss {
	position: absolute;
	right: 255px;
	top: 0px;
}

div#page div.header div.rss img {
	width: 31px;
	height: 33px;
}

div#page div.header div.flash {
	position: absolute;
	right: 195px;
	top: 16px;
}

div#page div.header div.j_script img {
	width: 54px;
	height: 36px;
}

div#page div.header div.j_script {
	position: absolute;
	right: 210px;
	top: 16px;
}

div#page div.header div.flash img {
	width: 41px;
	height: 41px;	
}

div#page div.header div.textSize {
	position: absolute;
	cursor: default;
	right: 32px;
	top: 16px;
	width: 100px;
	color: #646464;
	padding: 3px;
	font-size: 9pt; /* absolute font size so it doesn't resize with page */
}

div#page div.header div.textSize a {
	display: block;
	position: absolute;
	right: 0px; top: 0px;
	
	width: 12px;
	text-decoration: none;
	border: #646464 solid 1px;
	padding: 1px;
	color: #FFFFFF;
	text-align: center;
}
div#page div.header div.textSize a.disabled {
	border: #444444 solid 1px;
	color: #444444;
}

div#page div.header div.textSize a#smaller {
	right: 15px;
}

div#page div.header img {
	position: absolute;
	left: 471px;
	top: 16px;
	width: 455px;
	height: 66px;
}

div#page div.header div.links {
	position: absolute;
	right: 528px;
	bottom: 2px;
	width: 793px;
}

div#page div.header div.links a {
	font-size: 100%;
	padding: 5px;
	margin-left: 14px;
	color: #FFF;
	text-decoration: none;
}

/* Sites: Flash iFrame */
div#page div.sites {
	margin-left: 5px;
	width: 980px;
	height: 150px;
	margin-bottom: 19px;
}	

/* Content */
div#page div.content {
	position: absolute;
	left: 12px;
	top: 170px;
	width: 1033px;
	height: 731px;
}

body.internal div#page div.content  {

	height: 840px;
	overflow: auto;
		
}

div#page div.content div.title img {
	width: 975px; height: 57px;
	margin-left: -30px;
	margin-bottom: 1em;
}

div#page div.content p.readmoreHeader {
	color: #FB8D77;
	font-size: 160%;
	letter-spacing: 0.02em;
	margin-bottom: 1em;
}

/* Normal */
div#page div.content div.description {
	color: #DDDDDD;
	font-size: 90%;
	width: 60%;
}

div#page div.content div.description span { 
	color: #0099FF;
	font-weight: bold;
}

div#page div.content div.definition {
	position: absolute;
	color: #FB8D77;
	width: 30%;
	right: 0px; top: 3.5em;
	font-size: 140%;
}
div#page div.content div.definition1 {
	position: absolute;
	color: #FFFFFF;
	width: 30%;
	right: 0px; top: 3.5em;
	font-size: 90%;
}
/* Marketing */
body.marketing div#page div.content div.description {
	
	width: 45%;
	
}
body.marketing div#page div.content div.definition {
	
	width: 50%;
	
}

div#page div.content div.definition p.origin {
	font-size: 60%;
	text-decoration: underline;
}

div#page div.content div.definition p {
	margin-top: 1em;
}

/* Content: Left Div */
div#page div.content div.left {
	color: #FFFFFF;
	width: 705px;
	height: 406px;
	position: absolute;
	left: 5px;
	top: 12px;
}
/* Content: Left Div News feeds */
div#page div.tgb a {
	color: #00CCFF;
	text-decoration: none;
	font-size: 125%;
}


div#page div.content div.left {
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.4em;
	font-size: 15px;
	position: absolute;
	left: 15px;
	top: 110px;
	width: 679px;
	height: 919px;
}

div#page div.content div.left div.heading {
	font-size: 160%;
	font-weight: bold;
	position: absolute;
	top: -95px;
	width: 1003px;
	left: -1px;
}
div#page div.content div.left div.h2 {
	font-size: 125%;
	letter-spacing: 0.2px;
}

div#page div.content div.left img.readMore {
	margin-top: 0.5em;
	width: 87px; height: 18px;
}
div#page div.content div.left div.center {
	position: absolute;
	color: #000000;
	width: 100px;
	left: 10px; bottom: -60px;
}


div#page div.content div.left div.inbound {
	position: absolute;
	color: #CCC;
	width: 523px;
	left: 9px;
	bottom: 9px;
	font-size: 14px;
	height: 777px;
}

div#page div.content div.left div.inbound_a1 {
	position: absolute;
	color: #CCC;
	width: 429px;
	left: 569px;
	top: 71px;
	height: 288px;
}

/* Content: Right Div */

.style1 {color: #009900}
.style2 {color: #00CCFF}
.style7 {color: #FFFFFF}

div#page div.content div.right {
	position: absolute;
	right: 25px;
	top: 68px;
	width: 280px;
	color: #FFFFFF;
	height: 30px;
	
}

div#page div.content div.right div.schedule {
	position: absolute;
	width: 115px;
	top: 317px;
	height: 29px;
	left: -724px;

}


div#page div.content div.right div.schedule1 {
	position: absolute;
	width: 286px;
	top: 292px;
	height: 210px;
	left: 8px;

}

div#page div.content div.right div.schedule2 {
	position: absolute;
	width: 283px;
	top: 516px;
	height: 265px;
	left: 6px;

}

div#page div.content div.right div.schedule3 {
	position: absolute;
	width: 288px;
	top: 573px;
	height: 81px;
	left: -7px;

}

div#page div.content div.right div.schedule4 {
	position: absolute;
	width: 163px;
	top: 1107px;
	height: 70px;
	left: -700px;

}



/* Application descript Text Boxes*/

	
div#page div.app_text {
	position: absolute;
	top: 530px;
	width: 100%;
	height: 20px;
	left: 20px;
	font-size: 80%;
}
div#page div.app_text div.left {
	position: absolute;
	color: #FFFFFF;
	width: 80px;
	left: 85px; bottom: 0px;
}

div#page div.app_text div.center {
	position: absolute;
	color: #FFFFFF;
	width: 80px;
	left: 173px; bottom: 0px;
}

div#page div.app_text div.right {
	position: absolute;
	color: #FFFFFF;
	left: 260px; bottom: 0px;
	width: 80px; 
}

div#page div.app_text div.mblog {
	position: absolute;
	color: #FFFFFF;
	width: 80px;
	left: 428px; bottom: 0px;
}

div#page div.app_text div.widget {
	position: absolute;
	color: #FFFFFF;
	width: 80px;
	left: 344px; bottom: 0px;
}

div#page div.app_text div.collaborate {
	position: absolute;
	color: #FFFFFF;
	left: 513px; bottom: 0px;
	width: 80px; 
}

/* Sub Footer Text Boxes*/

	
div#page div.text_footer {
	position: absolute;
	bottom: 244px;
	width: 100%;
	height: 238px;
	left: 20px;
}

/* text_footer: Left Div News feeds */
div#page div.tgb a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 90%;
}


div#page div.text_footer div.left div {
	margin: 0px; padding: 0px;
	margin-bottom: 0.4em;
	font-size: 85%;
}

div#page div.text_footer div.left div.heading {
	font-size: 125%;
	font-weight: bold;
}
div#page div.text_footer div.left div.h2 {
	font-size: 125%;
	letter-spacing: 0.2px;
}

div#page div.text_footer div.left img.readMore {
	margin-top: 0.5em;
	width: 87px; height: 18px;
}

/* mini_imgy: right IMGY gallery - Dec 29, 2008 SJA */

/* Dec 29 2008 - Mini IMGY*/

	
div#page div.mini_imgy {
	position: absolute;
	bottom: 112px;
	width: 100%;
	height: 160px;
	left: 7px;
	font-size: 80%;
}

div#page div.mini_imgy div.imgy_right {
	position: absolute;
	color: #FFFFFF;
	right: 75px; bottom: -10px;
	width: 220px;
	height: 160px; 
}

/* Footer */

div#page div.footer {
	position: absolute;
	bottom: 2px;
	width: 100%;
	height: 80px;
	left: -8px;
	background-color: #000;
}

div#page div.footer p {
	margin: 0px; padding: 0px;
	font-size: 75%;
	text-align: center;
	color: #FFFFFF;
	
	position: absolute;
	left: 380px; bottom: 35px;
}

div#page div.footer p a {
	text-decoration: underline;
	color: #646464;
}

div#page div.footer img {
	left: -20px;
	top: 146px;
}

div#page div.footer img#mimi {
	left: 25px; bottom: 33px;
	width: 150px; height: 55px;
} 

div#page div.footer img#edatetravel {
	left: 190px; bottom:  35px;
	width: 179px; height: 48px;
}

div#page div.footer img#themegreen {
	right: 225px; bottom:  30px;
	width: 84px; height: 35px;
}

div#page div.footer img#letsvous {
	right: 20px; bottom: 30px;
	width: 182px; height: 48px;
}

/* Header: Login */
div.header div.error {
	position: absolute;
	left: 525px; top: 0px;
	width: 175px;
	border: #E1E1E1 solid 1px;
	background-color: #833C39;
	color: #FFFFFF;
	padding: 16px;
}

div.header div.login form {
	margin: 0px;
}

div.header div.login {
	position: absolute;
	left: 817px; top: 21px;
	width: 236px; height: 39px;
}

div.header div.login input {
	position: absolute;
	background-color: transparent;
	border-style: none;
}
div.header div.login input.username {
	left: 0px; top: 0px;
	width: 76px; height: 17px;
	padding: 4px;
}
div.header div.login input.password {
	left: 92px; top: 0px;
	width: 76px; height: 17px;
	padding: 4px;
}
div.header div.login input.submit {
	left: 182px; top: 0px;
	width: 52px; height: 25px;
	cursor: pointer;
}

div.header div.login input.register {
	left: 177px; top: 32px;
	width: 58px; height: 20px;
	cursor: pointer;
}


div.header div.login a.forgot {
	position: absolute;
	left: 44px; top: 54px;
	color: #FFFFFF;
	text-align: center;
	font-size: 85%;
}


div.header img.picture {
	position: absolute;
	right: 150px;
	top: 25px;
	z-index: 12;
}

/* User Content - February 04, 2009 */
div#page div.userContent {
	position: absolute;
	left: 208px;
	top: 774px;
	width: 864px;
	height: 140px;
	overflow: hidden;
	overflow-x: auto;
	
}

div#page div.userContent div.content, .scroll-content {
	position: relative;
	left: 0px; top: 0px;
	padding: 0px; margin: 0px;
	width: 2300px;
}

.scroll-pane { overflow: auto; }
.scroll-content-item { width: 500px; height: 75px; float: left; margin: 10px; font-size: 12pt; padding-top: 25px; text-align: center; }
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 16px; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top: 0px; height: 12px; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }



div#page div.userContent div.content div.item {
	float: left;
	position: relative;
	width: 281px; height: 112px;
	margin: 4px;
	margin-right: 0px;
	border: #000000 solid 1px;
	background-color: #023417;
	font-size: 85%;
}

div#page div.userContent div.content div.imgy {
	position: relative;
	background-image: url('../images_2008/imgy.bg.png');
	background-color: #214832;
	height: 112px;
	color: #BBBBBB;
	cursor: pointer;
}
div#page div.userContent div.content div.imgy:hover {
	background-image: url('../images_2008/imgy.bg.hover.png');
	background-color: #23404B;
	color: #FFFFFF;
}

div#page div.userContent div.content div.imgy img {
	position: absolute;
	left: 4px; top: 6px;
	display: block;
	padding: 4px;
	background-color: #FFFFFF;
	border: #000000 solid 1px;
}

div#page div.userContent div.content div.imgy p {
	position: absolute;
	left: 141px; top: 36px;
	width: 132px; height: 68px;	
	overflow: hidden;
}


div#page div.userContent div.content div.blog {
	background-image: url('../images_2008/blog.bg.png');
	background-color: #214832;
	color: #BBBBBB;
	cursor: pointer;
}
div#page div.userContent div.content div.blog:hover {
	background-image: url('../images_2008/blog.bg.hover.png');
	background-color: #23404B;
	color: #FFFFFF;
}

div#page div.userContent div.content div.blog div.p {
	position: absolute;
	left: 12px; top: 34px;
	width: 260px; height: 70px;	
	overflow: hidden;
}

div#page div.userContent div.content div.blog div.p div {
	/* title */
	overflow: hidden;
	height: 16px;
}

div#page div.userContent div.content div.blog {
	background-image: url('../images_2008/blog.bg.png');
	background-color: #214832;
	color: #BBBBBB;
	cursor: pointer;
}

div#page div.userContent div.content div.newMember {
	background-image: url('../images_2008/newMember.bg.png');
	background-color: #214832;
	color: #BBBBBB;
	cursor: pointer;
}

div#page div.userContent div.content div.newMember:hover {
	background-image: url('../images_2008/newMember.bg.hover.png');
	background-color: #23404B;
	color: #FFFFFF;
}

div#page div.userContent div.content div.newMember div.img {
	position: absolute;
	left: 14px; top: 41px;
	width: 240px;
}

div#page div.userContent div.content div.newMember div.img img {
	float: left;
	margin-right: 8px;
	height: 60px;
}

div#page div.userContent div.content div.travel {
	background-image: url('../images_2008/travel.bg.png');
	background-color: #214832;
	color: #BBBBBB;
	cursor: pointer;
}

div#page div.userContent div.content div.travel:hover {
	background-image: url('../images_2008/travel.bg.hover.png');
	background-color: #23404B;
	color: #FFFFFF;
}

div#page div.userContent div.content div.travel div {
	position: absolute;
	left: 14px; top: 41px;
	width: 240px;
}