/* -----------------------------------------------------------
	 General Styles
----------------------------------------------------------- */

@import url("reset.css");
@import url("//fonts.googleapis.com/css?family=Fjalla+One");
@import url("content.css");
/*@import url("join-boxes.css");*/


/* Selection colours (easy to forget) */
.clear{clear:both;}

body {
	width: 100%;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family:Arial, Tahoma;
	background:#333333 url("../images/bg_main.jpg") fixed top center;
	position:relative;
	line-height: 20px;
}
.clear{ clear: both; }
.clearfix:before, .clearfix:after{ content: " "; display: table; }
.clearfix:after { clear:both; }

#main{
	width:960px;
	margin:0 auto;
	padding-top: 20px;
	position:relative;
	z-index:10;
}

.thr{
	background:url("http://natashastarr.com/images/thr.png") no-repeat center center;
	width:960px;
	height:11px;
	display: block;
}
.thr.bot{
	margin-bottom:5px;
}

h1, h2{
	/*border:#ff99ff 1px solid;*/
	font-family: 'Fjalla One', sans-serif;
	font-size:35px;
	text-transform: uppercase;
	clear:both;
	display:block;
	line-height: 35px;
	/*background: #FFFFFF url("../images/hearts.png") no-repeat center left;*/
	color:#336699;
	/*text-indent:80px;*/
	text-align:center;
	padding:15px 0px;
}
h2 span { color:#336699; }
h2 a, h2 a:visited{ color:#000000; text-decoration: none; }
h2 a:hover{ color:#336699; text-decoration: underline; }

.mainbg h2 a, .mainbg h2 a:visited{ color:#FFFFFF; }
.mainbg h2 a:visited{ color:#FFFFFF; }
.mainbg h2 span { color:#ccffff; }

h4{
	font-family: 'Fjalla One', sans-serif;
	font-size:18px;
	text-transform: uppercase;
	clear:both;
	display:block;
	line-height: 35px;
	color:#FFFFFF;
}

a, a:visited{ color:#000000; text-decoration: none; }
a:hover{ color:#336699; text-decoration: underline; }
.friend a, .friend a:visited{ color:#FFFFFF; text-decoration: none; }
.friend a:hover{ color:#FFFFFF; text-decoration: underline; }

#footer a, #footer a:visited{ color:#777777; text-decoration: none; }
#footer a:hover{ color:#000000; text-decoration: underline; }

.lleft{ float:left; display:block; }
.rright{ float:right; display: block; }
.slleft{ text-align:left; }
.srright{ text-align: right; float:right; }

.btn, .btn:visited{
	display: block;
	font-family: 'Fjalla One', sans-serif;
	font-size:25px;
	padding:10px 30px;
	background:#6699cc;
	border:#777777 1px solid;
	text-decoration: none;
	color:#000000;

	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

	-webkit-box-shadow: 2px 2px 0px 0px #CCCCCC;
	-moz-box-shadow: 2px 2px 0px 0px #CCCCCC;
	box-shadow: 2px 2px 0px 0px #CCCCCC;
}
.btn:hover{
	color:#FFFFFF;
	background:#336699;
}
.btn.bright{ float:right; }
.btn.bleft{ float:left; }

.btn.small{
	padding: 5px 0px;
	font-size:20px;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 0px 0px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 0px 0px #CCCCCC;
	box-shadow: 0px 0px 0px 0px #CCCCCC;
	color:#FFFFFF !important;
}

.chov{ width:305px; height:370px; }
.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#990000; color:#FFFFFF; }

/* table styles */
	.table {
		display: table;
		width:100%;
	}
	.table.borders{
		border-top:#CCCCCC 1px solid;
		border-left:#CCCCCC 1px solid;
	}
	.row {
		display: table-row;
	}
	.row.header {
		background-color:#EDEDED;
		border-bottom:#CCCCCC 1px solid;
		font-weight:bold;
		text-transform:uppercase;
		font-size:13px;
	}
	.calendar .row.header {
		background-color:#CCCCCC;
		border-bottom:#999999 1px solid;
	}
	.row.incycle {
		background-color:#f5f5f5;
	}
	.cell {
		display: table-cell;
		padding:0.5em 0 0 0.5em;
		vertical-align: middle;
	}
	.cell.left {
		text-align:right;
		width:10%;
	}
	.cell.right {
		text-align:left;
		width:55%;
	}



/* 960 */
@media only screen and (min-width: 960px) {
	body{  background:#333333 url("../images/bg_main.jpg") fixed top center; }
	/*#topbar { width:960px; }*/
	/*#topbar .counter { width:860px; margin:0 auto; }*/
	#main{ width:960px; margin:0 auto; margin-top: -40px; }
	/*#header .logo img{ width:960px; height:223px; }*/
	/*#header #menu ul li a{ padding:12px 31px; font-size: 22px; }*/

	.vthumb.big img{ width:693px !important; height:477px !important; }
	.vthumb.small img{ width:233px !important; height:155px !important; }
	.pthumb img{ width:306px !important; height:469px !important; }
}

/* 768 */
@media only screen and (min-width: 768px) and (max-width: 960px) {
	/*body{ width:768px; margin:0 auto; }*/
	/*#topbar { width:768px; }*/
	.mainins { width:768px; }
	#topbar .counter { width:768px; margin:0 auto; }
	#topbar .counter .liveshow.faketgp{ width:550px; }
	#topbar .counter .title { display: none !important; }
	#main{ width:768px; margin:0 auto; }
	.thr { width:768px; }
	#header { height: 225px; }
	.topheader { height:150px; }
	#header .logo img { width:100%; height:auto; }
	/*#header{ width:768px; }*/
	/*#header .logo img{ width:768px; height:178px; }*/
	/*#header #menu{ width:768px; }*/
	.demo-2 .sl-slider-wrapper { height: 230px;	}

	#header #menu ul li a{ padding: 12px 31px; font-size: 22px; }
	#header #menu ul li:last-child a{ /*width: 93px;*/ }
	#index_main_trailer .ifr #mediaplayer{ width:743px !important; height:399px !important; }
	#index_main_trailer .ifr .overlay{ width:743px !important; height:399px !important; }
	#index_main_trailer .ifr #mediaplayer img{ width:100%; height:100%; }
	.cycle-slideshow { width:745px; }
	.cycle-slideshow img { height:400px; }
	.trailer_join{ width:700px; font-size: 30px; }
	.sect .welcome{ width:330px; height:160px; margin-left:20px; margin-top: 115px; margin-right:20px; left:30px; }
	.sect .graphic_buttons{ display: none; }
	.sect .tweets { width:320px; }
	.sect .tweets iframe { height:240px !important; }
	.sect .welcome .welcome_site{ float:left; width:290px; display: block; }
	.sect .welcome .twitter_feed{ float:left; width:450px; display: block; }
	.sect.updates .bod { height: 860px; }
	.sect.friends .bod { height: 635px; }
	.sect.fourbuttons .bod { height: 301px; }
	.set img { width:230px; height:133px; }
	.btn_continue, .btn_join { font-size:50px; width:374px; }
	.galinf { width:215px; }

	h2 { font-size:25px; }
	h2.h2_welcome { background: #cc72ca; border:#ff8efd 1px solid; width:100%; }
	.sect .tweets { margin-left:10px; margin-top:115px; }
	h2.h2_twitter { background: #cc72ca; border:#ff8efd 1px solid; width:434px; }
	h2.h2_buttons { background: #cc72ca; border:#ff8efd 1px solid; width:305px; }
	.slidesjs-previous.slidesjs-navigation { top:165px; }
	.slidesjs-next.slidesjs-navigation { top:165px; }

	.section-content.joinform{ display:none; }
	.mobileoptions { display: block !important; }
	.text.pjoin { padding-left: 0px !important; }

	.cats .lupdate{ margin: 13px 1px; }
	/*.cats .lupdate .thumb { width:110px; height:148px; }*/
	.cats .lupdate .thumb img { width:238px; height:auto; }
	/*.cats .lupdate .thumb img:hover { width:142px; height:191px; }*/

	.vthumb.big img{ width:740px !important; height:501px !important; }
	.vthumb.small { margin-right:3px; }
	.vthumb.small.v3 { margin-right:0px; }
	.vthumb.small img{ width:242px !important; height:160px !important; }
	.pthumb img{ width:240px !important; height:auto !important; }

	.preview.bonusbox.big .thumb img { width:222px; height:222px; }
	.pthumb .info { font-size:11px; }

	.footer4 { margin-right:14px; }
	.footer4.last-child { margin-right:14px; }
	.footer4 img { width: 361px; height:133px;}

	.friend { margin:3px 1px; width:249px; }
	.chov{ width:249px; height:302px; }
	.ch_element.ch_wrapper{ width:249px !important; height:302px !important; }
	.ch_hover { width:249px !important; height:302px !important; }
	.friend img { width: 247px; height: auto;  }

	.heading{ width:768px; }
	.lupdate { width:245px; }
	.lupdate a img { width:241px; height:auto; }
	.sect.index_two_blocks { width:768px; height:385px; background: #333333 url("../images/welcome_tweets2.jpg") no-repeat top center; }
	.lupdate.index .galinf { width:215px; height:65px; }
	.sect.girlfriends { padding-left: 5px; }

	.sect.latestupdates { margin: 12px 0px 12px 0px; }
	.bod.vids .galinf { width: 348px; margin-bottom: 2px; }
	.galdesc { margin-right:20px; }

	.welcome { background: #FFFFFF; }
	.welcome_site { width:355px; margin-left: 10px; }
	.twitter { width:355px; }
	.tweetsbtns a { font-size: 23px; width:30%; margin:12px; }
	.mainbg h2 { font-size:20px; }
	.sect.latestupdates h2, .sect.friends.f h2 { font-size: 25px; }
}

/* 300 */
@media only screen and (max-width: 767px) {
	/*body{ width:300px; margin:0 auto; }*/
	/*#topbar { width:300px; }*/
	.mainins { width:300px; }
	#header { height:160px; }
	.topheader { height:95px; }
	h2{ font-size:24px; }
	#topbar .counter { width:300px;}
	#topbar .counter .liveshow.faketgp{ width:300px; }
	#topbar .counter .title, .counter .simple_counter { display: none !important; }
	#topbar .counter .date { font-size:14px; }
	#main{ width:300px; margin:0 auto; }
	.thr { width:300px; }
	/*#header{ width:300px; height:96px; }*/
	#header .logo img{ width:300px; height:70px; margin-top:10px; }
	#header .rlinks { float:none; margin:0px; text-align: center; }
	#header #menu{ width:300px; }
	#header #menu ul li { background: none; }
	#header #menu ul li a{ padding: 0px 16px; }
	#header #menu ul li.m_mj a{ padding: 0px 10px; font-size:24px;}
	#index_main_trailer .ifr #mediaplayer{ width:280px !important; height:150px !important; }
	#index_main_trailer .ifr .overlay{ width:280px !important; height:150px !important; }
	#index_main_trailer .ifr #mediaplayer img{ width:100%; height:100%; }
	.trailer_join{ width:256px; font-size: 18px; line-height:25px; }
	.sect .welcome{ width:280px; clear:both; float:none; margin-top:0px; margin-left:0px; height:400px; }
	.sect .graphic_buttons{ display:none; }
	/*.sect.index_two_blocks{ height:605px; }*/
	.sect.index_two_blocks .graphic_buttons a.graphic_btn.first { margin-left: 150px; }
	.sect.updates .bod { height: 2500px; }
	/*.sect.friends .bod { height: 610px; }
	.sect.fourbuttons .bod { height: 1190px; padding-top:0px; }*/
	.set img { width:258px; height:149px; }
	.btn_continue, .btn_join { width:296px; height:100px; line-height:100px; font-size:35px; float:none; margin:0px; background: #6699cc; text-indent: 0px; text-align: center; display: block; }
	.btn_join { margin-left:0px; margin-top:10px; }
	.friend { font-size:11px; width:148px; }
	.friend .title { font-size: 14px; }
	.friend img { width:148px; height:auto; }
	.sect.girlfriends .friend{ width:124px; margin: 6px; }
	.sect.girlfriends .friend img{ width:124px; }
	h2 .rright{ display:none; }
	.mainmenu { height:100px; }
	#header #menu{ padding-top:10px; }
	.mainmenu .joinrright { margin:0px 85px 0px 0px; }
	#header #menu ul li{ border-right:#000000 0px solid; }
	#header #menu ul li a{ height:25px; line-height:25px; }
	#header #menu ul li.m_normal{ font-size:12px; }
	#header #menu ul li.m_normal a{ padding:0px 7px 10px 7px; font-size:12px; }
	#header #menu ul li.m_mj { padding:15px 2px 10px 2px; }
	#header #menu ul li a:hover{ background:inherit !important; }
	.container { display: none; }
	.demo-2 .sl-slider-wrapper { height: 80px;	}
	.galinf { width:268px; margin-bottom:5px; }
	.friend .desc { display: none; }
	.friend h4 { font-size:11px; }

	h2.h2_welcome { background: #cc72ca; border:#ff8efd 1px solid; width:100%; }
	.sect .tweets { margin-left:10px; width:260px; margin-top:0px; }
	h2.h2_twitter { background: #cc72ca; border:#ff8efd 1px solid; width:100%; }
	h2.h2_buttons { background: #cc72ca; border:#ff8efd 1px solid; width:100%; }
	.sect.index_3_blocks { height:650px; }
	.sect_title:before{ background:none; }
	.sect_title:after{ background:none; }
	.friend { margin: 10px 1px; }
	.slidesjs-previous.slidesjs-navigation { top:43px; }
	.slidesjs-next.slidesjs-navigation { top:43px; }

	.sect .welcome { height:150px; position: relative; left:0px; color:#000000 !important; }
	.sect .tweets { float:none; position: relative; left:0px; }
	.sect .bod.about{ background:#FFFFFF; min-height: 1px; }
	.sect .bod.about .abouttxt{	padding-left:0px; }
	.sect .bod.about .abouttxt .ul_about{ padding-left:25px; }

	.sect .bod.join{ background:#FFFFFF; min-height: 1px; }
	.sect .bod.join .jointxt{	padding-left:0px; }

	.sect.friends { margin: 0px; }
	.sect.friends .bod { padding:0px !important; }

	.section-content.joinform{ display:none; }
	.mobileoptions { display: block !important; }
	.mobileoptions .sect { width: 265px; }
	.text.pjoin { padding-left:0px !important; }
	.btn_signup { width:100% !important; }
	.jbox { width:270px !important; }
	.jbox .jtitle { width:auto !important; line-height:15px !important; }
	.jcont input[type="text"], .jcont input[type="select"] { width: 268px !important; }

	.cats .lupdate{ /*width:127px;*/float:none; }
	/*.cats .lupdate .thumb { width:120px; height:168px; }*/
	.cats .lupdate .thumb img { width:260px; height:auto; }
	/*.cats .lupdate .thumb img:hover { width:142px; height:191px; }*/

	.vthumb.big img{ width:273px !important; height:185px !important; }
	.vthumb.small img{ width:273px !important; height:181px !important; }

	.pthumb img{ width:274px !important; height:416px !important; }

	.preview.bonusbox.big { margin:5px !important; font-size:11px; }
	.preview.bonusbox.big .thumb img { width:82px; height:82px; }

	.footer4 { margin-left:0px; margin-top:6px; }
	.footer4 img { width:273px; height:101px; }

	.friend { margin:1px; }
	.chov{ width:148px; height:165px; }
	.ch_element.ch_wrapper{ width:148px !important; height:165px !important; }
	.ch_hover { width: 148px !important; height: 62px !important; top: 103px !important; }
	.ch_hover a, .ch_hover a:visited { color:#FFFFFF !important; }
	.ch_hover a:hover { color:#FFFFFF !important; text-decoration: underline; }
	.contenthover { padding: 15px 20px 10px 20px; }
	.friend .desc { display: none; }
	.friend .btn.small { display: none; }
	.friend img { width: 144px; height: auto;  }

	.sect.index_two_blocks { width:300px; background: none; height:300px; }
	.heading { width:100%; }
	.sect.latestupdates { margin:2px 0px; }
	.lupdate { width:298px; }
	.lupdate a img { width:294px; height:auto; }
	.lupdate.index .galinf { width:268px; }
	.footer_btns { background: #FFFFFF; height: 200px; }

	.bod.vids .galinf { width: 255px; margin-bottom: 2px; }

	.welcome { background:#FFFFFF; float: none; }
	.welcome_site, .twitter { width:280px; margin:10px 10px; }
	.tweets { margin:0px; float: none; }
	.tweetsbtns { display: none; }
	.header_half { font-size: 19px; }
	.sect.latestupdates h2, .sect.friends.f h2 { font-size: 13px; }
	.twitter iframe { width: 280px !important; height: 225px !important; }
}