// Import required
@import "vars.less";
@import "library.less";
@import "common.less"; 

// Import individual
@import "font/stylesheet.less"; 
@import "home.less"; 

// ------------- theme.less ------------------

body {
    font-family:Arial;
    font-size:12px;
}

hr { 
    border:none;
    border-top:1px dashed #a9a9a9;
    margin:15px;
}

.button-1 {
    .reset;
    .font2;
    .button()
    
}

ul.form {

    // Input formatting
    .s1() {
        .reset;
        font-size: 16px;        
        outline: none;
        vertical-align: middle;
        border:1px solid #a1bcd6;
        border-bottom:1px solid #c9daea;
        border-left:1px solid #c9daea;
        color:#757575;
        padding:12px 0px;
        .bg-color(#f7fcff);                      
        .inner-shadow(#e9eef1,0,5,8);     
        width:99%;  
        text-indent:10px;
    }

    padding: 0px 0px 13px 0px;
    label { .font5; }
    
    .item { padding:13px 0px; }

    &.vertical {
        .item { 
            label { float:left; width:35%; .tar; margin-right:2%; line-height:45px; }
            .textbox { float:left; width:40%; }
            .textbox input { .s1();  }
            .status { float:left; }
            .clearfix;
        }
    }
    
    .item label.error { width:95%; .font(16,@red); .tal; line-height:16px; margin-top:5px; }
    
    .status {
        .size(50,45); 
        &.loading { .box-image("status_loading.gif"); }
        &.error { .box-image("status_error.gif"); }
    }
}
.submitbox {
    padding:5px;
}



// ------------- home.less ------------------

body#template_home {    

    // Button style
    .s1() { .reset; .size(113,42); .text-hide; .bg-color(transparent); .opacity(90);
        &:hover { .opacity(100); cursor:pointer; }
    }

    h2 { .font1; }
    h3 { .font3; margin-bottom:10px; }
    .bg("home/background.png");
    .bg-pos(50%,0px);
	.bg-color(#3167a5);
	#wrapper { width:700px; margin:auto; }
    #header {
        height:120px;
        padding-top:40px;
        a { .text-hide; .box-image("home/logo.png"); .size(353,101); .pos-center; }
    }
    #title {
        height:82px;
        h1 { .text-hide; .box-image("home/title.png"); .size(658,47); .pos-center; }
    }
    #content {        
        .box-image("home/oven.png"); .size(650, 590); .pos-center;
        position:relative;
        .login {  
            .text input { 
                .reset; .bg-color(transparent); .size(310,45);
                color:#efe9d2;
                font-family:Georgia, "Times New Roman", Times, serif;
                font-style:italic;
                text-indent:10px;   
				font-size:18px;           
            }
            label { .hide; }
            .field.email { .pos-tl(174,128); }
            .field.password { .pos-tl(174,308); }
            .reset_pass { .pos-tl(175,375); 
                a { .font(13,#f5c872); .underline(none); 
                    &:hover { color:#FFF; }
                }
            }
            .button { .s1(); .pos-tr(165,362);  .box-image("home/login.png"); }
        }
        .signup {
            .pos-br(165,0);
            .size(315,85);
            label { .text-hide; .box-image("home/not-a-member.png"); .size(185,21); .float_left; margin-top:10px; }
            .button { .s1(); .box-image("home/signup.png"); .float_right; }
        }

    }
    #footer {
        .tac;
        .font(12,#9eb6d3);        
    }

    #facebox .content {
        width:800px;
        .button-1 { .pos-center; }
        p { .font5; .tac; font-size:14px; .clearfix; padding:0px 0px 7px 0px; }
    }

}