/*
Theme Name: Amorphous People
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Tasos Niopas
Author URI: http://amorphouspeople.com
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Amorphous People 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*Page Style Settings*/


@font-face {
	font-family: ubuntu-r;
	src: url('fonts/Ubuntu-R.ttf');
}

html {
   margin: 0px;
    padding:0px;
   height: 100%;
   width: 100%;
}

body {
   margin: 0px;
   padding:0px;
   height: 100%;
   width: 100%;
   background-color: whitesmoke;
   --position : absolute;
    --display: inline-block;

 
}


/* basic page elements */

/* Header Section */

.headerAM {
    
    width:100%;
    height:15%;
    opacity:0.75;
    /*background-color: black;*/
     
}


.lLogo {
    
    height :100%;
    width : 30%;
    position:relative;
    
    
}

.headLogoImg {
    
    max-height:100%;
    max-width: 100%;
    top:0;
   /* bottom:0;*/
    margin:auto;
    position:absolute;
    
}

    /* header current profile description -- here */

    /* header profile creation selection button -- here */


/* End of Header Style Settings */


/* Working area contents */

.wArea {

}



.panelFilm {
    
    /* the following will be automatically set in navigation scroll code*/
    /* (Watch html video progress bar) */
    margin-left : 0px; 
    
}



.panel {
    
    /*width:33.33%;
    height:100%;
    display:inline-block;*/
    float : left;
      background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
    background-attachment: fixed;

    
}

/* below styling will be included in javascript objects */
    
#coverDesktop{
    
    float:left;
     /* temporary must be moved to area desktop */
    background-image: url(../assets/images/am_cover.jpg);
    background-color: aqua; 
}

#newsDesktop{
    
    float:left;
     /* temporary must be moved to area desktop */
    background-image: url(../assets/images/am_news_mod.png);
   /*   background-color: red; */
    
}

#articlesDesktop{
    
    float:right;
     /* temporary must be moved to area desktop */
    background-image: url(../assets/images/Artiles_London.png);
      background-color: greenyellow; 
    
    
}


#certauthDesktop{
    
    float:left;
     /* temporary must be moved to area desktop */
    background-image: url(../assets/images/apth_cert.jpg);
    background-color: greenyellow; 
    
    
}

#certmsoftDesktop{
    
    float:left;
     /* temporary must be moved to area desktop */
    background-image: url(../assets/images/msoftProm3.jpeg);
      background-color: greenyellow; 
    
    
}
#landingDesktop{
    float:left;
    /* temporary must be moved to area desktop */
   background-image: url(../assets/images/newYorkLand.jpg);
   background-color: aqua; 

}


/* footer with navigation controls */

.footerNav {
    
    width:100%;
    height:10%;
    opacity:0.75;
    background-color: black;
    bottom:0;
    margin-bottom:0;
    position:absolute;
     
}

.navButton{
    
    background-color: red;
    cursor: pointer;
    border-style: solid;
    border-color: yellow;
}


.navButton:hover {
    cursor: hand;
    
}

.CertificatePaper{
    background-color: white;
}


#coverButton{
    background-image: url(../assets/images/am_cover.jpg);
}
#newsButton{
    background-image: url(../assets/images/am_news_mod.png);
}
#articlesButton{
    background-image: url(../assets/images/Artiles_London.png);
}
#certauthButton{
    background-image: url(../assets/images/apth_ico.jpeg);
}
#certmsoftButton{
    background-image: url(../assets/images/Microsoft_logo.png);
}
#landingButton{
    background-image: url(../assets/Logo/logo-color.png);
}

#landingPageFadeFrame{
    background-color: aliceblue;
    opacity: 0.8;
}

/* Pages */

.page{
    
    width: 100%;
    height: 100%;
    position: absolute;
    

}


#coverPageImgFrame{
    
    text-align: center;
    height: 75%;
    width : 75%;
}

#coverImg{
    
    max-width: 100%;
    max-height: 100%;
    margin:auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);


}


#landingPageVideoFrame{
    
    text-align: center;
    height: 75%;
    width : 75%;

}

#landingVideo{
    
    max-width: 100%;
    max-height: 100%;
    margin:auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
   

}


/* Lists */

.list {

}



#articlesList{
    
   /*border : 1px solid white; */
   
}


#newsList{
    
  /*  border : 1px solid grey; */
    
}

.arrow-image {
    max-height:100%;
    max-width: 100%;
    top:0;
    bottom:0;
    margin:auto;
    position:absolute;
}

.arrow-image {
    cursor: pointer;
    
}





.list-navigation{

}


.page-index {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: right;
    color:white;
    vertical-align: text-bottom;
    display:flex;
    
}

.total-index {
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    color:white;
    vertical-align: text-bottom;
    /*display:flex;*/
    
}



/* listLine style */




/* artcles Line Item Parts */

.list-data {
    
    
    float:left;  /* to eliminate the padding in the first child element */
    
    
}


.articlesListWebLine {
    
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    
}

.articlesListDateLine {
    
    font-family: Arial, Helvetica, sans-serif;
    text-align:right;
    font-style: italic;
    
}

.articlesListTitleLine {
    
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight:bold;
    overflow: hidden;
    position: relative;
}

.articlesListTitleContent {
    position: absolute;
    display: table;
}


.articlesListTitleText{
    
    display: table-cell; 
    vertical-align: middle; 
    text-align: left; 
    cursor: pointer;
}

.articlesListAuthorLine {
    
    font-family: Arial, Helvetica, sans-serif;
    text-align:right;
}

.panel div:hover { 
    cursor: pointer;
  }

.page div:hover{
    cursor: text;
  }

#landingDesktop{
    cursor: default;
}
#landingPage{
    cursor: default;
}
#landingVideo{

        cursor: pointer;
}

.videoBckgr{
    overflow: hidden;
    margin : 0px;
    z-index: -1;
    position: absolute;
}