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

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

body {
        background-color:#000000;        background-image: url('premade/bg3.jpg');
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
        font-size: 13px;
        color: #DAC8B9;text-shadow: 0px 1px 0px #000000;
}



/*------------------------------------------
2     Navigation
------------------------------------------*/
#navigation {
	position:relative;
        width:100%;
	left:0px;
	top:0px;
        font-family: 'Playfair Display';
        font-weight: 500;
        line-height:120px;
        padding-top:4px;
        padding-bottom:6px;
        padding-left:0px;
        overflow:hidden;
        text-align:center;
}

#navigation A:link { 
        text-decoration: none; 
        border:6px solid #DAC8B9;
        color:#ffffff; 
	font-size: 20px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 300;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
        -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;
}

#navigation A:visited { 
        text-decoration: none; 
       border:6px solid #DAC8B9;
        color:#ffffff; 
	font-size: 20px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 500;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
        -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;
}

#navigation A:active { 
        text-decoration: none; 
       border:6px solid #DAC8B9;
        color:#ffffff; 
	font-size: 20px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 500;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
        -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;
}

#navigation A:hover { 
        text-decoration: none; 
       border:6px solid #DAC8B9;
        color:#DAC8B9; 
	font-size: 20px;
        letter-spacing:1px;
        font-family: 'Playfair Display';
        font-weight: 500;
        text-transform: uppercase; 
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
        -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;
        opacity:0.7;
}


#navigation i {
	font-family: 'FontAwesome';
	font-style: normal;
        color:inherit;
        font-size:inherit;
}
/*------------------------------------------
3     Header Classes
------------------------------------------*/


#header {
    position: relative;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    width: 1230px;
    height: 338px;
    background-image: url(premade/dean.jpg);
    background-repeat: no-repeat;opacity:0.7;
}

@media only screen and (max-width:767px){
  .header{
      text-align: center;
  }
}


#space {
        height:15px;
}

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

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

#footer{
        background-color:#000000;
        position: relative;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:14px;
        padding:20px;
        line-height:70px;
        color: #DAC8B9;
}

#footer a:link {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:14px;
        padding:20px;
        line-height:70px;
        color: #DAC8B9;
}

#footer a:hover {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:14px;
        padding:20px;
        line-height:70px;
        color: #DAC8B9;
}

#footer a:visited {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:14px;
        padding:20px;
        line-height:70px;
        color: #DAC8B9;
}



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

a:link {
        text-decoration: none; 
        text-decoration: none; 
        color:#7D8CA0; 
	font-size: 24px;
font-family: 'Parisienne', cursive;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:visited {
        text-decoration: none; 
        color:#7D8CA0; 
	font-size: 24px;
font-family: 'Parisienne', cursive;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:active {
        text-decoration: none; 
color: #7D8CA0; 
	font-size: 24px;
font-family: 'Parisienne', cursive;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:hover {
        text-decoration: none;
        color:#ffffff; 
	font-size: 24px;
font-family: 'Parisienne', cursive;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   opacity:0.7;}




b { 
        color: #7D8CA0; 
}

i { 
        color: #7D8CA0; 
}




/*------------------------------------------
7     sidebar
------------------------------------------*/

#sidebar {
        float:left;
        margin-left:0px;
        width:170px;
        margin-bottom:30px;
        margin-top:37px;
}

.sidebarcontainer{
        background-color:#282B30;
        border:10px solid #282B30;
        padding:10px;
        font-size:12px;
        text-align:justify;
        line-height:18px;
        color:#6c6c6c;
        margin-left:2px;
        margin-right:2px;
        opacity:0.8;
}

.sidebartitle{
        background-color:#3A2A2C;
        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: #ffffff;
        margin-bottom:5px;
}





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

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

}

.contentcontainer{
        background-color:#000000;  border-bottom: 40px solid #727D93;  border-top: 23px solid #727D93;
        padding:19px;
        margin-left:0px;
        margin-right:0px;
        line-height:33px;
        font-size:14px;
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-align:justify;
        color:#EBD8CE;
        margin-bottom:20px;
opacity:0.7; text-shadow: 0px 1px 0px #000000;
}



blockquote {
 	background-color:#000000; 
border: 8px solid #727D93;
 	padding: 8px;
	text-align:justify;
	color:#ffffff;
	font-style:italic;
        border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;}

h1 { 
	color:727D93;
        letter-spacing:1px;
font-family: 'Parisienne', cursive;
        font-size:40px;
        padding:10px;}


.contentcontainer input, textarea, select {
  background-color: #727D93;
border: 8px solid #000000;
  padding:4px;
  color:ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

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

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

.clear{
        clear:both;
}