/* Theme Name: PremiseMedia.com */

body {
    background: #a1a1a1 url("images/background.png") repeat-x top;
    color: #333;
    font: normal 18px/160% Georgia, serif;
}
h1,
h2,
h3,
.title {
    font-size: 21px;    
    font-weight: bold;
    display: block;
}
h4, h5, h6 {
	font-size: 18px;
	font-weight: bold;
}

a {
    color: #a31c2a;
}
a:hover {
    color: #00d7c0;
    text-decoration: none;
}
a img {
    border: none;
}

.clear {
    clear: both;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
img.alignleft {
    margin: 15px 10px 10px 0;
}
img.alignright {
    margin: 15px 0 10px 10px;
}
.center {
    text-align: center;
}

img.thumb {
	width: 200px;
	height: auto;
	border: 5px solid #ccc;	
}


#header {
    width: 1000px;
    margin: 0 auto 20px;
    text-align: left;
}
#wrap {
    width: 950px;
    border: 5px solid #fff;
    padding: 20px;
    margin: auto;
    background: transparent url("images/content-bg.png") repeat;
}
#content {
    width: 720px;
    float: right;
}
.entry {
    border: 3px solid #fff;
    background: transparent url("images/content-bg.png") repeat;
    padding: 15px;
    margin: 0 0 15px;
}
#sidebar {
    float: left;
    width: 210px;
}
#sidebar ul {
    padding: 0 0 0 17px;
    margin: 0 0 20px;
    list-style-type: square;
}


@media all and (max-width: 1030px) {
	#header, 
	#wrap {
		width: 96%;
	}
	#content {
		width: 70%;
	}
	#sidebar {
		width: 27%;
	}	
}
@media all and (max-width: 767px) {
	img {
		max-width: 100%;
		height: auto;
	}
	#wrap {
		padding: 0;
		border: none;
		background: none;
	}
	#content, #sidebar {
		width: 100%;
		float: none;
		clear: both;
	}
	#sidebar {
		margin-top: 20px;		
	}
}