/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}

	/* content */
	#content {
		width: 60%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	ul li.odd a, ul li.even a{
		width:90%;
		padding:0 0 0 10%;
	}
	
	ul li.odd a .msg_user, ul li.even a .msg_user{
		width:30%;
		font: bold 11px/120% Arial, Helvetica, sans-serif; 
	}
	
	ul li.odd a .msg_subject, ul li.even a .msg_subject{
		width:30%;
		font: bold 11px/120% Arial, Helvetica, sans-serif; 
	}
	
	ul li.odd a .msg_date, ul li.even a .msg_date{
		width:40%;
		font: bold 11px/120% Arial, Helvetica, sans-serif; 
	}
	
	.msg_ticker{
		width:10%;
		padding-right:5%;
	}
	
	.jqmWindow {
		/*margin-left: -35%;*/
		width:100%;
		margin:0px;
		padding:0px;
	}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		height: auto;
	}

	/* search form */
	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}

	/* main nav */
	#main-nav {
		position: static;
	}

	/* site logo */
	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	/* site description */
	#site-description {
		margin: 0 0 15px;
		position: static;
	}

	/* content */
	#content {
		width: 100%;
		float: none;
		/*margin: 20px 0;*/
	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	
	#header_title_mobile{
		/*font: bold 20px/120% Trajan Pro, Arial, Helvetica, sans-serif;*/
	}
	
	#mundus_logo_mobile{
		width:90%;
		height:90%;
	}
	
	#mobile_signal{
		width:90%;
		height:90%;
	}
	
	/*
	.jqmWindow {
		/*margin-left: -35%;*/
		/*
		width:100%;
		margin:0px;
		padding:0px;
	}*/
	
	.control{
		width: 60px;
  		height: 60px;
  		border-radius: 60px;
  		-webkit-border-radius: 60px;
  		-moz-border-radius: 60px;
  		margin: 10px;
	}
	
	.ppage{
		font: bold 16px/120% Arial, Helvetica, sans-serif;
	}
	
	.npage{
		font: bold 16px/120% Arial, Helvetica, sans-serif;
	}
	
	.box_contents{
		font: bold 16px/120% Arial, Helvetica, sans-serif;
	}
	
	.pagenumber{
		/*font: bold 18px/120% Arial, Helvetica, sans-serif;*/
	}
	
	.page_numbers_box{
		font: bold 16px/120% Arial, Helvetica, sans-serif;
	}
	
	#uploadify{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
		background-position:top left no-repeat;
	}
	
	#attach_link{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
	}
	
	#attach_icon{
		padding-left:4%;
	}
	
	#player_list_container{
		height:65%;
	}
	
	#video_box_mobile{
		font: bold 11px/120% Arial, Helvetica, sans-serif;
	}
	
	.uploadify_attach_object{
		width:90%;
		margin-right:4%;
	}
	
	.welcometext{
		font: bold 13px/120% Arial, Helvetica, sans-serif;	
	}
	
	.signout{
		padding-top:18px;
	}
	
	a.signout_link{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
	}
	
	#mail_attachment{
		font: bold 10px/120% Arial, Helvetica, sans-serif;
	}
	
	#gender{
		width:15%;
		font: bold 13px/120% Arial, Helvetica, sans-serif;
	}
	/*
	.ad-image-wrapper{
		max-height:330px;
		height:auto;
		height:330px;
	}
	
	.ad-next{
		max-height:330px;
		height:auto;
		height:330px;
	}
	
	.ad-prev{
		max-height:330px;
		height:auto;
		height:330px;
	}
	*/
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	
	#header_title_mobile{
		font: bold 20px/120% Trajan Pro, Arial, Helvetica, sans-serif;
	}
	
	#personal_activities_title{
		font: bold 17px/120% Trajan Pro, Arial, Helvetica, sans-serif;
	}
	
	#my_bubble_title{
		font: bold 17px/120% Trajan Pro, Arial, Helvetica, sans-serif;
	}
	
	#mundus_logo_mobile{
		width:80%;
		height:80%;
	}
	
	#mobile_signal{
		width:80%;
		height:80%;
	}
	
	.jqmWindow {
		/*margin-left: -55%;*/
		width:100%;
		margin:0px;
		padding:0px;
	}
	
	.feedsblock{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
	}
	
	.feedsblock a{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
	}
	
	.feedsblock .date{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
	}
	
	#footer .copyright p{
		font: normal 13px/120% Trajan Pro, Arial, Helvetica, Sans-serif; 
	}
	
	textarea.comment_textarea{
		font: normal 16px/120% Arial, Helvetica, sans-serif;
	}
	
	.control{
		width: 40px;
  		height: 40px;
  		border-radius: 40px;
  		-webkit-border-radius: 40px;
  		-moz-border-radius: 40px;
  		margin: 5px;
	}
	/*
	ul li.odd a, ul li.even a{
		width:80%;
		padding:0 0 0 20%;
	}
	
	ul li.odd a .msg_user, ul li.even a .msg_user{
		width:0%;
		display:none; 
	}
	
	ul li.odd a .msg_subject, ul li.even a .msg_subject{
		min-width:85%;
		font: bold 9px/120% Arial, Helvetica, sans-serif;
	}
	*/
	
	.box-contents{
		font: bold 11px/120% Arial, Helvetica, sans-serif;
	}
	
	.msg_items_txt{
		font: bold 11px/120% Arial, Helvetica, sans-serif;
	}
	
	.page_numbers_box{
		width:95%;
		font: bold 11px/120% Arial, Helvetica, sans-serif;
		padding-bottom:1%;
	}
	/*
	.delete_box{
		width:100%;
		margin-top:12%;
	}
	*/
	
	.pagenumber{
		/*font: bold 13px/120% Arial, Helvetica, sans-serif;*/
	}
	
	.ppage{
		font: bold 11px/120% Arial, Helvetica, sans-serif;
	}
	
	.npage{
		font: bold 11px/120% Arial, Helvetica, sans-serif;
	}
	
	#player_list_container{
		min-height:65%;
		height:auto;
		height:65%;
	}
	
	#remains{
		height:200px;
	}
	
	#video_box_mobile{
		font: bold 11px/120% Arial, Helvetica, sans-serif;
	}
	
	.uploadify_attach_object{
		width:80%;
		margin-right:4%;
	}
	
	.welcometext{
		font: bold 13px/120% Arial, Helvetica, sans-serif;	
	}
	
	a.signout_link{
		font: normal 13px/120% Arial, Helvetica, sans-serif;	
	}
	
	.adv_item{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	
	.block_img{
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}
	
	.block_txt{
		width:100%;
	}
	
	#upload_alert{
		font: normal 13px/120% Arial, Helvetica, sans-serif;
	}
	
	
	#word_count{
		font: bold 13px/120% Arial, Helvetica, sans-serif;
	}
	
	#title_1{
		font-size: 1.2em;
	}
	
	#button_box1{
		float:left;
		width:100%;
	}
	
	#temp_total{
		font: bold 16px/120% Arial, Helvetica, sans-serif;
	}
	
	#order_box .basic_box{
		font-size:14px;
	}
	
	#payment_due{
		font-size:1.2em;
	}
	
	#payment_total{
		font-size:1.2em;
	}
	
	#steps{
		font: bold 12px/120% Arial, Helvetica, sans-serif;
	}
	
	#novel_title{
		font-size:1.2em;
	}
	
	/*
	.ad-thumbs{
		max-width:270px;
		width:auto;
		width:270px;
	}
	/*
	.ad-nav{
		display:none;
	}
	
	.ad-image-wrapper{
		max-height:230px;
		height:auto;
		height:230px;
	}
	
	.ad-next{
		max-height:230px;
		height:auto;
		height:230px;
	}
	
	.ad-prev{
		max-height:230px;
		height:auto;
		height:230px;
	}
	*/
}