body,h1,h2,h3,h4,p,div,span,form{padding:0px;margin:0px}body{background-color:#EEE;font-family:sans-serif;color:#888}#head{position:fixed;width:100%;top:0px;z-index:5}#header{background-color:#0097A8;height:41px}#footer{width:100%;clear:both;text-align:center;padding:2em
0 4em;color:#999}#footer
a{color:#555}#footer a:hover{text-decoration:underline}#logo{float:left;padding-left:10px}#baseline{float:left;padding-left:10px;padding-top:0.7em}#login{float:right;padding-right:3%;padding-top:0.5em}#subLogin{position:absolute;top:42px;right:-17em;;transition:right  0.3s ease-out;z-index:20}#subLogin
ul{list-style:none;background-color:#FFF;padding-left:0px;margin:0}#subLogin
li{padding:1em
5em 1em 2em;border-bottom:1px solid #EEE}#subLogin
a{color:#0097A8;display:block}#subLogin li:hover{background-color:#EEE;display:block}.activeMenu{right:0em !important;transition:right  0.3s ease-in}h1{font-size:1.4em;color:#FFF}h2{font-size:1.6em;color:#555;margin-bottom:1em}h2
.button{margin-left:1em;font-size:0.7em;position:relative;top:-0.1em}h3{font-size:1.1em;color:#555;margin:0
0 0.5em 0em}a{text-decoration:none;color:#f50;outline:none}#menu{background-color:#FFF;padding-top:0.5em;height:1.9em;box-shadow:0px 3px 6px 1px rgba(0,0,0,0.3)}#menuElement{padding-left:80px;float:left}#bgMenu{margin-left:26px;display:none}#search{float:right;padding-right:3%;margin-top:-0.2em}#main{margin:100px
1.5em}.button{color:#FFF;background-color:#ff9500;padding:0.2em 0.8em;border-radius:1em;text-decoration:none;cursor:pointer;display:inline-block}.button:hover{background-color:#f50;transition:0.2s}#login
.button{color:#0097A8;background-color:#FFF}#login .button:hover{background-color:#EEE;transition:0.2s}#menuElement
.nav{background-color:#FFF;color:#0097A8}#menuElement .nav:hover{background-color:#EEE;transition:0.2s}#menuElement
.nav2{background-color:#0097A8;color:#FFF}#menuElement .nav2:hover{background-color:#EEE;color:#0097A8;transition:0.2s}.noauth{color:#FFF;background-color:#3fbafd}.noauth:hover{background-color:#DDD;transition:0.2s}.auth{color:#FFF;background-color:#10d469}.auth:hover{background-color:#DDD;transition:0.2s}.admin{color:#0097a8;background-color:#EEE}.admin:hover{background-color:#DDD;transition:0.2s}.info{color:#FFF;background-color:#BBB;cursor:initial}.info:hover{background-color:#BBB}h2
.button{font-size:16px;font-weight:normal}.recipePreview{width:27%;height:16em;float:left;background-color:#FFF;margin-right:0.5em;margin-bottom:1em;padding:1em;border-radius:1em;box-shadow:0 3px 6px 1px rgba(0,0,0,0.3)}.thumb{float:left;width:35%}.thumb
img{width:100%;border-radius:0.5em}.shortDesc{float:left;width:60%;padding-left:0.5em}.time{background-color:#EFEFEF;color:#555;float:left;width:43%;padding:0.3em;border-radius:0.5em;margin-bottom:0.5em}.time1{margin-right:0.5em}.quantity{clear:left;color:#555}.ingredient{clear:left;padding-top:0.5em}.action{clear:left;margin-top:15em;text-align:center}.line{width:90%;height:2.5em;clear:left;margin:auto}label{width:20%;text-align:right;display:inline-block;float:left;padding-right:2%;padding-top:0.5em;color:#0097A8}.error
label{color:#fe5a3a}.error
.msg{color:#fe5a3a;font-style:italic;font-size:0.8em}.msgError{border:1px
solid #fe5a3a;border-radius:0.3em;background-color:#feede2;color:#fe5a3a;margin:0.6em auto;padding:0.5em;width:70%;text-align:center}.msgInfo{border:1px
solid #10d469;border-radius:0.3em;background-color:#d4fdce;color:#10d469;margin:0.6em auto;padding:0.5em;width:70%;text-align:center}.field{width:78%;float:left}.field
img{width:81%;border-radius:1em;display:block;margin:1em
0}.line
input{height:1.8em;width:60%}.lineSubmit{width:90%;clear:left;margin:auto;padding-top:2.5em;text-align:center}#accountInfo
.lineSubmit{padding-top:1em}.lineSubmit
.button{border:0px}select{height:2.4em;width:50%}textarea{width:80%}.line input,select,textarea{color:#888;font-size:inherit}.searchButton{float:right;margin-left:10px;margin-top:0.9em;border:0px;background-color:#FFF;background-image:url('../image/icon_search.png');background-repeat:no-repeat;width:30px;height:30px;cursor:pointer}#commentForm{display:none}#commentList{}.popIn{display:block !important}#comment{margin:1em
0;border-bottom:1px solid #CCC}#commentPhoto{width:8%;min-width:70px;float:left;margin:0
1em 0.1em 0}#commentPhoto
img{width:100%;border-radius:1em}#commentUser{}#commentUserInfo{font-style:italic;font-size:0.8em;padding-bottom:0.5em;color:#999}.mainBlock{background-color:#FFF;border-radius:1em;padding:2em;margin-bottom:1em;box-shadow:0 3px 6px 1px rgba(0,0,0,0.3)}.searchBlock{text-align:center}.searchBlock
input{width:90%;height:2em;padding:0.2em 1em;font-size:0.9em;color:#0097a8}.textIntro{margin:0
0 1em 0}#recipeImg
img{width:100%;max-width:1000px;border-radius:0.4em}.sbLeft{float:left;width:28%;max-width:750px;margin-right:2%}.sbRight{float:left;width:70%}.sb{border-radius:0.4em;padding:1em;margin:1em
0;background-color:#EEE}.sb
h3{margin-bottom:0.5em}#recipeTitle{float:right;width:70%;text-align:left}.subMenu{clear:both;text-align:center;padding-top:0em}#accountInfo{margin-bottom:2em}.clear{clear:both}.infoField{width:60%;height:1.8em}.infoFieldTxt{width:60%}.userImage{width:60%;max-width:300px;border-radius:0.4em}#filter
select{width:inherit}#filter
.button{border:0px}.likeForm{border-radius:50%;background-color:#FFF;color:#FFF;border:1px
solid #666;margin:0px
0.2em;width:1.2em;display:inline-block}.likeOn{background-color:#ffe300 !important;color:#ffe300 !important}.msgGlobal{width:50%;margin:-1em auto 1em;border:1px
solid #10d469;border-radius:0.5em;padding:0.5em;background-color:#b8ffc2;color:#10d469;text-align:center}.mainCol{width:60%;float:left}.rightCol{width:28%;float:right}.userLeftCol{float:left;width:28%}.userLeftCol
img{border-radius:1em;width:100%;max-width:300px}.userMainCol{float:right;width:64%}.userRecipe{border-bottom:1px solid #CCC;padding:1em
0 0.5em 0;clear:left}.userRecipeImg{float:left;width:20%;margin-right:1em}.userRecipeImg
img{width:100%;max-width:150px;border-radius:0.5em}.userRecipeText{float:left;width:77%}.userRecipeText
a{color:#666}.diapo{width:100%;margin-top:0.5em;float:left;border-bottom:2px solid #EEE}.diapoImgLeft{float:left}.diapoImgRight{float:right}.diapoImg{width:40%;margin-bottom:0.5em}.diapoImg
img{width:100%;border-radius:1em}.diapoInfo{float:left;width:48%;padding-left:0.7em}.topRecipe
li{list-style:none}#addRecipe
fieldset{border:1px
solid #EEE;border-radius:1em;margin-bottom:1em;padding:1em}#addRecipe
legend{color:#0097A8;margin-left:1em}.linkList{padding-left:1em}.linkList
li{list-style-type:decimal}.linkList
a{color:#0097A8}#iconH2{top:5px;position:relative;padding-right:0.4em}#filter
.button{font-size:16px;font-weight:normal;cursor:pointer}#newRecipe{float:right;margin-right:0.5em}@media only screen and (max-width: 1206px){.recipePreview{width:42%}}@media only screen and (max-width: 980px){#bgMenu{display:inline;position:relative;top:-0.3em}#menuElement{position:absolute;left:-1000px;transition:ease-in left 0.3s;width:100%;padding-left:0px;margin-top:0.6em;border-radius:1em 1em 0 0;opacity:0.97;z-index:10}#menuElement
a{width:95%;display:block;border-radius:0px;height:2em;padding-top:0.7em;border-bottom:1px solid #CCC;background-color:#FFF;color:#0097A8}.mobile{left:0px !important;transition:ease-out left 0.3s}.sb{font-size:0.9em}.sb
h3{margin-left:0px;margin-right:0px}.userLeftCol{width:100%}.userMainCol{width:inherit}}@media only screen and (max-width: 750px){#main{margin-left:1em;margin-right:1em}.mainBlock{padding:1.2em}.subMenu
.button{margin-bottom:0.5em}.sbLeft{width:100%}.sbRight{width:100%}#recipeTitle{clear:both;width:100%;text-align:left}.line{width:100%}.line
label{width:100%;text-align:left}.line input, .line select, .line
textarea{width:90%}.field{width:100%}.field
img{width:100%}.userRecipeImg{width:30%}.userRecipeImg
img{max-width:inherit}.userRecipeText{width:63%}}@media only screen and (max-width: 450px){body{font-size:0.9em}h1{font-size:1.2em}h2{font-size:1.2em}h3{font-size:1.1em}#main{margin-left:0.8em;margin-right:0.8em}#baseline{padding-top:1em}.mainBlock{padding:1em}.searchBlock
input{width:70%;height:2em;padding:0.2em 1em;font-size:1.1em;color:#0097a8}.recipePreview{width:inherit;margin-right:inherit;height:inherit}.userRecipeImg{width:45%}.userRecipeText{width:45%}.thumb{width:100%;border-radius:0.5em}.shortDesc{width:100%;padding:0.6em 0px}#search{width:70%;padding-right:0.2em;text-align:right}#inputSearch{width:65%;font-size:0.85em}.mainCol,.rightCol{width:90%}.diapo{border-bottom:0px}.diapoImg{width:inherit}.diapoInfo{width:inherit;margin-bottom:1.5em;padding-bottom:1em;border-bottom:1px solid #EEE}.diapoInfo
h3{margin-top:1em}#filter
select{width:83%}}@media only screen and (max-width: 330px){#baseline
h1{font-size:1.1em}.userRecipe{padding:1em
0 1.5em}.userRecipeImg{width:100%}.userRecipeText{width:100%}.userImage{max-width:inherit;width:inherit}}