/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/
.content {
    width: 840px;
    float: left;
}
.content .post {
    clear: both;
    background: transparent url(style/images/line.png) left bottom repeat-x;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.content .post .post-content {
    margin-left: 280px;
    overflow: hidden;
}
.content.full .post .post-content {
    margin-left: 0
}
.content.full .post .frame,
.content.full .post .video {
	overflow: hidden;
    margin-bottom: 25px;
}
.content .post img {
    width: 250px;
}
.content.full .post img {
    width: auto
}

/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sidebar {
    width: 250px;
    float: right;
    margin-right: 30px;
}
.sidebox {
    background: transparent url(style/images/line.png) left top repeat-x;
    padding-top: 50px;
    margin-top: 30px;
    overflow: hidden;
}
.sidebox h3 {
    font-size: 14px;
    margin-bottom: 15px;
}
.sidebox:first-child {
    background: none;
    margin: 0;
    padding: 0;
}

/*ADD ON*/

.menu {
	text-align: center;
	padding-bottom: 20px;
}
img {
	margin: 0 auto;
	width: 100%;
}
.post {
	padding: 15px;
}
.box-layout {
	padding: 50px 0;
	background: #fffefd;
}
.buttons li {
	display: inline-block;
	padding-top: 10px;
}
.social-side {
	text-transform: uppercase;
}

@media only screen and (min-width : 321px) and (max-width : 599px) {
    .description {
        display: none;
    }
    .social {
        margin: 0 auto;
    }
    .social a img {
        margin-left: 10px;
        margin-right: 10px;
        width: 40px;
    }
    .logo {
        width: 200px;
        margin: 0 auto;
    }
    .smaller {
        font-size: .8em;
    }
    .blog-banner {
        width: 100%;
        margin: 0 auto;
    }
    .content .post {
        width: 450px;
        float: none;
        margin-left: 10px;
        margin-right: 10px;
        display: block;
    }
    .content .post .post-content,
    .content .post .frame,
    .content .post .buttons {
        width: 350px;
    }
    .content .post h4,
    .content .post hr {
        padding: 5px 0;
        margin: 0 auto;
        width: 350px;
    }
    .sidebar {
        display: none;
    }
}

@media only screen and (max-width : 320px) { 
    .description,
    .tp-bannertimer,
    .tp-bottom {
        display: none;
    }
    .social {
        margin: 0 auto;
    }
    .social a img {
        margin-left: 10px;
        margin-right: 10px;
        width: 40px;
    }
    .logo {
        width: 200px;
        margin: 0 auto;
    }
    .smaller {
        font-size: .8em;
    }
    .blog-banner {
        width: 100%;
        margin: 0 auto;
    }
    .content .post {
        width: 300px;
        float: none;
        margin-left: 10px;
        margin-right: 10px;
        display: block;
    }
    .content .post .post-content,
    .content .post .frame,
    .content .post .buttons {
        width: 250px;
    }
    .content .post h4,
    .content .post hr {
        padding: 5px 0;
        margin: 0 auto;
        width: 250px;
    }
    .sidebar {
        display: none;
    }
}