@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

body {
	font-size:1em;
	line-height: 1.4em;
	color:#666;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	background-color: #fff;
	
}

.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
.span12{width:940px; border: 1px solid #fff309;}
.span11{width:860px}
.span10{width:780px}
.span9{width:480px; margin:0; padding:250px 100px 20px 120px; background-color: #191919; min-height:530px;}
.span8{width:620px}
.span7{width:540px}
.span6{width:460px}
.span5{width:380px}
.span4{width:300px}
.span3{width:185px; background-color: #000;margin:0;padding: 60px 0 0 35px;}
.span2{width:140px}
.span1{width:60px}
.offset12{margin-left:980px}
.offset11{margin-left:900px}
.offset10{margin-left:820px}
.offset9{margin-left:740px}
.offset8{margin-left:660px}
.offset7{margin-left:580px}
.offset6{margin-left:500px}
.offset5{margin-left:420px}
.offset4{margin-left:340px}
.offset3{margin-left:260px}
.offset2{margin-left:180px}
.offset1{margin-left:100px}

header {
	width: 940px;
	margin:auto;
	padding:0;
}

article {
	clear: both;
	width: 940px;
	margin:auto;
	height: 600px;
	display: block;
	padding:0;
}
p {margin:0; padding:0;}


p img, h6 img  {
	width: 510px;
	margin-right: 50px;
	float: left;
}

article#post-2 p img {
	width: 100%;
	margin: 0px;
	float: left;
}


h1 {
	color: #aaa;
	font-size:1.7em;
	letter-spacing:.3em;
	font-weight: 300; 
	border-left: 2px solid #aaa; 
	padding: 25px 0 25px 40px;
	width: 500px;
	float: left;
}

h2 {
	color: #aaa;
	font-size:1.3em;
	letter-spacing:.2em;
	font-weight: normal;
	text-align: right;
	width:300px;
	float: right;
	padding-top:31px;
	font-weight: 300; 
}
h1 a {color: #aaa;}
h1 a:hover {color: #000;}

h6 {
	color: #666;
	font-size:.8em;
	font-weight: normal;
	padding:0;
}
a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #a3641c;
	text-decoration: none;
}

a.fb {
	color: #3b5998;
	font-size: 1.4em;
	font-weight: bold;
}
footer {
	width: 940px;
	height: 50px;
	display: block;
	border: 1px solid #fff;
	clear: both;
	text-align: center;
	font-size: 0.7em;
	margin: auto;
	
}
footer .nav ul{clear: both;list-style:none;  }
footer .nav ul li{border-left: 1px solid #666; padding: 0 20px; display: inline;}
footer .nav ul li:first-child{border:0;}
footer .nav ul li a{letter-spacing:.4em; color: #666; text-transform:uppercase; padding:0;}
footer .nav ul li.current_page_item a{color: #000;}
footer .nav ul li a:hover{color: #000;text-decoration:none;background:none}

/*.szg-main{}
.szg-main img.szg-zoom-photo{border: 1px solid #fff765;}
.szg-main img.szg-main-photo{border: 1px solid #3ff765;}
.szg-main img.szg-caption{border: 1px solid #3ff765;}
.szg-thumbs {border: 1px solid #234fff;}
.szg-thumbs img {border: 1px solid #234fff; width:100px;}*/

/* media queries */
@media (min-width: 768px) and (max-width: 800px) {
	.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:98%; padding:1%;}
	.span12{width:940px;}
	.span9{width:480px; margin:0; padding:250px 100px 20px 120px; background-color: #191919; min-height:530px;}
	.span3{width:185px; background-color: #000;margin:0;padding: 60px 0 0 35px;}


	header {width: 100%;}
	article {width: 100%;height: 520px;}
	p img, h6 img  {width: 380px;margin-right: 30px;float: left;}
	article#post-2 p img {width: 100%;margin: 0px;float: left;}
	h1 {	font-size:1.5em;letter-spacing:.25em;padding: 20px 0 20px 20px;width: 400px;}
	h2 {font-size:1.2em;letter-spacing:.2em;width:300px;padding-top:26px;font-weight: 300; }
	h6 {font-size:.8em;padding:0;}
	a.fb {font-size: 1.4em;}
	footer {width: 100%;height: 50px;	font-size: 0.7em;}
	footer .nav ul li{padding: 0 15px;}
	footer .nav ul li a{letter-spacing:.4em;}
}

@media (min-width: 640px) and (max-width: 799px) {
	.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:98%; padding:1%;}

	header {width: 100%;}
	article {width: 100%;height: 500px;}
	p img, h6 img  {width: 280px;margin-right: 20px;float: left;}
	article#post-2 p img {width: 100%;margin: 0px;float: left;}
	h1 {	font-size:1.4em;letter-spacing:.2em;padding: 15px 0 15px 15px;width: 350px;}
	h2 {font-size:1.1em;letter-spacing:.2em;width:200px;padding-top:20px;}
	h6 {font-size:.7em;padding:0;}
	a.fb {font-size: 1.3em;}
	footer {width: 100%;height: 50px;	font-size: 0.6em;}
	footer .nav ul li{padding: 0 15px;}
	footer .nav ul li a{letter-spacing:.3em;}
}

@media (min-width: 360px) and (max-width: 639px) {
	.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:98%; padding:1%;}

	header {width: 100%;}
	article {width: 100%;height: auto;}
	p img, h6 img  {width: 100%;margin: 0;}
	article#post-2 p img {width: 100%;margin: 0px;float: left;}
	h1 {	font-size:1.4em;letter-spacing:.2em;padding: 15px 0 15px 15px;width: 350px;}
	h2 {clear: both;font-size:1.1em;letter-spacing:.2em;width:200px;padding-top:0px;}
	h6 {font-size:.7em;padding:0;}
	a.fb {font-size: 1.3em;}
	footer {width: 100%;height: 50px;	font-size: 0.6em;border: 0;}
	footer .nav ul {padding: 10px 0; }
	footer .nav ul li{padding: 0 8px;}
	footer .nav ul li a{letter-spacing:.2em;}
}
