/* Computer Design - Width of 960px - In the default stylesheet.
==================================================================================== */


/* Tablet (Portrait) Design - Width of 768px
==================================================================================== */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	
        .one.column,
        .one.columns                     { width: 28px; }
        .two.columns                     { width: 76px; }
        .three.columns                   { width: 124px; }
        .four.columns                    { width: 172px; }
        .five.columns                    { width: 220px; }
        .six.columns                     { width: 268px; }
        .seven.columns                   { width: 316px; }
        .eight.columns                   { width: 364px; }
        .nine.columns                    { width: 412px; }
        .ten.columns                     { width: 460px; }
        .eleven.columns                  { width: 508px; }
        .twelve.columns                  { width: 556px; }
        .thirteen.columns                { width: 604px; }
        .fourteen.columns                { width: 652px; }
        .fifteen.columns                 { width: 700px; }
        .sixteen.columns                 { width: 748px; }

        .one-third.column                { width: 236px; }
        .two-thirds.column               { width: 492px; }

        .offset-by-one                   { padding-left: 48px; }
        .offset-by-two                   { padding-left: 96px; }
        .offset-by-three                 { padding-left: 144px; }
        .offset-by-four                  { padding-left: 192px; }
        .offset-by-five                  { padding-left: 240px; }
        .offset-by-six                   { padding-left: 288px; }
        .offset-by-seven                 { padding-left: 336px; }
        .offset-by-eight                 { padding-left: 384px; }
        .offset-by-nine                  { padding-left: 432px; }
        .offset-by-ten                   { padding-left: 480px; }
        .offset-by-eleven                { padding-left: 528px; }
        .offset-by-twelve                { padding-left: 576px; }
        .offset-by-thirteen              { padding-left: 624px; }
        .offset-by-fourteen              { padding-left: 672px; }
        .offset-by-fifteen               { padding-left: 720px; }

		#sales_header, #header,
		#identity, #content, #footer	{ width: 768px; }
	
		#footer .twelve.columns				{ width: 508px; }
		#footer .twelve.columns 			{ line-height: 26px; }
		#footer .four.columns				{ width: 220px;}
		#footer .info						{ display: block; }
		#footer .first.dot					{ display: none; }
		#nav .nav_btn 						{ width: 167px; }
		#nav .nav_btn img 					{ height: 50px; }
		#nav .notification 					{ top: 10px; right: 10px; }
		
		#file_upload img 					{ width: 380px; }
		#file_loading img 					{ width: 150px; }

		.post_creator 						{ padding: 0px; }

		input, textarea, .license_box 		{ width: 368px; }
		#search 							{ width: 656px; }
		select 								{ width: 380px; }
		#serve_due_date_row	select,
		#serve_due_time_row	select,
		#pray_expires_row select,
		#news_expires_row select,
		#give_expires_row select,
		#church_cc_exp_row select,
		#sponsor_cc_exp_row select,
		.monthday_row select 				{ width: 125px; }

		.directory_box .directory_large 	{ width: 302px; height: auto; }	

		.left_btn, .left_btn:link,
		.right_btn, .right_btn:link 		{ margin-bottom: 15px; float: none; }

		.video_player 						{ width: 745px; height: 419px; }
		.video_in_box 						{ width: 590px; height: 331px; }
		.screenshot_thumb 					{ width: 302px; }
		.screenshot_full 					{ width: 686px; }

	}




/* Mobile (Portrait) Design - Width of 320px
==================================================================================== */

    @media only screen and (max-width: 767px) {

		body 								{ font-size: 14px; line-height: 24px; }
		h1, h2, p, ul 						{ margin-bottom: 15px; }
		h1 									{ font-size: 19px; line-height: 29px; }

		.row								{ padding: 15px 0px; }
		.row_btm_only						{ padding-bottom: 15px; }
		.row_top_only						{ padding-top: 15px; }
		.columns							{ margin: 0px; }
	
	    .one.columns,
	    .two.columns,
	    .three.columns,
	    .four.columns,
	    .five.columns,
	    .six.columns,
	    .seven.columns,
	    .eight.columns,
	    .nine.columns,
	    .ten.columns,
	    .eleven.columns,
	    .twelve.columns,
	    .thirteen.columns,
	    .fourteen.columns,
	    .fifteen.columns,
	    .sixteen.columns,
	    .one-third.column,
	    .two-thirds.column  				{ width: 300px; }
	
		.offset-by-one,
	    .offset-by-two,
	    .offset-by-three,
	    .offset-by-four,
	    .offset-by-five,
	    .offset-by-six,
	    .offset-by-seven,
	    .offset-by-eight,
	    .offset-by-nine,
	    .offset-by-ten,
	    .offset-by-eleven,
	    .offset-by-twelve,
	    .offset-by-thirteen,
	    .offset-by-fourteen,
	    .offset-by-fifteen 					{ padding-left: 0; }
	
		#sales_header,
		#header,
		#identity,
		#content,
		#footer 							{ width: 300px; }
		#footer .four.columns				{ text-align: center; width: 300px; margin-bottom: 20px; }
		#footer .circle_btn					{ margin-left: 0px; float: none; display: inline-block; vertical-align: middle; }

		#header .circle_btn,
		#header .circle_btn img,
		#header .cu_logo,
		#header .cu_sponsor,
		#header .sponsor_logo,
		#footer .circle_btn,
		#footer .circle_btn img				{ height: 30px; }
		#header .circle_btn					{ margin-left: 10px; }
		#header .cu_sponsor 				{ display: none; }
		#footer .twelve.columns 			{ text-align: center; line-height: 24px; }
		#footer .info						{ display: block; }
		#footer .first.dot					{ display: none; }
		#identity				 			{ padding: 10px 0px; }
		#identity .dot						{ display: none; }
		#identity .church					{ font-size: 11px; margin-top: 5px; display: block; }
		#sales_identity						{ text-align: left; line-height: 24px; }
		#nav .nav_btn 						{ width: 65px; margin-left: 10px; }
		#nav .nav_btn.first 				{ padding-right: 9px; }
		#nav .nav_btn a 					{ padding: 10px 0px; }
		#nav .nav_btn img 					{ height: 25px; }
		#nav .notification 					{ font-size: 11px; padding: 5px 10px; top: -5px; right: -5px; }
		#nav .label 						{ font-size: 13px; }

		.top_line 							{ padding-top: 15px; }
		.btm_line 							{ margin-bottom: 15px; }
		.message_box 						{ padding: 15px; }
		.expandable_box_mid .message_box 	{ margin-bottom: 15px; }
		.static_box 						{ padding: 15px 20px 5px 20px; }
		.expandable_box_top 				{ height: 15px; }
		.expandable_box_mid 				{ padding: 5px 20px 1px 20px; }
		.expandable_box_btm 				{ height: 15px; }
		.title_box h1 						{ font-size: 24px; line-height: 31px; padding: 7px 0px; }	
		.title_box img 						{ height: 45px; margin: 0px 0px 10px 10px; }
		.description_box 					{ padding: 15px 20px 1px 20px; }
		.select_box li a 					{ padding: 15px; }
		.select_box li img 					{ height: 24px; margin-left: 10px; }
		#file_upload img 					{ width: 250px; }
		#file_loading img 					{ width: 100px; }
		
		.post_unavailable img 						{ width: 240px; }
		.post_badge 								{ margin-bottom: 15px; }
		.post_box .expandable_box_mid 				{ padding-top: 15px; }
		.give_meter 								{ height: 15px; }
		.give_meter_total,
		.give_meter_goal 							{ font-size: 11px; line-height: 21px; margin-top: 5px; }
		.give_meter_total 							{ margin-left: 10px; }
		.give_meter_goal 							{ margin-right: 10px; }
		.post_box .eleven.columns.row_btm_only		{ padding-bottom: 5px; }
		.post_sidebar 								{ padding: 15px 10px 1px 10px; }
		.post_sidebar_action						{ width: 140px; float: left; }
		.counter 									{ font-size: 11px; line-height: 21px; margin-bottom: 5px; padding: 10px 5px; }
		.count 										{ font-size: 35px; }
		.counter img 								{ width: 30px; margin: 0px auto 5px auto; }
		.post_sidebar_identity						{ width: 130px; float: right; }
		.post_contact								{ font-size: 12px; line-height: 22px; }
		.post_contact a,
		.post_contact .post_sponsor 				{ font-size: 14px; line-height: 24px; }
		.post_creator 								{ padding: 0px 5px; }
		.post_creator a 							{ height: 30px; margin: 0px 5px; }
		.news .post_sidebar_identity				{ margin-top: 0px; }
		.news .post_creator							{ padding: 0px 80px; }
		.news .post_contact a,
		.news .post_contact .post_sponsor			{ display: inline; margin-left: 5px; }
		.news .post_contact .post_date,
		.news .post_contact .post_sponsor_company	{ display: block; }
		.news .post_contact .post_sponsor_date 		{ display: none; }
		.pray .post_sidebar_identity				{ margin-top: 5px; }
		.serve .post_sidebar_identity				{ margin-top: 15px; }
		.give .post_sidebar_identity				{ margin-top: 0px; }
		.give .post_sidebar_action .default_btn 	{ margin-top: 10px; }

		.error_row label 							{ padding: 10px; }
		input, textarea, .license_box 				{ width: 238px; padding: 10px; }
		.license_box 								{ height: 200px; margin-bottom: 15px; }
		.text_row, .textarea_row,
		.password_row, .select_row,
		.checkbox_row, .newcheckbox_row,
		.radio_row, .date_row,
		.anytime_row, .ccexp_row,
		.monthday_row, #filter_row,
		#search_row, #give_recipient_row,
		#give_online_url_row,
		#give_other_instructions_row,
		#give_instructions_row,
		#file_upload form input 					{ margin-bottom: 15px; }
		#search 									{ width: 238px; }
		select 										{ width: 240px; }
		#serve_due_date_row	select,
		#serve_due_time_row	select,
		#pray_expires_row select,
		#news_expires_row select,
		#give_expires_row select					{ width: 80px; }
		#church_cc_exp_row select,
		#sponsor_cc_exp_row select,
		.monthday_row select 						{ width: 110px; }
		#serve_due_anytime_group 					{ margin: 5px 0px; }
		.checkbox_row input,
		.newcheckbox_row input,
		.radio_row label input,
		#serve_due_anytime_group input 				{ font-size: large; margin-right: 10px; }
		.radio_row label 							{ margin-right: 10px; }

		.directory_box .title_box h1 				{ font-size: 20px; line-height: 25px; }
		.directory_box .directory_normal 			{ height: 68px; }	
		.directory_box .directory_large 			{ width: 258px; height: auto; }	
		.directory_admin p 							{ font-size: 11px; line-height: 15px; }
		.directory_admin a, .directory_control a 	{ height: 30px; }
		.directory_control 							{ margin-bottom: 15px; margin-left: 10px; }
		.directory_displaying						{ font-size: 10px; line-height: 15px; margin-top: 8px; }
		.directory_displaying_admin					{ margin-top: 0px; }

		.default_btn, .default_btn:link,
		.default_btn:visited 						{ width: 220px; padding: 10px; }
		.left_btn, .left_btn:link,
		.right_btn, .right_btn:link 				{ margin-bottom: 15px; float: none; }
		.bullet_list 								{ margin-left: 25px; margin-right: 25px; }
		.dot 										{ padding: 0px; }

		#header .small_btn,
		#header .small_btn:link,
		#header .small_btn:visited		 			{ line-height: 20px; width: 80px; padding: 5px 20px; }
		#header .small_btn img 						{ height: 20px; margin-left: 10px; }	
		.video_player 								{ width: 297px; height: 167px; }
		.video_in_box 								{ width: 258px; height: 145px; margin-bottom: 10px; }
		.large_btn,
		.large_btn:link,
		.large_btn:visited							{ font-size: 19px; line-height: 30px; width: 270px; padding: 15px; }
		.large_btn img 								{ height: 30px; margin-right: 15px; }
		.screenshot_thumb 							{ width: 258px; }
		.screenshot_full 							{ width: 258px; }
			
	}

/* Mobile (Landscape) Design - Width of 480px
==================================================================================== */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	
	    .one.columns,
	    .two.columns,
	    .three.columns,
	    .four.columns,
	    .five.columns,
	    .six.columns,
	    .seven.columns,
	    .eight.columns,
	    .nine.columns,
	    .ten.columns,
	    .eleven.columns,
	    .twelve.columns,
	    .thirteen.columns,
	    .fourteen.columns,
	    .fifteen.columns,
	    .sixteen.columns,
	    .one-third.column,
	    .two-thirds.column  						{ width: 420px; }
	
		#sales_header,
		#header,
		#identity,
		#content,
		#footer 									{ width: 420px; }
		#footer .four.columns						{ width: 420px; }
		#nav .nav_btn 								{ width: 90px; margin-left: 15px; }
		#nav .nav_btn.first 						{ padding-right: 14px; }
		#nav .nav_btn img 							{ height: 30px; }

		#file_upload img 							{ width: 350px; }
		
		.post_unavailable img 						{ width: 300px; }
		.give_meter_total 							{ margin-left: 15px; }
		.give_meter_goal 							{ margin-right: 15px; }

		.post_sidebar_action						{ width: 195px; }
		.counter 									{ font-size: 12px; line-height: 22px; }
		.post_sidebar_identity						{ width: 195px; }
		.post_contact								{ font-size: 12px; line-height: 22px; }
		.post_contact a,
		.post_contact .post_sponsor 				{ font-size: 16px; line-height: 26px; }
		.post_creator 								{ padding: 0px 37px; }

		.news .post_creator							{ padding: 0px 140px; }

		input, textarea, .license_box 				{ width: 358px; }
		.license_box 								{ height: 200px; }
		#search 									{ width: 358px; }
		select 										{ width: 350px; }
		#serve_due_date_row	select,
		#serve_due_time_row	select,
		#pray_expires_row select,
		#news_expires_row select,
		#give_expires_row select					{ width: 115px; }
		#church_cc_exp_row select,
		#sponsor_cc_exp_row select,
		.monthday_row select 						{ width: 170px; }

		.directory_box .directory_large 			{ width: 378px; height: auto; }	
		.directory_displaying						{ font-size: 12px; line-height: 18px;  margin-top: 6px; }

		.default_btn, .default_btn:link,
		.default_btn:visited 						{ width: 240px; }
		.bullet_list 								{ margin-left: 30px; margin-right: 30px; }
		.dot 										{ padding: 5px; }

		.video_player 								{ width: 417px; height: 235px; }
		.video_in_box 								{ width: 378px; height: 212px; margin-bottom: 10px; }
		.screenshot_thumb 							{ width: 378px; }
		.screenshot_full 							{ width: 378px; }

	}