/**
 *	   name: 	style.css (default)
 *	 author:	Paulo Nunes - http://gpthemes.syndicate-fx.com
 *	   date: 	21.06.2012
 *	    use: 	template for gpeasy 3.0
 */
  /*------------------------------------*\
    HTML RESETS
  \*------------------------------------*/
    html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,hgroup,nav,section{display:block}

  /*------------------------------------*\
    TYPE PRESETS
  \*------------------------------------*/
  h1,h2,h3,h4,h5,h6,p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:1.6em}
  strong{font-weight:bold}
  em{font-style:italic}
  pre,code{font-family:monospace;font-size:1em}
  dl{margin-bottom:18px}dt{font-weight:700}
  dd{margin-left:9px}dt{font-weight:bold}
  p{font-size:1em}
  p + p,p + ul{margin-top:-.8em}
  h1{font-size:2em;line-height:1.2em;margin:1em 0 .5em}
  p + h1{margin-top:.5em}
  h1,h4,h5,h6{font-weight:bold}
  h1 + p,h2 + p,h3 + p,h4 + p,h5 + p,h6 + p{margin-top:0}
  h2{font-size:1.7em;line-height:1.3em;margin:1.07em 0 .535em}
  h3{font-size:1.3em;margin:1.14em 0 .57em 0}
  h4{font-size:1.25em;margin:1em 0 .5em}
  h5,h6{font-size:1em;margin:1em 0 .25em 0}
  ol{margin-left:0;padding-left:20px;text-indent:0}
  ul{list-style:disc outside}
  li{font-size:1em;margin:0 0 5px 20px}
  /*---------------------------------------------------------*\
    FORMS
  ADD #content to all custom styled form elements,
  so that we don't override the default used by admin area forms!
  \*---------------------------------------------------------*/
  #content form,#content fieldset{
    margin-bottom:20px;
  }
  #content input[type="text"],
  #content input[type="password"],
  #content input[type="email"],
  #content input[type="tel"],
  #content input[type="url"],
  #content input[type="search"],
  #content textarea,
  #content select{
    border:1px solid #ccc;
    padding:6px 4px;
    outline:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font:14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#777;
    margin:0;
    display:block;
    margin-bottom:20px;
    background:#fff;
  }
  #content select {
    padding:0;
  }
  #content input[type="text"]:focus,
  #content input[type="password"]:focus,
  #content input[type="email"]:focus,
  #content input[type="tel"]:focus,
  #content input[type="url"]:focus,
  #content input[type="search"]:focus,
  #content textarea:focus{
    border:1px solid #aaa;
    color:#444;
    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
    box-shadow:0 0 3px rgba(0,0,0,.2);
  }
  #content textarea{
    clear:both;
    min-height:60px;
  }
  #content label,
  #content legend{
    display:block;
    font-weight:bold;
    font-size:14px;
  }
  #content select{
    width:220px;
  }
  #content input[type="checkbox"]{
    display:inline;
  }
  #content label span,
  #content legend span{
    font-weight:normal;
    font-size:14px;
    color:#444;
  }
  /*----------------------------
    BUTTONS
  ----------------------------*/  
  #content button,
  #content input[type="submit"],
  #content input[type="reset"],
  #content input[type="button"]{
    background:#25bad1;
    background:-moz-linear-gradient(top, #25bad1 0%, #057bac 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#25bad1), color-stop(100%,#057bac));
    background:-webkit-linear-gradient(top, #25bad1 0%,#057bac 100%);
    background:-o-linear-gradient(top, #25bad1 0%,#057bac 100%);
    background:-ms-linear-gradient(top, #25bad1 0%,#057bac 100%);
    background:linear-gradient(top, #25bad1 0%,#057bac 100%);
    border:1px solid #25bad1;
    -moz-box-shadow:0 0 3px rgba(0,0,0,.6);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.6);
    box-shadow: 0 0 3px rgba(0,0,0,.6);
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    margin-bottom:20px;
    line-height:normal;
    padding:8px 10px;
    font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #content button:hover,
  #content input[type="submit"]:hover,
  #content input[type="reset"]:hover,
  #content input[type="button"]:hover,
  #content button:active,
  #content input[type="submit"]:active,
  #content input[type="reset"]:active,
  #content input[type="button"]:active{
    background:#2578a8;
    background:-moz-linear-gradient(top, #2578a8 0%, #0f3146 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2578a8), color-stop(100%,#0f3146));
    background:-webkit-linear-gradient(top, #2578a8 0%,#0f3146 100%);
    background:-o-linear-gradient(top, #2578a8 0%,#0f3146 100%);
    background:-ms-linear-gradient(top, #2578a8 0%,#0f3146 100%);
    background:linear-gradient(top, #2578a8 0%,#0f3146 100%);
    border:1px solid #2578a8;
  }
  /* Fix for odd Mozilla border & padding issues */
  #content button::-moz-focus-inner,
  #content input::-moz-focus-inner{
    border:0;
    padding:0;
  }

/*=================================================================================================================*\
    CUSTOM STYLES & LAYOUT (Let's play)
\*=================================================================================================================*/
html{
  overflow-y:scroll;
  background:#fafafa;
}
body{
  font-family:'Droid Sans',Verdana, Helvetica, sans-serif;
  font-size:100%;
  color:#444;
  line-height:1.6em;
}
pre{background:#f5f5f5;border-left:2px solid #ccc;overflow-x:auto;padding-left:1.5em;margin-bottom:1.5em}
blockquote{font-family:Georgia, "Times New Roman", Times, sans-serif;font-size:18px;line-height:24px;font-style:italic;padding-left:35px;color:#999;margin:.5em 0 .5em 0}
abbr{cursor:help;border-bottom:1px dashed #000}
cite:before{content:"\2014\00A0"}
mark{background:#ff9;background:rgba(255,255,155,.6);font-style:oblique}
hr{background:black;border:none;color:black;display:block;height:1px;margin-top:20px;width:100%}

/*---------------ANCHORS--------------------------*/
a{color:#057BAC;text-decoration:none;}
a:hover{color:#057BAC;}
a:visited{color:#057BAC;}
a:focus,a:hover,a:active{outline:0;}

/*--------------TEXT SELECTION-------------------------*/ 
::-moz-selection{background:#0E9FD3;color:#fff;text-shadow:none}
::selection{background:#0E9FD3;color:#fff;text-shadow:none}

/*--------------IMAGE, EMBEDED, OBJECT-----------------*/
#content img,footer img,#content object,footer object,#content embed,footer embed,#content iframe,footer iframe{
  -webkit-box-shadow:0 8px 6px -6px black;
  -moz-box-shadow:0 8px 6px -6px black;
  box-shadow:0 8px 6px -6px black;
}

/*------------OUTER DIV STYLES------------------------*/
.top{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:url(top.png);
  padding-top:20px;
  z-index:2;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.6);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
  box-shadow:0 1px 2px rgba(0,0,0,0.6);
 }
.bottom{
  background:#f1f1f1;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.6);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.6);
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.6);
 }

/*------------FIXED WIDTHS-----------------------------*/
header,#content,footer{
  position:relative;
  width:1000px;
  margin:0 auto;
}

/*----------HEADER-----------------------------*/ 
header{
  height:50px;
}
header h1{
  position:absolute;
  top:0;
  left:0;
  font-size:1.8em;
  text-shadow:0 2px 3px #000,0 0 10px #999;
  margin:0;
}
header h1 a,header h1 a:hover,header h1 a:visited{
  text-decoration:none;
  color:#fff;
}

/*----------TOP NAVIGATION MENU---------------*/
nav{
  position:absolute;
  top:0;
  right:0;
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, .8);
  -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .8);
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}
nav ul, nav li{
  margin:0;
  padding:0;
  list-style:none;
}
nav ul:before, nav ul:after{
  content:"";
  display:table;
}
nav ul:after{
  clear:both;
}
nav ul{
  zoom:1;
}
nav ul li{
  float:left;
  position:relative;
}

nav ul a{
  background:#25bad1;
  background:-moz-linear-gradient(top, #25bad1 0%, #057bac 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#25bad1), color-stop(100%,#057bac));
  background:-webkit-linear-gradient(top, #25bad1 0%,#057bac 100%);
  background:-o-linear-gradient(top, #25bad1 0%,#057bac 100%);
  background:-ms-linear-gradient(top, #25bad1 0%,#057bac 100%);
  background:linear-gradient(top, #25bad1 0%,#057bac 100%);
  border-right:1px solid #057bac;
  color:#fff!important;
  float:left;
  padding:6px;
}
nav ul li:hover > a, nav ul a.selected, nav ul a.childselected{
  background:#2578a8;
  background:-moz-linear-gradient(top, #2578a8 0%, #0f3146 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2578a8), color-stop(100%,#0f3146));
  background:-webkit-linear-gradient(top, #2578a8 0%,#0f3146 100%);
  background:-o-linear-gradient(top, #2578a8 0%,#0f3146 100%);
  background:-ms-linear-gradient(top, #2578a8 0%,#0f3146 100%);
  background:linear-gradient(top, #2578a8 0%,#0f3146 100%);
  border-right:1px solid #0f3146;
}
nav ul ul{
  margin:20px 0 0 0;
  _margin:0;
  opacity:0;
  visibility:hidden;
  position:absolute;
  top:37px;
  right:0;
  z-index:9999;
  background:#fff;
  background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eaeaea));
  background:-webkit-linear-gradient(top, #fff 0%,#eaeaea 100%);
  background:-o-linear-gradient(top, #fff 0%,#eaeaea 100%);
  background:-ms-linear-gradient(top, #fff 0%,#eaeaea 100%);
  background:linear-gradient(top, #fff 0%,#eaeaea 100%);
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, .6);
  -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .6);
  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
nav ul li:hover > ul{
  opacity:1;
  visibility:visible;
  margin:0;
}
nav ul ul li{
  float:none;
  display:block;
  border:0;
  _line-height:0;
}
nav ul ul a{
  background:none;
  border:0;
  border-bottom:1px solid #ddd;
  width:200px!important;
  color:#444!important;
  _height:10px;
  display:block;
  white-space:nowrap;
  float:none;
}

nav ul ul a:hover,nav ul ul a.selected{
  color:#fff!important;
  border:0;
  border-bottom:1px solid transparent;
}
nav ul ul li:first-child > a:after{
  content:'';
  position:absolute;
  right:20px;
  top:-6px;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:6px solid #fff;
}
nav ul ul li:first-child:hover > a:after,nav ul ul li:first-child a:hover:after, nav ul ul li:first-child a.selected:after{
  border-bottom-color:#2578a8;
}

/*---------CONTENT----------------------------------*/
#content{
  margin:150px auto;
}
article{
  width:65%;
  float:left;
}
aside{
  width:30%;
  border-left:1px solid #ccc;
  float:left;
  padding-left:1%;
  margin:0 0 0 3%;
}
    aside ul.menu_top{
      list-style:none;
    }
    aside ul.menu_top li{
      margin:0;
    }
    aside ul.menu_top li:before{
      content:"\27a5";
      float:left;
    }
    aside ul.menu_top a{
      display:block;
      text-decoration:none;
      text-indent:10px;
      border-bottom:1px solid #ccc;
    }
    aside ul.menu_top a:hover,aside ul.menu_top a.selected{
      color:#444;
    }

/*---FOOTER-------------------------------------------*/
footer .col{/*three extra footer columns*/
  float:left;
  width:30%;
  padding:1%;
}
.footerlinks{
  font-size:90%;
  text-align:center;
}

/*-----------------------------------------------------------------------------------------------------------------------*\
  TABLES
\*-----------------------------------------------------------------------------------------------------------------------*/   
  #content table{
      width:100%;
      margin:0 0 10px 0;
      text-align:left;
      border-collapse:collapse;
  }
  #content thead,#content tbody{
      margin:0;
      padding:0;
  }
  #content th,#content td{
      padding:7px 10px;
      font-size:0.9em;
      border-bottom:1px dotted #ddd;
      text-align:left;
  }
  #content thead th{
      font-size:0.9em;
      padding:3px 10px;
      border-bottom:1px solid #ddd;
  }
  #content tbody tr.last th,#content tbody tr.last td{
      border-bottom:0;
  }
/*-----------------------------------------------------------------------------------------------------------------------*\
  USEFUL CLASSES - for use in CKeditor (Source mode)
\*-----------------------------------------------------------------------------------------------------------------------*/

.aligncenter{margin:0 auto;}
.alignleft,.left{float:left;margin:0 10px 10px 0;}
.alignright,.right{float:right;margin:0 0 0 10px;}
.clear{clear:both;float:none;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center,.text-centre{text-align:center;}

/*-----------------------------------------------------------------------------------------------------------------------*\
  GPEASY OVERRIDES
\*-----------------------------------------------------------------------------------------------------------------------*/

/*Contact Form*/
.contactform{width:100%;}
span.title{text-align:right;}
.contactform textarea{resize:vertical;}
.contactform input.submit{width:30%;}

/*Login Form*/
#loginform,#loginform label{background:none!important;border:none!important;color:#444!important}
.login_text,.login_submit{font-size:0.9em!important}

/*Gallery
if you change 'gallery thumbnail size' in 'configuration menu'
remember to edit widths and heights below to match chosen size!
*/
.gp_gallery{clear:both;margin:15px 0 15px 15px;padding:0;}	
.gp_gallery li{float:left;width:125px;height:195px;list-style:none;display:inline-block;margin:0 15px 15px 0;padding:2px;background:none;border:none;color:#d6d6d6;position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.gp_gallery div{color:#444;text-align:center;padding:0;margin:120px 0 0 0;}
.gp_gallery img{width:100px;height:100px;}
.gp_gallery .caption{text-align:left;font-size:0.7em;line-height:1em;color:#444;}
.gp_galleries li{width:125px;height:195px;background:none;}
.gp_galleries img{width:100px;height:100px;}

/*Simple Search Add-on > float the search field and button > left (optional)*/
.gpArea_Simple_Search input{float:left;}
.gpArea_Simple_Search input[type="submit"]{
  padding:6px 10px!important;
}

/*------------------------------------------------------------------------------------------------------------------------*\
  PRINT STYLES
\*------------------------------------------------------------------------------------------------------------------------*/

@media print{
  html{width:100%}
  html,body{background-color:#fff;color:#000;font:12pt Arial,sans-serif}
  h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;}
  header h1{text-shadow:none;position:relative;}
  a,a:visited{color:#000}
  .noprint,nav,.menu_top,form,.footerlinks{display:none}
  h1,h2{page-break-before:auto}
  p{page-break-inside:avoid}
  .top,.bottom,img{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
  .top{position:relative;}
  .wrap,#content,article,aside,footer section{width:100%;display:block;border:0;float:none;padding:0;margin:0;}
}