@charset "UTF-8";

html,body {
  height:100%;
}

body {
  margin:0;
  padding:0;
  background:#3e86d8;
  font-family:'Source Sans Pro',sans-serif;
  font-size:12pt;
  font-weight:400;
  color:rgba(0,0,0,.8);
}

h1,h2,h3 {
  margin:0;
  padding:0;
  text-transform:uppercase;
  font-weight:300;
  color:#2D2D2D;
}

h2 {
  padding:0 0 30px;
  font-size:2.5em;
}

p,ol,ul {
  margin-top:0;
}

p {
  line-height:180%;
}

strong {
}

a {
  color:rgba(0,0,0,.8);
}

a:hover {
  text-decoration:none;
}

a img {
  border:none;
}

/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/
.image {
  display:inline-block;
  border:1px solid rgba(0,0,0,.1);
}

.image img {
  display:block;
  width:100%;
}

.image-full {
  display:block;
  width:100%;
  margin:0 0 3em;
}

.image-left {
  float:left;
  margin:0 2em 2em 0;
}

.image-centered {
  display:block;
  margin:0 0 2em;
}

.image-centered img {
  margin:0 auto;
  width:auto;
}

hr {
  display:none;
}

/** WRAPPER */
#wrapper {
  background:#FFF;
  margin:0 20px;
}

.container {
  width:1200px;
  margin:0 auto;
}

.clearfix {
  clear:both;
}

/** HEADER */
#header-wrapper {
  background:url(images/bg.jpg) no-repeat left top;
}

#header {
  position:relative;
  overflow:hidden;
  height:600px;
}

#social {
  position:absolute;
  top:4em;
  right:0;
}

/** LOGO */
#logo {
  position:absolute;
  top:3em;
  padding:1em;
  left:0;
  background:rgba(0,0,0,.8);
  text-align:center;
}

#logo h1,#logo p {
  margin:0;
}

#logo h1 {
  letter-spacing:-1px;
  text-transform:lowercase;
  font-size:3.5em;
  font-weight:700;
  color:#FFF;
}

#logo p {
  padding:0;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-size:.9em;
  color:#FFF;
}

#logo p a {
  color:#FFF;
}

#logo a {
  border:none;
  background:none;
  text-decoration:none;
  color:#FFF;
}

/** MENU */
#menu {
  overflow:hidden;
  background:#3e86d8;
}

#menu ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:normal;
}

#menu li {
  display:inline-block;
}

#menu a {
  display:block;
  padding:0 40px;
  line-height:70px;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  font-size:16px;
  font-weight:400;
  color:rgba(255,255,255,0.5);
  border:none;
}

#menu a:hover,#menu .current_page_item a {
  text-decoration:none;
  color:rgba(255,255,255,0.8);
}

#menu .current_page_item a {
}

#menu .last {
  border-right:none;
}

/** PAGE */
#page {
  overflow:hidden;
  padding:5em 0;
}

#page img {
  margin-bottom:1em;
}

#page .title {
  margin-bottom:2em;
}

#page .title h2 {
  font-size:1.5em;
  font-weight:400;
  color:rgba(0,0,0,0.8);
}

#page .title .byline {
  display:block;
  padding-bottom:2em;
  color:rgba(0,0,0,0.7);
}

/** CONTENT */
#content {
  float:left;
  width:800px;
  padding-right:50px;
  border-right:1px solid #E6E7DC;
}

#content .post-title {
  margin-bottom:2em;
}

#content .post-title h2 {
  margin:0;
  padding:0;
}

#content .post {
  margin-bottom:4em;
  padding-bottom:4em;
  border-bottom:1px solid #E6E7DC;
}

/** SIDEBAR 1 */
#sidebar1 {
  float:right;
  width:250px;
  margin-right:50px;
}

#sidebar1 #box1 {
  margin-bottom:4em;
}

#sidebar1 h2,#sidebar2 h2 {
  font-size:1.5em;
  font-weight:400;
}

/** SIDEBAR 2 */
#sidebar2 {
  float:right;
  width:250px;
}

/* Footer */
#footer {
  overflow:hidden;
  padding:50px 0 30px;
}

#footer p {
  text-align:center;
  color:rgba(0,0,0,0.7);
}

#footer a {
  color:rgba(0,0,0,0.7);
}

/* List style 1 */
ul.style1 {
  margin:0;
  padding:0;
  list-style:none;
}

ul.style1 li {
  padding:10px 0 15px;
  border-top:1px solid #E6E7DC;
}

ul.style1 .first {
  padding-top:0;
  border-top:none;
}

/* List style 2 */
ul.style2 {
  margin:0;
  padding:0;
  list-style:none;
}

ul.style2 li {
  padding:25px 0 15px;
  border-top:1px solid #E6E7DC;
}

ul.style2 .first {
  padding-top:0;
  border-top:none;
}

ul.style2 h3 {
  padding:0 0 10px;
  font-size:1.1em;
}

ul.style2 h3 a {
  color:#3e86d8;
}

ul.style2 a {
  text-decoration:none;
}

ul.style2 a:hover {
  text-decoration:underline;
}

/* List style 3 */
ul.style3 {
  margin:0;
  padding:0;
  list-style:none;
}

ul.style3 li {
  padding:20px 0;
  border-top:1px solid #E6E7DC;
}

ul.style3 p {
  margin:0;
  padding:0;
}

ul.style3 img {
  float:left;
  margin-top:3px;
  margin-right:20px;
}

ul.style3 .posted {
  padding:10px 0;
  font-size:8pt;
  color:#A2A2A2;
}

ul.style3 .first {
  padding-top:0;
  border-top:none;
}

.link-style {
  display:inline-block;
  margin-top:20px;
  padding:7px 20px;
  background:#0C73D4;
  border-radius:5px;
  text-decoration:none;
  text-transform:uppercase;
  color:#FFFFFF;
}

/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/
#portfolio-wrapper {
  overflow:hidden;
  padding:5em 0;
  background:rgba(0,0,0,.02);
  background-image:url(images/overlay.png);
  background-repeat:repeat;
  border-top:1px solid rgba(0,0,0,.05);
}

#portfolio {
  text-align:center;
}

#portfolio .box {
  color:rgba(0,0,0,0.5);
}

#portfolio h3 {
  display:block;
  padding-bottom:1em;
  text-transform:uppercase;
  font-size:1.2em;
  font-weight:400;
  color:rgba(0,0,0,0.7);
}

#portfolio .title {
}

#portfolio .title h2 {
  color:rgba(0,0,0,0.8);
}

#portfolio .title .byline {
  display:block;
  padding-bottom:2em;
  color:rgba(0,0,0,0.7);
}

.column1,.column2,.column3,.column4 {
  width:282px;
}

.column1,.column2,.column3 {
  float:left;
  margin-right:24px;
}

.column4 {
  float:right;
}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/
.title {
  margin-bottom:3em;
}

.title h2 {
  margin:0;
  padding:0;
  font-size:2.8em;
  color:rgba(255,255,255,0.9);
}

.title .byline {
  padding-top:.5em;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:400;
  font-size:1.1em;
  color:#6F6F6F;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/
.button {
  display:inline-block;
  margin-top:2em;
  padding:0 1em;
  background:#3e86d8;
  letter-spacing:.1em;
  line-height:3em;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:400;
  font-size:1em;
  color:#FFF;
}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/
ul.contact {
  margin:0;
  padding:2em 0 0;
  list-style:none;
}

ul.contact li {
  display:inline-block;
  padding:0 .1em;
  font-size:1em;
}

ul.contact li span {
  display:none;
  margin:0;
  padding:0;
}

ul.contact li a {
}

ul.contact li a:before {
  display:inline-block;
  background:none;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:rgba(255,255,255,1);
}