/* 
Theme name: Midnight
pages.css
bgcolor:rgba(255,255,255,1) - rgba(1,5,52,1) 50%, rgba(0,40, 57,1) 100%)
 text color: rgba(56,61,98,1) - 623844
 text color 2: rgba(91,130,157,1) - 9D5B6E
 text color 2 highlight: rgba(114,126,200,1) - C8728A
 text color 3: rgba(40,58,70,1) - #283A46
 primary color: rgba(179,180,221,1) - DDB3BF
 primary highlight: rgba(192,218,236, 1)
 secondary color: 
*/



@font-face {
    font-family: foofFont;
    src: url('');
  }


body {
    /* Chrome,Safari4+ */background : -webkit-linear-gradient(top, rgba(49,49,58,1) 50%,rgba(82,90,93,1) 100%);
    /* Chrome10+,Safari5.1+ */background : -o-linear-gradient(top, rgba(49,49,58,1) 50%,rgba(82,90,93,1) 100%);
    /* FF3.6+ */background : -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(49,49,58,1)), color-stop(100%,rgba(82,90,93,1)));
    /* IE10+ */background : linear-gradient(to bottom, rgba(49,49,58,1) 50%,rgba(82,90,93,1) 100%);
    /* IE6-9 */background-attachment : fixed;
    /* Old browsers */background : -moz-linear-gradient(top, rgba(49,49,58,1) 50%, rgba(82,90,93,1) 100%);
    /* Opera 11.10+ */background : -ms-linear-gradient(top, rgba(49,49,58,1) 50%,rgba(82,90,93,1) 100%);
    /* W3C */filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#31313a', endColorstr='#525a5d',GradientType=0 );
    background-color : rgb(1,5,52,);
    color : rgba(255,255,255,1);
    font-family : 'URW Gothic L', 'Nimbus Sans L Condensed', 'Liberation Sans', foofFont,'sans-serif';
    text-align : center;
  }

/* MENU SETUP */



.menu_bar {
    /* Inline Menu *//* height:2em;
    */ background-color:rgba(130, 143, 148,1);
    vertical-align:middle;
    width:100%;
    padding:0%;
    margin:0%;
    margin-bottom:1.1049723756906%;
    color:rgba(40,58,70,1);
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    text-align:left;
  }


.dock .menu_bar {
    /* Fixed to the top menu */position:fixed;
    /* background-color:rgba(250, 143, 148,1);
    */display:block;
    z-index:50;
    width:100%;
    top:0%;
    left:0%;
    background-color:rgba(130, 143, 148,1);
    vertical-align:middle;
  }


.menu_logo {
    display:none;
    width:100%;
    height:900%;
    border-style:none;
    border-width:0px;
  }


.menu_icon {
    border-style:none;
    border-width:0px;
    width:100%;
    height:100%;
  }


.menu_option {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    height:1.29em;
    padding:0.24em;
    padding-left:1em;
    padding-right:1em;
    text-decoration:none;
    color:rgba(49,49,58,1);
    background-color:rgba(130, 143, 148,1);
    font-size:1.1em;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    text-align:center;
    transition: background-color 1s, color 1s;
    -webkit-transition: background-color 1s, color 1s;
  }


.menu_option:hover {
    color:rgba(114,126,200,1);
    background-color:rgba(255, 255, 255, 0.25);
  }

/* END MENU SETUP */

/* BASIC PAGE SETUP */




.page_container {
    position:absolute;
    display:block;
    width:97.916666666667%;
    /* 1880 / 1920 *//*min-width:600px;
    *//*min-height:500px;
    */height:93.782383419689%;
    /* 905 / 965*/margin:0px;
    margin-top:2em;
    margin-top:0px;
    left:1.0416666666667%;
    /* 20 / 1920 */right:1.0416666666667%;
    /* 20 / 1920 */background-color:rgba(179,180,221, 0.0);
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    text-align:left;
  }


.page_left {
    display: table-cell;
    float:left;
    left:0px;
    width:23.13829787124%;
    /* ((1880*0.25)-35)/1880 *//*height:95.690607734807%;
    */ padding-left:0.53191489361702%;
    /* 10 / 1880 */padding-right:0.53191489361702%;
    /* 10 / 1880 */padding-top:1.1049723756906%;
    padding-bottom:1.1049723756906%;
    margin:0px;
    margin-top:9%;
    margin-right:0.78128%;
    /* 15 / 1920 */background-color:rgba(255,255,255,0.0);
    border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
  }


.page_center {
    display: table-cell;
    float:left;
    width:48.936170212766%;
    /* ((1880*0.5)-20)/1880 */width:50%;
    /* ((1880*0.5))/1880 */height:95.690607734807%;
    /* 866 / 905 *//*padding-left:0.53191489361702%;
    padding-right:0.53191489361702%;
    padding-top:1.1049723756906%;
    padding-bottom:1.1049723756906%;
    */background-color:rgba(255,255,255,0.0);
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    text-align:center;
  }


.page_right {
    display: table-cell;
    float:right;
    right:0px;
    width:23.13829787124%;
    /* ((1880*0.25)-35)/1880 *//*height:95.690607734807%;
    */ padding-left:0.53191489361702%;
    /* 10 / 1880 */padding-right:0.53191489361702%;
    /* 10 / 1880 */padding-top:1.1049723756906%;
    margin-top:9%;
    padding-bottom:1.1049723756906%;
    background-color:rgba(255,255,255,0.0);
    overflow:auto;
    /*-webkit-box-shadow:inset 0px 0px 0px 2px rgba(192,218,236, 1);
    -moz-box-shadow:inset 0px 0px 0px 2px rgba(192,218,236, 1);
    box-shadow:inset 0px 0px 0px 2px rgba(192,218,236, 1);
    */border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
  }


.post_cont {
    width:98.936170212766%;
    padding-left:0.53191489361702%;
    /* 10 / 1880 */padding-right:0.53191489361702%;
    /* 10 / 1880 */padding-top:1.1049723756906%;
    padding-bottom:1.1049723756906%;
    margin:0%;
    margin-bottom:1.1049723756906%;
    background-color:rgba(255,255,255,0.75);
    color:rgba(40,58,70,1);
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
  }


.postimg {
    max-width:80%;
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    border-style:solid;
    border-width:2px;
    border-color:rgba(40,58,70,1);
    -webkit-box-shadow:inset 0px 0px 0px 2px rgba(192,218,236, 1);
    -moz-box-shadow:inset 0px 0px 0px 2px rgba(192,218,236, 1);
    box-shadow:inset 0px 0px 0px 2px rgba(192,218,236, 1);
    transition: width 1s, height 1s, top 1s;
    -webkit-transition: width 1s, height 1s, top 1s;
    /* Safari */;
  }

/*img.postimg:hover {
 cursor:pointer;
}*/



figcaption {
    font-size:small;
  }


p {
    width:100%;
    text-align:justify;
    text-indent:2em;
  }

/* END BASIC PAGE SETUP */

@media screen and (max-width: 1300px) {
.page_container {
width:95%;
left:2.5%;
right:2.5%;
}

.page_center {
width:80%;
}

.page_right{
width:17.5%;
left:2.5%;
}
.page_left {
display:none;
}
}

@media screen and (max-width: 830px) {
.page_container {
width:95%;
left:2.5%;
right:2.5%;
}

.page_left {
display:none;
}

.page_center {
width:100%;
}

.page_right {
display:none;
}


}

@media screen and (max-width: 670px) {
.menu_logo {
position:relative;
display:block;
float:left;
width:2em;
height:1.8em;
margin:0px;
margin-left:2px;
padding:0px;
padding-top:3px;
text-align:center;
vertical-align:middle;
cursor:pointer;
    transition: background-color 1s, color 1s;
    -webkit-transition: background-color 1s, color 1s; /* Safari */
border-style:none;
}

.menu_logo:hover {
background-color:rgba(180, 193, 198, 1);
}

.menu_opt_container{
position:relative;
display:none;
background-color:rgba(130, 143, 148, 1);
width:50%;
}

.menu_option {
position:relative;
display:inherit;
float:left;
vertical-align:middle;
padding:0.25em;
padding-left:1em;
padding-right:1em;
width:100%;
text-decoration:none;
color:rgba(49,49,58,1);
background-color:rgba(130, 143, 148,1);
font-size:1.1em;
text-align:center;
    transition: background-color 1s, color 1s;
    -webkit-transition: background-color 1s, color 1s; /* Safari */
}

.menu_option:hover {
color:rgba(114,126,200,1);
background-color:rgba(180, 193, 198,1);
}

.thumb_contain_sm {
 position:relative;
 display:block;
}

}


@media screen and (min-width: 551px) {
#menu_opt_container {
display:block;
}
}




title {
    display : block;
    font-size : 1.4em;
    font-weight : bold;
    padding-left : 15px;
    text-align : Left;
    text-decoration : bold;
  }


subtitle {
    display:block;
    padding-left:15px;
    text-align:Left;
    font-size:1em;
  }


title_in {
    display : inline-block;
    float:left;
    font-size : 1.4em;
    font-weight : bold;
    padding-left : 15px;
    text-align : Left;
    text-decoration : bold;
  }

/* SETUP FORM CLASSES */


.form_hid {
    display:none;
  }


.form_line {
    display:block;
  }

/* END FORM CLASSES */

/* START GALLERY CLASSES */


.proj_thumb {
    position:relative;
    display:inline-block;
    float:left;
    height:75px;
    width:75px;
    background-color:red;
    margin-right:0.5em;
    border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
  }


.thumb_contain {
    position:relative;
    display:block;
    background-color:rgba(0,0,0,0.25);
    width:96%;
    padding:2%;
    border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    text-align:center;
  }


.thumb_title {
    position:relative;
    display:block;
    background-color:rgba(255,255,255,0.75);
    color:rgba(40,58,70,1);
    width:100%;
    height:2em;
    border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    vertical-align:middle;
    margin-bottom:0.5em;
  }


.thumb_base {
    position:relative;
    display:inline-block;
    /* width:22%;
    */ width:80px;
    height:80px;
    padding:0px;
    border-style:solid;
    border-width:1%;
    border-color:rgba(130, 143, 148,0);
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    transition: border-color 1s;
    -webkit-transition: border-color 1s;
    /* Safari */;
  }


.thumb_base:hover {
    cursor:pointer;
    border-style:solid;
    border-color:rgba(130, 143, 148, 0.75);
    border-width:1%;
  }


.thumb_select {
    position:relative;
    display:inline-block;
    width:80px;
    height:80px;
    padding:0px;
    border-style:solid;
    border-width:1%;
    border-color:rgba(255,255,255,0.75);
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    transition: border-color 1s;
    -webkit-transition: border-color 1s;
    /* Safari */;
  }


.thumb_contain_sm {
    position:relative;
    display:none;
    background-color:rgba(0,0,0,0.25);
    width:96%;
    padding:2%;
    margin:0%;
    margin-bottom:1.1049723756906%;
    border-style:none;
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
  }


.thumb_base_sm {
    position:relative;
    display:inline-block;
    width:80px;
    height:80px;
    padding:0px;
    border-style:solid;
    border-width:1%;
    border-color:rgba(130, 143, 148, 0);
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
    transition: border-color 1s;
    -webkit-transition: border-color 1s;
    /* Safari */;
  }


.thumb_base_sm:hover {
    cursor:pointer;
    border-style:solid;
    border-color:rgba(130, 143, 148, 0.75);
    border-width:1%;
  }


.thumb_select_sm {
    position:relative;
    display:inline-block;
    width:80px;
    height:80px;
    padding:0px;
    border-style:solid;
    border-width:1%;
    border-color:rgba(255,255,255,0.75);
    -webkit-border-top-left-radius:0.15em;
    -webkit-border-top-right-radius:0.15em;
    -webkit-border-bottom-left-radius:0.15em;
    -webkit-border-bottom-right-radius:0.15em;
    -moz-border-radius-topleft:0.15em;
    -moz-border-radius-topright:0.15em;
    -moz-border-radius-bottomleft:0.15em;
    -moz-border-radius-bottomright:0.15em;
    border-top-right-radius:0.15em;
    border-top-left-radius:0.15em;
    border-bottom-right-radius:0.15em;
    border-bottom-left-radius:0.15em;
  }


.thumb_img {
    padding:0px;
    margin:0px;
    width:100%;
  }


.link_basic {
    color:rgba(40,58,70,1);
  }

/* START ADMIN CLASSES */

.portfolio_add {
    color : rgba(130, 143, 148, 1);
    -moz-border-radius-bottomleft : 0.15em;
    -moz-border-radius-bottomright : 0.15em;
    -moz-border-radius-topleft : 0.15em;
    -moz-border-radius-topright : 0.15em;
    -webkit-border-bottom-left-radius : 0.15em;
    -webkit-border-bottom-right-radius : 0.15em;
    -webkit-border-top-left-radius : 0.15em;
    -webkit-border-top-right-radius : 0.15em;
    border-bottom-color : rgba(130,143,148,1);
    border-bottom-left-radius : 0.15em;
    border-bottom-right-radius : 0.15em;
    border-bottom-style : solid;
    border-bottom-width : 1%;
    border-left-color : rgba(130,143,148,1);
    border-left-style : solid;
    border-left-width : 1%;
    border-right-color : rgba(130,143,148,1);
    border-right-style : solid;
    border-right-width : 1%;
    border-top-color : rgba(130,143,148,1);
    border-top-left-radius : 0.15em;
    border-top-right-radius : 0.15em;
    border-top-style : solid;
    border-top-width : 1%;
    cursor : pointer;
    display : inline-block;
    float : right;
    font-size : 1.1em;
    font-weight : bolder;
    height : 1.1em;
    margin-bottom : 0.25em;
    margin-left : 0.25em;
    margin-right : 0.25em;
    margin-top : 0.25em;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    position : relative;
    width : 1.1em;
    vertical-align:super;
  }


.portfolio_add:hover {
    border-color:rgba(255, 255, 255, 0.75);
    color:rgba(255, 255, 255, 0.75);
  }

/* END ADMIN CLASSES */