/*

iPad SUPPORT
* updated and optimized UI
* landscape & portrait mode detection
* full screen mode is supported (as suggested by the little popup)
* sidebar on/off [do a pinch gesture anywhere]
* double tap recipe entry window for context menu
* scroll through recipe ideas / all recipes

iPad LIMITATIONS 
* images can't yet be uploaded
* recipe ingredients can't be sorted (no drag&drop support yet)
* sidebar modules can't be sorted either

GOOGLE RECIPE SEARCH SUPPORT
* Please fill in the new "Author" field under "User Settings"
* Note the new Google format button in "Layout View"
* For now any cooking times provided have to be in Google's format,
	of course only if you plan on using this feature.
	Google's time format, eg.:
	PT1H30M = 1 hour, 30 minutes
	PT25M = 25 minutes
* The 'Add Hide Style':
	is meant to help hide this Google specific data format in case you intend
	to include this data block into your blog post, but don't want it to be 
	visible to the user (just Google)
* After copying to your blog, you may want to revise the data, to eg. 
	update the *photo source/URL*

	
TODO
* jQuery('.tabContainer').clickORtouch({ always: true, run: function(me,
* iscroll admin items or resize window!
* ajax spinner for admin window
* get rid of above limitations (if possible)
* sortable/drag&drop 
* image upload  
*/


/* GENERAL */

select, textarea, input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing:border-box;	
}

div.rs-left textarea {
    height: auto;
	max-height: 600px;
    min-height: 200px;
}

ul.tabNav li,
.postbox h3 {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}

div.postbox div.inside {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.touchHoverOn{
	-webkit-tap-highlight-color:rgba(0,0,0, 0.3);
}

#admin #rs-button-import-cookml.hover, #admin #rs-button-import.hover, #admin #admin-full-restore.hover, #admin a.rSbutton-small:hover, a.rSbutton:hover, input.rSbutton:hover {
	background: #fefefe url(../img/button-grad.jpg) repeat-x scroll 0 0;
}
#admin a.admin-delete-all:active, #admin a.admin-delete-all:focus, a.rSbutton:active, a.rSbutton:focus, input.rSbutton:active, input.rSbutton:focus {
	top: 0;
}

/* ELEMENTS */

html, 
body{
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	width:100%; 
	
	font-family: Georgia, serif;
	font-size: 14px;
	color: #000;
	margin:0;
	padding:0;
	border:0;
}

#drop-fade {
	-webkit-tap-highlight-color:rgba(255,255,255,0.3);
}
.postbox h3 {
    font-size: 16px;
}
.rs-left.fullFrame{
	width:100%;
}					
.rs-right.hideSidebar{
	display:none;
}					
					
#rs-shortcuts-container{
	display:none;
}
p.options-header {
	padding-bottom: 22px;
}
p.options-header label{
	font-size: 13px;
}

fieldset#rs-extra div.rs-extra-items {
	margin:0;
    clear: left;
    float: left;
	width:auto;
}
#rs-search-adv div.rs-search-adv-items.iPadHover,
fieldset#rs-extra div.rs-extra-items.iPadHover {
	-webkit-border-radius:3px;
	background: rgba(0, 0, 0, 0.2);
}
fieldset#rs-extra div.options-inside label{
	font-size: 12px;
	padding:3px 15px 3px 2px;	
}
fieldset#rs-extra div.rs-extra-items img {
	margin-top:2px;
	padding:1px 2px 1px 10px; 	
}

#rs-steps textarea, #rs-notes textarea,
input#rs-name , textarea#rs-desc{
	width: 100%;
}
input#rs-tags{
	width: 90%;
}

/* SIDEBAR */

.ui-sortable .postbox h3.iPadHover {
-webkit-box-shadow: 0 -27px 20px rgba(255,255,255,0.2) inset;
}
.meta-box-sortables div.closed h3.iPadHover {
-webkit-box-shadow: 0 -27px 20px rgba(0,0,0,0.8) inset;
}

div#rs-sidebar-all-iscroll li a.iPadHover,
#rs-extra a.rs-open-img.iPadHover,
#rs-extra .options-header label.iPadHover{
	-webkit-border-radius:3px;
	background: rgba(0, 0, 0, 0.2);
}
div#rs-thought-list li a.iPadHover{
	color:red;
}

#rs-add{
	display:none!important;
}

#rs-sidebar-search ul li, #rs-sidebar-all ul li, #rs-sidebar-last ul li {
    background: url("../img/icons.png") no-repeat scroll -44px -364px transparent;
}
div#rs-thought-list a.remove-thought {
    background: url("../img/thought-icons.png") no-repeat scroll 1px -2px transparent;
}
div#rs-thought-list a.remove-thought:hover {
    background-position: 1px -169px;
}

div.rs-search-adv-items {
    width: auto;
}
div.rs-search-adv-items label {
    display: inline-block;
    width: 110px;
}

div.rs-right div#rs-thought-list a,
div.rs-right div#rs-sidebar-all-iscroll a,
div.rs-right div#rs-sidebar-star-iscroll a,
div.rs-right div#rs-sidebar-last-iscroll a {
    display: inline-block;
    width: 225px;
}

div#rs-sidebar-thoughts .loading{
	background: url(http://www.deliciousdays.com/ddshelf1.0/img/ajax-loader-grey.gif) no-repeat 4px 4px !important;
}
div#rs-thought-list a.loading{
	background: url(http://www.deliciousdays.com/ddshelf1.0/img/ajax-loader-grey.gif) no-repeat -1px 0px !important;
}
#tagList a:hover {
    color: inherit !important;
	-webkit-tap-highlight-color:rgba(147, 236, 6, 0.5);
}

div#rs-thought-list ul {
	margin:0;
}

#rs-thought-list, 
#rs-sidebar-all-iscroll{ /*wrapper*/
	position:relative; z-index:1;
	width:269px;
	height:280px;
	padding:0;
	margin:0;
	overflow:auto;
}

#rs-thought-list .scroller,
#rs-sidebar-all-iscroll .scroller{
/*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/
	position:absolute; z-index:1;
	width:268px;
	margin:0;
	padding:0;
}
div#rs-thought-list ul,
div#rs-sidebar-all #rs-sidebar-all-iscroll ul  {
	max-height:inherit;
	padding-bottom:10px;
}
#rs-sidebar-all-iscroll .scroller ul  li{
}

/* USER SETTINGS */

div#rs-configuration {
	margin: 2px 0 0;
    padding: 10px 1% 40px;
}
input#rs-config-autosave {
    width: 3em;
}
input.rs-bg {
    font-size: 0;
    height: 17px;
    margin-left: 1px;
    width: 21px;
}


input#rs-config-email,
input#rs-config-custom {
    width: 100%;
}

input#rs-yield-unit {
    width: 180px;
}

span.rs-ctime-a-label, span.rs-ctime-p-label, span.rs-ctime-o-label {
    clear: both;
    display: block;
    line-height: 2.7em;
}
input#rs-ctime-a, input#rs-ctime-p, input#rs-ctime-o {
    float: right;
    width: 60%;
}	
span.rs-ctime-a-label{
	padding-left: 0;
}
div.rs-amount, div.rs-unit, div.rs-product, div.rs-attribute{
	margin-right: 0;
}
div#rs-ingredients input {
    font-size: 11px;
	width:100%;
}
.fullFrame div#rs-ingredients input {
    font-size: 13px;
	width:100%;
}
div.rs-amount, div.rs-unit{
	overflow: hidden;
	text-overflow: ellipsis;
}
div.rs-amount, div.rs-unit, div.rs-product, div.rs-attribute{
	font-weight:normal;
	font-size:9px;
}
div.rs-left label {
	padding-left: 1px;
}
div.rs-attribute{
	width: 48%;
}
a.rs-item-remove, div.hndle-ing, div.hndle {
	margin-left: 6px;
}
div.hndle-ing{
	display:none;
}
a.rs-item-remove{
	width: 17px;
	margin-left: 15px;
}
div#rs-steps-box, div#rs-notes-box{
	width: 100%;
}
#rs-extra,
.options-inside{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* SEARCH RESULTS */

#rs-toggle-star,
#rs-toggle-search{
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
.postbox #rs-toggle-search{
	display:none;
	background: transparent url(../img/icons.png) no-repeat 0px -706px;
}
.postbox #rs-toggle-star.faved{
	background: transparent url(../img/icons.png) no-repeat -38px -706px ;
}
.postbox #rs-toggle-star{
	background: transparent url(../img/icons.png) no-repeat -38px -737px;
}
#rs-editor-search ul li {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin: 0 0 25px 52px;
}
.rs-search-img img{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* LAYOUT VIEW */

#layout div.rsl-layout {
    width: 100%;
	-webkit-box-sizing:border-box;	
}
div#layout-action{
	margin-left: 0;
}
div#rs-email-config{
	width: 100%;
	-webkit-box-sizing:border-box;	
}
div#rs-email-config  label{
    display: inline-block;
    text-align: right;
    width: 35%;
}
div#rs-email-config input, div#rs-email-config textarea{
	margin-right:2%;
    display: inline-block;
    text-align: left;
    width: 60%;
}
div#rs-email-config  textarea{
    width: 60%;
}
div#rs-email-config input#rs-button-email-send{
	margin-right: 10px;
}

/* context menu */


div#jqContextMenu {
    box-shadow: 0 0 20px #000000;
}
div#jqContextMenu ul li {
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
div#jqContextMenu ul li.iPadHover{
	color:#222;
	text-shadow: 0 1px 0 #fff;
    background-color: #c4c4c4;
}



/* Screen Popup */
#screen{
	overflow:hidden;
}
#langsel{
	height: 34px;
	padding: 0px 10px;
}



/**************************************************************************************/
/********************************** PORTRAIT ONLY *************************************/
/**************************************************************************************/
@media all and (orientation: portrait) { 

#rs-editor > h3 span.editNote {
	display: inline-block;
	font-family: Tahoma;
	font-size: 11px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* LAYOUT VIEW :: partFrame */

.partFrame #layout div.rsl-layout div.rsl-title-photo{
    float: none;
    margin: 0;
    text-align: center;
}	
.partFrame #layout div.rsl-layout div.rsl-head > div,
.partFrame #layout div.rsl-layout div.rsl-cookingtime,
.partFrame #layout div.rsl-layout div.rsl-ingredients,
.partFrame #layout div.rsl-layout div.rsl-ingredients {
	width: 100%;
}
.partFrame #layout div.rsl-layout div.rsl-steps{
    float: none;
    width: 100%;
}

/* SEARCH RESULTS */
.fullFrame #rs-editor-search ul li {
	margin: 0 10px 25px 35px;
}

/* POPUP Window / Admin */

#msgboard, #admin, #help, #language{
}

#admin{
	left:0;
	margin: 0px 1%;
	padding: 15px 20px 15px 15px;
	width: 98%;
	-webkit-box-sizing:border-box;	
}
div.tabContainer {
    height: auto;
}
#admin div.admin-res{
    height: auto;
	max-height:500px;
}

ul.tabNav li a span{
	white-space: nowrap;
	display:inline-block;
	max-width:120px;
	overflow:hidden;
	text-overflow:ellipsis;
}
#admin a.rSbutton-small {
    padding: 2px 16px;
}
#admin div.admin-res ul li a {
    background: url("../img/admin-remove-x.png") no-repeat scroll 99% 3px #DDEEFE;
    padding: 2px 20px 1px 10px;
	font-size: 12px;
}
ul.tabNav li {
    top: 4px;
}
ul.tabNav li.loading{
    border:0!important;
    background:none;
    background-color:#eee;
    float:left;
    margin-top:5px;
    margin-left:4px;
    height:10px;
    width:10px;
    -webkit-animation-name: bounce_circle;
    -webkit-border-radius:10px;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    opacity:0.3;
}
@-webkit-keyframes bounce_circle{
    0%{opacity:0.3;}
    50%{opacity:1;background-color:#000}
    100%{opacity:0.3;}
}

}
/**************************************************************************************/
/********************************** LANDSCAPE ONLY ************************************/
/**************************************************************************************/
@media all and (orientation: landscape) { 
 
/* SEARCH RESULTS */

#rs-editor-search ul li {
	margin: 0 10px 25px 23px;
}

.fullFrame #rs-editor-search ul li {
	margin: 0 10px 25px 20px;
}

}



























html { -webkit-text-size-adjust:none; }


/**
 *
 * Main container
 *
 */
#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:218px;
	font-size:13px;
	padding:10px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #999;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}


/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.wide {
	width:250px;
}


/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .arrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#999;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}


/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.ipad .arrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}


/**
 *
 * Close button
 *
 */
#addToHomeScreen .close {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:2px;
	top:2px;
	width:14px;
	height:14px; line-height:10px;
	text-align:center;
	text-indent:1px;
	font-size:14px;
	-webkit-border-radius:7px;
	background:rgba(0,0,0,0.12);
	color:#707070;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:13px;
}


/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .plus {
	font-weight:bold;
	font-size:1.3em;
}


/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .share {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}


/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .touchIcon {
	display:block;
	float:left;
	-webkit-border-radius:8px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:none;
	width:44px; height:44px;
	-webkit-background-size:44px 44px;
	margin:0 10px 5px 0;
	border:1px solid #333;
	-webkit-background-clip:padding-box;
}


/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	#addToHomeScreen .share {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	}
}



