#container{
width:80%;
}

#menuh-container {
width:100%;
}

#gem_slogan {
font-size: 14px;
}

#menuh ul {
font-size: 14px;
}

#content{
width:60%;
margin: 10px 0 0 10px;
}

#leftnav {
float: right;
width: 30%;
}

.navlist li {
font-size: 14px;
list-style-type: square;
color: #EAE8D0;
margin: 0 0 0 10px;
}

#top{
background-size: 100%;
}

#article_wrap h1 {
line-height: 1.5em;
font-size: 24px;
margin: 0 10px 0 10px;
}

#article_header {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}

#article_body {
padding: 10px 20px 0 10px;
}

.syntaxhighlighter {
height:100%;
}

p{
font-size: 15px;
}

#content h3 {
color: #333;
font-weight: bold;
padding: 20px 0 5px 0;
}


h2.link_to_post {
font-size: 22px;
}

#top h1 {
font-size: 25px;
}

.pagination a {
padding: 4px;
margin: 2px;
border: solid 1px #5F5C51;;
}


@media screen and (max-width: 960px) {
	#container{
		width:100%;
		padding: 0;
	}

	#top{
		height:auto;
		padding-bottom:32px;

	}

	#menuh{
		-webkit-box-shadow: 0 8px 10px -6px #6E6A5A;
		-moz-box-shadow:  0 8px 10px -6px #6E6A5A;
		box-shadow:	 0 8px 10px -6px #6E6A5A;
	}
	
	#leftnav {
		display:none;
	}

	#content{
		width:95%;
		/*margin: 200px auto;*/
		margin: 60px auto;
		padding: 0;
	}


	#article_tabs{
		width: 97%;
	}

	#pagilinks{
		line-height: 3em;
	}

	/*
	#menuh ul {
		float:none;
		width:100%;
	}

	#menuh a{
		height: 16px;
		border: 1px solid #eee;
		margin-bottom: -1px;
		padding: 12px 10px;
		font-size: 17px;
		font-weight: bold;
	
	}
	*/
}
 
@media screen and (max-width: 480px) {
	#top{
		background: #404040 no-repeat;
		padding-bottom: 12px;
	}

	#top h1{
		padding: 10px 0px 5px 18px;
		/*font-size: 16px;*/
	}

	#menuh ul{
		width: auto;
		padding: 0 6px 0 6px;
	}
}