html {
-webkit-text-size-adjust: none;
/* Prevent font scaling in landscape */
}
video {
max-width: 100%;
height: auto;
}
video {
max-width: 100%;
height: auto;
}
div.itemVideoEmbedded {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
div.itemVideoEmbedded iframe,
div.itemVideoEmbedded object,
div.itemVideoEmbedded embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1024px) {
#body-wrapper .rt-block.totop {
display: none !important;
}
}
@media only screen and (max-width: 1060px) {
#body-wrapper .rt-block.totop {
display: none !important;
}
#rt-showcase .camera_caption { top:69px;}
#rt-showcase .camera_caption > div{ width:660px;}
#rt-showcase .camera_caption h4{ font-size:150px; line-height:1.2em; margin-bottom:20px; letter-spacing:-10px;}
#rt-showcase .camera_pag .camera_pag_ul{width:616px; margin:0 auto; margin-top:60px;}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*Top*/
/*Header*/
/*Menu*/
/*Showcase*/
#rt-showcase .camera_caption { top:69px;}
#rt-showcase .camera_caption > div{ width:660px;}
#rt-showcase .camera_caption h4{ font-size:125px; line-height:1.2em; margin-bottom:50px; letter-spacing:-10px;}
#rt-showcase .camera_pag .camera_pag_ul{width:616px; margin:0 auto; margin-top:60px;}
.camera_caption h5{margin-top: -80px; }
#rt-showcase .camera_caption h5{ 
	font-size:30px !important; 	
}

.camera_caption h5#sslide{
	margin-top: 140px;
}
/*Maintop*/
#rt-feature{ margin-top:-20px;}
.box .rt-block{ padding-left:20px; padding-right:20px;}
/*Content*/
.development .rt-block{ padding-right:0px;}
#blog .catItemImageBlock img{ width:240px;}
#blog .itemImageBlock img{ width:500px}
/*Edit button*/
span.catItemEditLink,
span.itemEditLink,
span.userItemEditLink {
display: none !important;
}
/*Forms*/
form dt {
margin: 0;
}
#contact-form-cont div.contact-form #contact-form textarea {
height: 160px;
}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/.rt-block.totop {
display: none !important;
}
}
/* #Mobile (Landscape)
=============================================================================================================================================================
=============================================================================================================================================================
=============================================================================================================================================================
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.rt-grid-3{ width:45% !important; margin-right:5% !important;}
#blog .rt-containerInner .rt-grid-3{ width:100% !important; margin-right:0 !important}
#blog .rt-grid-3 > #rt-sidebar-a > .list1 { width:45% !important; margin-right:5% !important; float:left;}
}
/* Note: Design for a width of 480px */
@media only screen and (max-width: 767px) {
/*Top*/
#rt-top{ padding-top:220px; }
#rt-top .smile{text-align:center !important}
/*Header*/
#rt-header{ text-align:center;}
#rt-logo{ margin-bottom:65px; display:inline-block}
/*Menu*/
.select-menu {
width: 100%;
}
select.select-menu {
display: block;
}
.K2ItemsRow {
    margin: 0;    
}
ul.sf-menu {
display: none;
}
/*Showcase*/
#rt-showcase .camera_caption { top:49px;}
#rt-showcase .camera_caption > div{ width:380px;}
#rt-showcase .camera_caption h4{ font-size:60px; line-height:1.2em; margin-bottom:40px; letter-spacing:-4px;}
#rt-showcase .camera_caption h5{ font-size:30px; letter-spacing:-1px; line-height:30px; margin-left:0}
#rt-showcase .camera_pag .camera_pag_ul{width:366px; margin:0 auto; margin-top:30px;}
/*Maintop*/
#rt-feature{ margin-top:-20px;}
/*Content*/
.development .rt-block{ padding-right:0px;}
#port #isotopeOptions{ position:relative;}
/*Images*/
#body-wrapper div.itemImageBlock,
div.userItemImageBlock {
float: none;
}
div.catItemImageBlock,
div.itemImageBlock {
margin: 0 0 1em 0; float:none
}
span.catItemImage img,
span.itemImage img,
span.userItemImage img {
/*width: 100%;*/
}
span.catItemImage a,
span.itemImage a,
span.userItemImage a,
span.genericItemImage a {
display: block;
}
span.catItemImage a img,
span.itemImage a img,
span.userItemImage a img,
span.genericItemImage a img {
/*width: 100%;*/
}
span.userItemImage,
span.genericItemImage {
float: none;
}
#port div.itemImageBlock {
margin-right: 0;
}
/*Columns*/
div.itemContainer {
width: 100% !important;
}
/*Edit button*/
span.catItemEditLink,
span.itemEditLink,
span.userItemEditLink {
display: none !important;
}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address {
width: 100%;
}
.contact-form {
margin: 0;
}
form dt {
margin: 0;
}
#contact-form-cont div.contact-form {
border: none;
margin: 0 0 2em 0;
padding: 0;
}
fieldset.word #search-searchword {
width: 100%;
}
form#comment-form input.inputbox {
width: 100%;
}
.component-content div.login input.inputbox {
width: 100%;
}
div.text404 #mod-search-searchword {
width: 100%;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
width: 98%;
}
div.toggle-editor {
display: none;
}
div.k2AccountPageNotice {
margin: 0 0 1em 0;
}
/*Pagination*/
div.k2Pagination li.pagination-start,
div.pagination li.pagination-start,
div.itemCommentsPagination li.pagination-start,
div.k2Pagination li.pagination-prev,
div.pagination li.pagination-prev,
div.itemCommentsPagination li.pagination-prev,
div.k2Pagination li.pagination-next,
div.pagination li.pagination-next,
div.itemCommentsPagination li.pagination-next,
div.k2Pagination li.pagination-end,
div.pagination li.pagination-end,
div.itemCommentsPagination li.pagination-end {
display: none;
}
#map {
height: 22em;
}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/.rt-block.totop {
display: none !important;
}
/*404*/
div.img404 {
width: 100%;
float: none;
margin: 0 0 2em 0;
}
div.text404 #mod-search-searchword {
margin: 0 0.5em 1em 0;
width: 70%;
}
/*Tip*/
.tip-wrap {
display: none !important;
}
/* Instore */
.subcontent {
    margin-left: 60px;
}
/* End Instore */

}
/* #Mobile (Portrait)
=============================================================================================================================================================
=============================================================================================================================================================
=============================================================================================================================================================
*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
/*Top*/
/*Header*/
/*Menu*/
.select-menu {
width: 100%;
}
select.select-menu {
display: block;
}
ul.sf-menu {
display: none;
}
/*Showcase*/
.camera_caption > div{}
/*Maintop*/
/*Content*/
.staff li{ width:140px;}
div.social-button span.label {
display: block;
float: none;
}
/*Images*/
#body-wrapper div.itemImageBlock,
div.userItemImageBlock {
float: none;
}
div.catItemImageBlock,
div.itemImageBlock {
margin: 0 0 1em 0;
}
span.catItemImage img,
span.itemImage img,
span.userItemImage img {
/*width: 100%;*/
}
span.catItemImage a,
span.itemImage a,
span.userItemImage a,
span.genericItemImage a {
display: block;
}
span.catItemImage a img,
span.itemImage a img,
span.userItemImage a img,
span.genericItemImage a img {
/*width: 100%;*/
}
span.userItemImage,
span.genericItemImage {
float: none;
}
/*Columns*/
div.itemContainer {
width: 100% !important;
}
/*Edit button*/
span.catItemEditLink,
span.itemEditLink,
span.userItemEditLink {
display: none !important;
}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address,
#body-wrapper .contact-misc p {
width: 100%;
}
div.contact-misc div.one_half {
width: 100%;
margin: 0;
}
dd.editor #description_parent {
display: none !important;
}
dd.editor #description {
display: block !important;
}
form dt {
margin: 0;
}
.contact-form {
margin: 0;
}
/*INPUT FIELDS WIDTH*/
#contact-form-cont div.contact-form {
border: none;
margin: 0 0 2em 0;
padding: 0;
}
fieldset.word #search-searchword {
width: 100%;
}
form#comment-form input.inputbox {
width: 100%;
}
.component-content div.login input.inputbox {
width: 100%;
}
div.text404 #mod-search-searchword {
width: 100%;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
width: 97%;
}
div.k2AccountPageNotice {
margin: 0 0 1em 0;
}
div.toggle-editor {
display: none;
}
/*Pagination*/
div.k2Pagination li.pagination-start,
div.pagination li.pagination-start,
div.itemCommentsPagination li.pagination-start,
div.k2Pagination li.pagination-prev,
div.pagination li.pagination-prev,
div.itemCommentsPagination li.pagination-prev,
div.k2Pagination li.pagination-next,
div.pagination li.pagination-next,
div.itemCommentsPagination li.pagination-next,
div.k2Pagination li.pagination-end,
div.pagination li.pagination-end,
div.itemCommentsPagination li.pagination-end {
display: none;
}
/*Google Map*/
#map {
height: 15em;
}
/*Comments*/
input#submitCommentButton {
margin: 0 0 1em 0;
}
/*404*/
div.img404 {
width: 100%;
float: none;
margin: 0 0 2em 0;
}
div.text404 #mod-search-searchword {
margin: 0 0.5em 1em 0;
width: 70%;
}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/.rt-block.totop {
display: none !important;
}
/*404*/
div.text404 #mod-search-searchword {
margin-bottom: 1em;
}
#wrapper .mobilePortrait {
display: block !important;
}
/*Tip*/
.tip-wrap {
display: none !important;
}
}
/* RECIPES */
/* LARGEST SCREEN RESOLUTION */
@media only screen and (min-width: 1200px) {

#paginate_container {
    position: relative;
}

.content a{
	float:left; 
	padding: 0 32px 40px 0;
}

.content li{	
	/*width: 190px;
	height: 190px;*/		
}

.content li.mainlist img{
	width: 190px;
	height: 190px !important;
}

.page_navigation {  
    float: left;
    font-size: 16px;
    height: 50px;
    width: 100%;
}


span.rating p {    
    padding-right: 13px;
}

span.rating p.activestar{	
	width: 25px;
	height: 27px;
}

span.rating p.inactivestar{	
	width: 16px;
	height: 17px;
	margin-top: 5px;
}

.content {
    /*margin: 0 auto;
    width: 1200px;*/
}
}
/** END LARGEST SCREEN RESOLUTION **/

@media only screen and (min-width: 900px) and (max-width: 1199px){
	
#body-wrapper .rt-container {
    margin: 0 auto;
    width: 900px;
}


#body-wrapper .rt-container .rt-grid-8 {
    width: 470px;
}

#body-wrapper .rt-container .rt-grid-12 {
    width: 835px;
}

#rt-header{
	padding: 0 0 10px;
}

body #rt-logo {
    height: 103px;
    width: 112px;
	margin-top: 20px;
}

#rt-logo {
    background: url("../images/logo-900.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
}

ul.sf-menu{
	padding: 100px 0 0;
}

.content{
	/*width: 900px;
	margin: 0 auto;*/
}

.content .mainlist img {
    height: 130px !important;
    width: 130px;
}

.content a{
	float:left; 
	padding: 0 55px 40px 0;
}

.content li span p {    
    padding-right: 13px;
}

span.rating p.activestar{	
	background: url(../images/active-star-900.png) no-repeat;
	width: 22px;
	height: 22px;
}

span.rating p.inactivestar{	
	width: 16px;
	height: 17px;
	margin-top: 3px;
}

.content li span p {    
    padding-right: 5px;
}

.page_navigation {  
    font-size: 16px;
    height: 50px;
    width: 100%;
	float: left;
}
/* Single Recipe */
.recipecontainer{
	width: 900px;
	margin: 0 auto;
}

.sb{
	padding: 0;
}


h1.recipeNameHeading {
    padding: 0 0 20px;
	font-size: 24px;
}

.mainContentSections h2 {
    padding-bottom: 15px;
	font-size: 24px;
}


.mainContent {        
    width: 73%;
	padding: 0;
}

.mainContentSections{
	padding-left: 45px;
}


#ingredientsDetails {
    width: 35%;	
}


#directionDetails {
    float: right;
    width: 50%;
	padding-right: 50px;
}

span.dtlabl{
	font-size: 16px;
}

.dtval{
	font-size: 13px;
}

/*End Single Recipe*/

/* Distribution Page */

p.contactdetails{
 padding-right: 215px;
}


/* End Distribution Page */

}
/* End 900px width */
/* Start 640px width */
@media only screen and (min-width: 640px) and (max-width: 767px) {

/* General Changes */
#body-wrapper .rt-container {margin: 0 auto; width: 600px;}
body {min-width: 600px !important;}
#body-wrapper .rt-container .rt-grid-1,
#body-wrapper .rt-container .rt-grid-2,
#body-wrapper .rt-container .rt-grid-3,
#body-wrapper .rt-container .rt-grid-4,
#body-wrapper .rt-container .rt-grid-5,
#body-wrapper .rt-container .rt-grid-6,
#body-wrapper .rt-container .rt-grid-7,
#body-wrapper .rt-container .rt-grid-8,
#body-wrapper .rt-container .rt-grid-9,
#body-wrapper .rt-container .rt-grid-10,
#body-wrapper .rt-container .rt-grid-11,
#body-wrapper .rt-container .rt-grid-12 {width: 600px; margin-left:0; margin-right:0;}
/* Grid Push */
#body-wrapper .rt-container .rt-push-1,
#body-wrapper .rt-container .rt-push-2,
#body-wrapper .rt-container .rt-push-3,
#body-wrapper .rt-container .rt-push-4,
#body-wrapper .rt-container .rt-push-5,
#body-wrapper .rt-container .rt-push-6,
#body-wrapper .rt-container .rt-push-7,
#body-wrapper .rt-container .rt-push-8,
#body-wrapper .rt-container .rt-push-9,
#body-wrapper .rt-container .rt-push-10,
#body-wrapper .rt-container .rt-push-11 {left: 0px;}
/* Grid Pull */
#body-wrapper .rt-container .rt-pull-1,
#body-wrapper .rt-container .rt-pull-2,
#body-wrapper .rt-container .rt-pull-3,
#body-wrapper .rt-container .rt-pull-4,
#body-wrapper .rt-container .rt-pull-5,
#body-wrapper .rt-container .rt-pull-6,
#body-wrapper .rt-container .rt-pull-7,
#body-wrapper .rt-container .rt-pull-8,
#body-wrapper .rt-container .rt-pull-9,
#body-wrapper .rt-container .rt-pull-10,
#body-wrapper .rt-container .rt-pull-11 {left: 0px;}
/* Prefix for left nudging */
#body-wrapper .rt-container .rt-prefix-1,
#body-wrapper .rt-container .rt-prefix-2,
#body-wrapper .rt-container .rt-prefix-3,
#body-wrapper .rt-container .rt-prefix-4,
#body-wrapper .rt-container .rt-prefix-5,
#body-wrapper .rt-container .rt-prefix-6,
#body-wrapper .rt-container .rt-prefix-7,
#body-wrapper .rt-container .rt-prefix-8,
#body-wrapper .rt-container .rt-prefix-9,
#body-wrapper .rt-container .rt-prefix-10,
#body-wrapper .rt-container .rt-prefix-11 {padding-left:0;}

/* End General Changes */

/* Home Page */

#rt-showcase .camera_caption h5{ 
	font-size:27px !important; 	
}

.camera_caption h5#sslide{
	margin-top: 130px;
}

/* End Home Page */


/* Recipes Page */

ul.content {
    height: 0;
    padding-left: 15px;
}

.content .mainlist img{
	width: 140px;
	height: 130px !important;
}

.content a {
    float: left;
    padding: 0 50px 20px 0;
}


.page_navigation {
    width: 100%;
    float: left;
}

/* End Recipes Page*/

/* Single Recipe */


.mainContent {
    float: left;
    padding-right: 0;
    width: 85%;
    padding-left: 40px;
}


.mainContentSections {    
}


#ingredientsDetails {
    float: left;
    width: 100%;
}


#directionDetails {
    float: right;
    width: 100%;
}

.comment {
    width: 100%;
}

.sb{
	padding-bottom: 20px;
}


span.rating p.activestar {
    background: url("../images/active-star-900.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 22px;
    width: 22px;
}

span.rating p.inactivestar{
	margin-top: 3px;
}

/*End Single Recipe*/

/* Distribution Page */

p.contactdetails{
	padding-right: 70px;
}

/* End Distribution Page */


}
/* End 640px */

/* Recipe submission below 640px */
@media only screen and (max-width: 639px){
/* Submit Recipe Form */

.ui-dialog{
	background: #FFFFFF url(../images/modal-bg-320.png) no-repeat !important;
	width: 320px !important;
}

.duration {
    left: 190px;
    position: absolute;
    top: 110px;
}

#newRecipe{	
	padding: 0 !important;
	overflow: hidden;
}

#newRecipe .leftSide fieldset{
	padding-left: 10px;
}

.rightSide {
    float: left;
    padding-left: 10px;
    padding-top: 15px;
    width: 290px;
}

#recipeSubmitButton {
    margin-bottom: 20px;
    margin-left: 90px;
    margin-top: 20px;
}

#recipename {
    width: 290px;
}

.duration input[type="text"] {
    margin-right: 5px;
    width: 40px;
}

/* End Submit Recipe Form */
}

/* Recipe Submission 640px and above */
@media only screen and (min-width:640px){

.ui-dialog{	
	width: 640px !important;	
	background: #FFFFFF url(../images/modal-bg-640.png) no-repeat !important;
}

#recipeSubmitButton{
	margin-left: 10px;
    margin-top: 10px;
}
}