/*------------------------------------------
1     FONTS
------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script);


/*------------------------------------------
1     Body Stylesheet
------------------------------------------*/

::-webkit-scrollbar {width: 19px; height: 3px; background: #484A53;}
::-webkit-scrollbar-thumb {background-color: #000000; border: 5px;}

html, body {
        height: 100%;
        margin:0;
}

body {
        background-color:#ffffff;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
        font-size: 10px;
        color: #000000;
overflow-x: hidden;
}


ul {
color: #000000;

}

li{
color:#000000:
}



#navigation {
	position:relative;
        width:100%;
        color:#000000; 
	left:0px;
	top:-30px;
        font-family: 'Gabriela';
        font-weight: 500;
        line-height:80px;
        padding-top:4px;
        padding-bottom:6px;
        padding-left:0px;
        overflow:hidden;
        text-align:center;
	text-shadow: 0px 1px 0px #ffffff;
-webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;        border-radius: 30% 0% 10% 0%;
}

#navigation A:link { 
        text-decoration: none; 
        color:#484A53; 
	font-size: 17px;
        letter-spacing:1px;
        font-family: 'Abel';
        font-weight: 300;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:14px;
        padding-right:14px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
-webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;        border-radius: 30% 0% 10% 0%;
}

#navigation A:visited { 
        text-decoration: none; 
        color:#484A53; 
	font-size: 17px;
        letter-spacing:1px;
        font-family: 'Abel';
        font-weight: 300;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:14px;
        padding-right:14px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
-webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;        border-radius: 30% 0% 10% 0%;
}

#navigation A:active { 
        color:#484A53; 
	font-size: 17px;
        letter-spacing:1px;
        font-family: 'Abel';
        font-weight: 300;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:14px;
        padding-right:14px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;-webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;        border-radius: 30% 0% 10% 0%;

}

#navigation A:hover { 
        text-decoration: none; 
        color:#ffffff; 
background-color: #000000;
	font-size: 17px;
        letter-spacing:1px;
        font-family: 'Abel';
        font-weight: 300;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:14px;
        padding-right:14px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
               border-radius: 40% 0% 20% 0%;

}

#header {
        background-color:#000000;
        background-image: url('premade/mitaka.jpg'), url('premade/mitaka.jpg');
        background-repeat: no-repeat, repeat-x;
        background-position: top; 
        height:695px;
        width:100%;
        margin-top:-20px;
}


#space {
        height:15px;
}

#wrapper{
        float:center;
        width: 1200px;
}

#container{
        overflow:hidden;
        float:center;
        width:1200px;
}

#footer{
        background-color:#484A53; 
        position:relative;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:11px;
        padding:20px;
        line-height:10px;
        color: #ffffff;
}

#footer a:link {
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:11px;
        line-height:13px;
        color: #ffffff;
}

#footer a:hover {
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:11px;
        line-height:13px;
        color: #ffffff;
}

#footer a:visited {
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:11px;
        line-height:13px;
        color: #ffffff;
}



/*------------------------------------------
5     link classes
------------------------------------------*/

a:link {
        text-decoration:none; 
        color: #484A53;
	font-size: 17px;
        font-family: ''Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:visited {
        text-decoration:none; 
        color: #484A53;
	font-size: 17px;
        font-family: ''Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:active {
        text-decoration:none; 
        color: #484A53;
	font-size: 17px;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:hover {
        text-decoration:none; 
        color: #806F73;
	font-size: 17px;
        font-family: ''Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }




b { 
        color: #806F73; 
        border-bottom: 5px solid #806F73;
}

i { 
        color: #806F73; 
        border-bottom: 5px solid #806F73;
}

#sidebar {
        float:left;
        margin-left:0px;
        width:326px;
        margin-top:16px;
}

.sidebarcontainer{
        background-color:#e8e8e8;
        border:1px solid #e8e8e8;
        padding:5px;
        font-size:12px;
        text-align:justify;
        line-height:18px;
        color:#6c6c6c;
        margin-left:2px;
        margin-right:2px;
}

.sidebartitle{
        border-bottom:2px solid #dcdcdc;
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        letter-spacing:0px;
        padding-left:10px;
        padding-right:8px;
        padding-top:9px;
        padding-bottom:9px;
	font-size: 13px; 
        line-height:20px;
        font-weight:none;
        text-align:center;
	color: #646464;
        margin-bottom:5px;
}

.sidebartitle i {
	color: #646464;
	font-family: 'FontAwesome';
	font-style: normal;
}




/*------------------------------------------
8     Posts/Updates/Pages
------------------------------------------*/

#content {
        float:center;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:150px;
        width:1200px;

}

.contentcontainer{
        padding:30px;
        margin-left:0px;
        margin-right:0px;
        line-height:27px;
        font-size:14px;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-align:justify;
        color:#000000;
        margin-bottom:-18px;
}



blockquote {
 	background-color:#ffffff; 
 	padding: 15px;
	text-align:justify;
	color:#806F73;
	font-style:italic;
}

h1 {
	color:#9C8B91;
        letter-spacing:1px;
        text-transform:none;
        font-family: Gabriela;
        font-weight:none;
        font-style:none;
        font-size:22px;
        padding:10px;
}

h2 {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        letter-spacing:0px;
        text-decoration:none;
        padding:8px;
	font-size: 14px;
        line-height:14px;
        font-style:italic;
        text-align:left;
	color: #9C8B91;
        margin-bottom:-10px;
}


.contentcontainer input, textarea, select {
  background-color: #ffffff;
  border: 2px dashed #9C8B91;
  padding:7px;
  color:#9C8B91;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.work-wrap {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 220px;
}

column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------------
      DO NOT REMOVE OR EDIT
------------------------------------------*/

.clearfooter {
        height:100px;
        clear:both;
}

.clear{
        clear:both;
}