/*
 Theme Name:     Uristocrat 2014
 Theme URI:      http://www.uristocrat.com
 Description:    Uristocrat 2014
 Author:         Edwin Akrong
 Author URI:     http://uristocrat.com
 Template:       twentyfourteen
 Version:        1.0.0
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.site {
margin: 0 auto;
background-color: #FFF;
max-width: 1018px;
position: relative;
}

.site-header {
background-color: #000;
max-width: 1018px;
position: relative;
width: 100%;
z-index: 4;
}

.primary-navigation {
font-size: 14px;
}

.site-title {
text-transform: uppercase;
}

.site-main {
padding-top:20px;
}

.featured-content {
background: #fff !important;
}
.featured-content .entry-meta {
display:none;
}

.slider .featured-content .entry-header {
padding: 0px;
position: relative;
z-index: 3;
background-color:transparent;
}

.slider .featured-content .post-thumbnail {
padding-top: 300px;
}

.featured-content a {
color: #000;
}

.hentry {
margin:0;
}

.content-area, .content-sidebar {
padding-top: 20px;
}

secondary, #supplementary {
padding: 0px;
}

.home .content-sidebar {
display:none;
}

.widget {
margin-bottom: 20px;
}

.widget-title, .widget-title a, .widget a {
color: #000;
}

.primary-sidebar .widget {
border-bottom: 1px solid #CCC;
}


.home .site-content .entry-meta, .home .entry-content, .single #secondary, #secondary .site-description {
display:none;
}


.post-thumbnail {
background: #fff;
}

@media screen and (min-width: 1008px) {

.main-content {
width: 700px;
}

.site:before {
background-color: rgba(0, 0, 0, 0);
}

.site-content {
		margin-left: 0px;
	}

.search-box-wrapper, .featured-content {
padding-right: 0px;
padding-left:0px;
}

.slider .featured-content .entry-header, .slider-control-paging {
width: 100%;
}

.site-content {
margin-right: 0px;
}

.home .hentry {
margin:0;
}

.home .post {
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #CCC;
}

.home .site-content .has-post-thumbnail .entry-header {
margin-top: 0px;
width: 50%;
float: left;
padding-top: 0px;
margin-right: 0;
}


.home .site-content  .post-thumbnail {
width: 40%;
float: left;
}
#secondary {
		background-color: transparent;
		border: 0;
		clear: none;
		float: right;
		margin: 0;
		min-height: 100vh;
		width: 300px;
padding:0px !important;
	}

.single #primary {
width:700px;
}

.content-sidebar {
margin-left: 0;
width: 300px;
padding: 0;
}

}

@media screen and (min-width: 846px)
.content-area, .content-sidebar {
padding-top: 20px;
}
}

@media screen and (min-width: 783px)
.site-main {
margin-top: 48px;
padding-top: 20px;
}

}


@media screen and (min-width: 673px)
#secondary, #supplementary {
padding: 0 0 10px 10px;
}