/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{
    background:#d3f1ff;
    text-align: right;
    /*direction: rtl;*/ /*This line of code made problem for facebook plugin in chrome*/
    color:#000;
}

/*If any text is going left to right here put their class and it will be right to left*/
h1, h2, h3, h4, h5, h6, p, span, .paypal-icon {
    direction: rtl;
}

.container{
    
   padding-top:2em;
}
#nav li{
    font-size:19.5px;
    float:right;
    padding:0 0.8em;
    line-height:1;
    font-family:'simple_clm',arial;
}
#nav li a{
    text-decoration:none;
}

#logo{
    background:url('../img/960-logo.jpg') no-repeat center center;
    height:104px;
    position:relative;
   
}
#logo p{
    font-size:20px;
    font-family:'simple_clm',arial;
    width:100%;
    position:absolute;
    bottom:0;
    text-align:center;
    margin-bottom:0;
}
header{
    direction: rtl;
}
/* #Page Styles
================================================== */
#page{
    padding:5.29%;
    border-radius: 50px;
    background-color:#fff;
    border:2px solid  #000;
    margin:0 auto;
    max-width:778px;
   
}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
.social-btns{
	align: center;
    display: block;
    margin-top: 30px;
}
#reflection-image-container{
    height: 488px;
    background:url('../img/960-reflection.png') no-repeat left center;
    margin-left:-0.92%;
    position:relative;
    margin-top:-110px;
    max-width:303px;
    background-size:100% auto;
    left:-2.5%;
    width:39.25%;
    float:left;
}
#facebook-container{
    position:absolute;
    right:113%;
    top:80%;
    width:60%;
    padding-left:30px;
    
}
#facebook-container p{
    margin-bottom:0;
    line-height:2em;
}
#facebook-container .fb-like{
    position:absolute;
    top:0;
    left:30px;
}
#book-decription{
   width:56.5833%;
   position:relative;
    
}
#book-decription header{
    margin-top:1.5em;
}
#images{
    text-align:center;
    margin:35px 0 68px 0;
    width:100%;
}
 #images .four.columns img{
   max-width:100%;
            }
          
#author-image{
    margin-left:0;
    margin-right:1.892%;
    text-align: left;
    
}
#author-image img{
    max-width:100%;
    height:auto;
    text-align: left;
}
#recomedations{
    height:auto;
    margin-bottom:50px;
}
#submit-container{
    text-align: center;
     width:72.147%;
     margin-right:27.7%;
     
}
#recomedations p{
    font-family: 'KtavYadCLMMediumItalic';
    padding:10px;
}
#recomedations img{
  width:100%;
  max-width:782px;
}
#recomedations h2{
    text-align:center;
}
#form{
    background:url('../img/form-bg-960.png') no-repeat center top;
    margin:0;
    width:50%;
    height:350px;
    padding-top:52px;
}
#form form{
    margin:0 auto 20px;
    width:80%;
    padding-left:10%;
}
#form h4{
    text-align:center;
    font-size:20px;
    font-family: 'simple_clm',arial;
    margin-bottom:10px;
}
#form label{
    float:right;
    width:24.161%;
    text-align:left;
    font-family: 'simple_clm',arial;
    font-size:16px;
    padding-top:2px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    float:left;
    width:72.147%;
    height:28px;
    line-height: 100%;
    padding:0;
    background:#fdd1d6;
    border-radius: 3px;
    border:2px solid black;
    margin:0 0 10px;
}
input[type="submit"]{
    background:#fdd1d6;
    border:2px solid #000;
    color:#000;
    font-size:16px;
    padding:5px 18px;
    font-family:'simple_clm',arial;
}
input[type="submit"]:hover{
   background:#fdd1d6; 
   border:2px solid #000;
   color:#000;
}
#kiss{
    font-size:74px;
    font-family:'simple_clm',arial;
    font-weight:bold;
}
#author-name{
    font-size:32px;
    font-family:'simple_clm',arial;
    font-weight:normal;
    margin-right:1em;
}
p{
    font-size:17px;
    font-family:'simple_clm',arial; 
    line-height:1.4em;
}
#adler{
    font-size:15px;
	color:#132063;
	height:100px;
	line-height:100px;
	padding-right:100px;
	background:url("../img/adler.gif") no-repeat right center transparent;
	margin-top:-10px;
}
#adler span{
  line-height:1.2em;
  display:inline-block;
}
h2{
   font-size:24px;
    font-family:'simple_clm',arial;
    font-weight:bold; 
    line-height: 1em;
}



.rotate-minus-5 {

/* Safari */
-webkit-transform: rotate(-5deg);

/* Firefox */
-moz-transform: rotate(-5deg);

/* IE */
-ms-transform: rotate(-5deg);

/* Opera */
-o-transform: rotate(-5deg);



}
.rotate-plus-5{
 /* Safari */
-webkit-transform: rotate(5deg);

/* Firefox */
-moz-transform: rotate(5deg);

/* IE */
-ms-transform: rotate(5deg);

/* Opera */
-o-transform: rotate(5deg);

 
}
#background-image-for-recomendations{
   background:url('../img/recomendations-bg.png') no-repeat center center;
   height:196px;
}
#recomedations p span{
    display:block;
    position:relative;
    left:-26%;
}
			  #recomedations .red{
				  color:#ff3318;   
              }
			  #recomedations .green{
				  color: #009d0b;
              }
              #recomedations .green-2{
                  color: #00af9c;
              }
               #recomedations .pink{
                  color: #ff44cc;
                  font-weight: bold;
              }
              #recomedations .pink span{
                  font-weight:normal;
              }
              #recomedations .brown{
                  color:#ff8d31;
              }
              #recomedations .bordo{
                  color:#e2005a;
              }
              #recomedations .purple{
                  color:#8f21ff;
                  font-weight:bold;
              }
              #recomedations .purple span{
                  font-weight:normal;
              }
              #recomedations .blue{
                  color: #005bf2;
              }
             

.buy-btn.row{
    text-align: center;
    display:block;
    clear:both;
    margin-bottom:54px;
    min-width:225px;
}
.buy-btn form{
    margin-bottom:0;
}
.buy-btn form input[type="submit"]{
    font-size:24px;
    font-family: arial;
    font-weight:bold;
    color:#000;
    text-decoration: none;
    padding:0 26px;
    height:46px;
    line-height:44px;
    background:#ffec48;
    border:2px solid #000;
    display:inline-block;
    border-radius:30px;
    margin:54px 0 5px;
}
.buy-btn form input[type="submit"]:hover{
    background:#ff9099;
   
}
.paypal-icon{
    font-size:14px;
    text-align:right;
    margin:0 auto;
    text-align:center;
}
.paypal-icon span{
    display:inline-block;
    position:relative;
    top:-5px;
}
#rights{
    text-align:center;
    font-size:14px;
    font-family:'simple_clm',arial;
    margin:0.5em 0;
    
}
#rights p{
    margin-bottom:0;
    line-height:1.2em;
}
#facebook-share-container{
    text-align:center;
}
#facebook-share{
    font-size:17px;
    font-weight:bold;
    font-family:'simple_clm',arial;
    border:2px solid black;
    background:#49638f;
    line-height:2em;
    text-align:center;
    padding:0 2em;
    display:inline-block;
    color:#fff;
    width:auto;
    margin:0 auto;
    text-decoration: none;
    border-radius:5px;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
        @media only screen and (max-width: 959px) {
            #form{
                background-size:100%;
            }
            #form input ,#form textarea {
                margin:0;
            }
        }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
        @media only screen and (min-width: 768px) and (max-width: 959px) {
             #page{
                width:85%;
                padding:3.5%;
            }
            #logo{
                width:37%;
                background-image:url(../img/780-logo.jpg);
                
            }
            #logo p{
                left:5px;
                bottom:7px;
                font-size:16px;
            }
            #nav{
                width:60%;
                margin:12px 0 0 0;
            }
            #nav li{
                font-size:16px;
                padding:0 0.8em;
            }
            header{
                width:90%;
                margin:0 auto;
            }
            #reflection-image-container{
                margin-top:-130px;
                left:-1.1%;
            }
            #kiss{
                font-size:62px;
            }
            #author-name{
                font-size:26px;
            }
            #author{
                width: 97.9167%;
            } 
            #facebook-container{
                width:60%;
                right: 112%;
                top:90%;
            }
            #facebook-container p{
                font-size:14px;
            }
            #form form{
                width:70%;
                padding:0 0 0 10%;
            }
            
        }

	/* All Mobile Sizes (devices and browser) */
        @media only screen and (max-width: 768px) {
            #images .four.columns{
                margin:.5%;
                width:24%;
            }
            #images .four.columns img{
                max-width:100%;
                width:160px;
            }
            #images .four.columns{
                margin:0;
                width:25%;
            }
            #author{
                width:99.416%;
            }
            #form{
                background-size:100%;
                padding-top:32px;
                width:50%;
                margin:0 ;
            }
            #form h4{
                margin-bottom:0;
                margin-top:5px;
                font-size:16px;
                font-weight:bold;
            }
            #form label{
                font-size:14px;
            }
            #form input[type="text"]{
                height:23px;
                line-height:23px;
            }
            #form .row{
                margin-bottom:0;
            } 
            #facebook-container p{
                font-size:13px;
                line-height:2.5em;
            }
            #book-decription{
                
                width:52%;
            }
            #book-decription> p{
              font-size:15px;  
            }
			#book-decription > #adler{
			  font-size:14px;
			}
            #facebook-container{
                width:75%;
            }
            #form input ,#form textarea {
                margin:0 0 5px;
            }
             
           
        }
        
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          #logo{
             background:url('../img/480-logo.jpg') no-repeat center center;
             height:66px;
             width:48%;
            margin-right:4%;   
        }
        #logo p{
            font-size:14px;
            bottom:-3px;
            left:5px;
        }
         #nav{
                  width:47%;
                  text-align:left;
                  padding-left:2%;
              }
              #nav li{
                  font-size:15px;
                  padding:0;
                  width:auto;
                  float:none;
                  display:inline-block;
                  padding:0 0.5em;
              }
              #nav ul.row{
                  text-align: left;
              }
              #logo{
                  margin-right:0;
                  width:49%;
              }
              #images .four.columns{
                  width:49%;
                  margin:0.5%;
              }
              #images .four.columns img{
                 width:198px;
                 height:198px;
              }
              #author-image{
                  display:block;
                  float:none;
                  text-align:center;
              }
              #recomedations .one-third.column{
                  width:50%;
              }
              
               #form.eight.columns{
                  width:50%;
                  display:block;
                  min-width:280px;
                
                 
                 
              }
              .container .eight.columns{
                  width:50%;
              }
              #kiss{
                  margin-right:0.3em;
              }
              #author-name{
                  display:block;
                  margin-top:20px;
              }
        }
        @media only screen and (max-width: 650px){
            #book-decription{
                width:80%;
                margin:0 10%;
            } 
            #facebook-container{
                position:relative;
                right:0;
                width:220px;
            }
        }
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 480px) {
          #reflection-image-container{
                  width:100%;
                  margin:-60px auto 0;
                  display:block;
                  float:none;
                  left:auto;
              } 
               #kiss,#author-name{
                  display:block;
                  text-align:center;
                  margin:0;
                  line-height:1.2em;
              }
              #kiss{
                  font-size:54px;
              }
              #author-name{
                  font-size:24px;
              }
              #book-decription.two-thirds{
                  margin:0 auto;
                  width:80%;
                  float:none;
              }
               #facebook-container{
                  position:relative;
                  bottom:auto;
                  left:0;
                  right:auto;
                  width:57%;
                  float:left;
                  padding-left:0;
                  min-width:220px;
                  
              }
              #facebook-container .fb-like{
                  left:2%;
              }
              #form{
                  width:80%;
                  margin: 0 10%;
              }
               #form h4{
                margin-bottom:0;
                margin-top:5px;
                font-size:15px;
                font-weight:bold;
            }
            #form label{
                font-size:12px;
            }
            #form input[type="text"]{
                height:18px;
                line-height:18px;
            }
            #form input[type="submit"]{
                padding:2px 10px;
            }
        }
        @media only screen and (max-width: 360px){
            #logo{
             background:url('../img/320-logo.jpg') no-repeat center center;
             height:53px;
             width:48%;
            margin-right:4%;
              }
              #logo p{
                  font-size:11px;
                  margin-top:3px;
                  left:3px;
              }
              #nav{
                  width:48%;
                  text-align:left;
              }
              #nav li{
                  font-size:13px;
                  display:block;
                  width:70%;
                  text-align: left;
                  
              }
              #page{
                  border-radius:25px;
                  margin-bottom:15px;
              }
              #images .four.columns{
                  width:100%;
              }
              #form{
                  width:100%;
                  background-size:100% 100%;
                  padding-top:32px;
                  height:auto;
                  min-height:220px;
                  margin:0;
                  min-width:260px;
              }
              #form h4{
                  font-size:16px;
                  margin-bottom:5px;;
              }
              #form label{
                  font-size:12px;
                  padding-top:0;
              }
              #form .row{
                  margin-bottom:0;
              }
              #form input{
                  height:18px;
              }
              #form textarea{
                  height:46px;
                  min-height:46px;
                  margin-bottom:5px;
              }
              input[type="submit"]{
                  font-size:13px;
                  padding:0 14px;
              }
              #reflection-image-container{
                  width:100%;
                  margin-top:-90px;
                  display:block;
                  float:none;
                  left:auto;
              }
              #book-decription{
                  width:100%;
                  margin-top:-50px;
                  position:relative;
              }
              #kiss,#author-name{
                  display:block;
                  text-align:center;
                  margin:0;
                  line-height:1.2em;
              }
              #kiss{
                  font-size:54px;
              }
              #author-name{
                  font-size:24px;
              }
              #author-image{
                  margin-right:0;
                  overflow: hidden;
              }
              header.row{
                  margin-bottom:50px;
                
                  position:relative;
              }
              #images .four.columns img{
                  height:230px;
                  width:230px;
              }
              #book-decription{
                  display:block;
              }
              #facebook-container{
                  position:relative;
                  bottom:auto;
                  left:0;
                  right:auto;
                  width:100%;
              }
        }

/* #Font-Face
================================================== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2013 */



@font-face {
    font-family: 'simple_clm';
    src: url('fonts/simpleclm-bold-webfont.eot');
    src: url('fonts/simpleclm-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/simpleclm-bold-webfont.woff') format('woff'),
         url('fonts/simpleclm-bold-webfont.ttf') format('truetype'),
         url('fonts/simpleclm-bold-webfont.svg#simple_clmbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'simple_clm';
    src: url('fonts/simpleclm-boldoblique-webfont.eot');
    src: url('fonts/simpleclm-boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/simpleclm-boldoblique-webfont.woff') format('woff'),
         url('fonts/simpleclm-boldoblique-webfont.ttf') format('truetype'),
         url('fonts/simpleclm-boldoblique-webfont.svg#simple_clmboldoblique') format('svg');
    font-weight: bold;
    font-style: italic;

}




@font-face {
    font-family: 'simple_clm';
    src: url('fonts/simpleclm-medium-webfont.eot');
    src: url('fonts/simpleclm-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/simpleclm-medium-webfont.woff') format('woff'),
         url('fonts/simpleclm-medium-webfont.ttf') format('truetype'),
         url('simpleclm-medium-webfont.svg#simple_clmmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'simple_clm';
    src: url('fonts/simpleclm-mediumoblique-webfont.eot');
    src: url('fonts/simpleclm-mediumoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/simpleclm-mediumoblique-webfont.woff') format('woff'),
         url('fonts/simpleclm-mediumoblique-webfont.ttf') format('truetype'),
         url('fonts/simpleclm-mediumoblique-webfont.svg#simple_clmmediumoblique') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'KtavYadCLMBoldItalic';
    src: url('fonts/ktavyadclm-bolditalic.eot');
    src: url('fonts/ktavyadclm-bolditalic.eot') format('embedded-opentype'),
         url('fonts/ktavyadclm-bolditalic.woff') format('woff'),
         url('fonts/ktavyadclm-bolditalic.ttf') format('truetype'),
         url('fonts/ktavyadclm-bolditalic.svg#KtavYadCLMBoldItalic') format('svg');
}
@font-face {
    font-family: 'KtavYadCLMMediumItalic';
    src: url('fonts/ktavyadclm-mediumitalic.eot');
    src: url('fonts/ktavyadclm-mediumitalic.eot') format('embedded-opentype'),
         url('fonts/ktavyadclm-mediumitalic.woff') format('woff'),
         url('fonts/ktavyadclm-mediumitalic.ttf') format('truetype'),
         url('fonts/ktavyadclm-mediumitalic.svg#KtavYadCLMMediumItalic') format('svg');
}