adding support for the 1140px grid

css/1140/1140.css

@@ -0,0 +1,130 @@
+/* CSS Resets */
+
+html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
+
+
+/* ==================================================================================================================== */
+/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
+/* ==================================================================================================================== */
+
+.container {
+padding-left: 20px;
+padding-right: 20px;
+}
+
+.row {
+width: 100%;
+max-width: 1140px;
+min-width: 755px;
+margin: 0 auto;
+overflow: hidden;
+}
+
+.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
+margin-right: 3.8%;
+float: left;
+min-height: 1px;
+}
+
+.row .onecol {
+width: 4.85%;
+}
+
+.row .twocol {
+width: 13.45%;
+}
+
+.row .threecol {
+width: 22.05%;
+}
+
+.row .fourcol {
+width: 30.75%;
+}
+
+.row .fivecol {
+width: 39.45%;
+}
+
+.row .sixcol {
+width: 48%;
+}
+
+.row .sevencol {
+width: 56.75%;
+}
+
+.row .eightcol {
+width: 65.4%;
+}
+
+.row .ninecol {
+width: 74.05%;
+}
+
+.row .tencol {
+width: 82.7%;
+}
+
+.row .elevencol {
+width: 91.35%;
+}
+
+.row .twelvecol {
+width: 100%;
+float: left;
+}
+
+.last {
+margin-right: 0px;
+}
+
+img, object, embed {
+max-width: 100%;
+}
+
+img {
+	height: auto;
+}
+
+
+/* Smaller screens */
+
+@media only screen and (max-width: 1023px) {
+
+	body {
+	font-size: 0.8em;
+	line-height: 1.5em;
+	}
+	
+	}
+
+
+/* Mobile */
+
+@media handheld, only screen and (max-width: 767px) {
+
+	body {
+	font-size: 16px;
+	-webkit-text-size-adjust: none;
+	}
+	
+	.row, body, .container {
+	width: 100%;
+	min-width: 0;
+	margin-left: 0px;
+	margin-right: 0px;
+	padding-left: 0px;
+	padding-right: 0px;
+	}
+	
+	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
+	width: auto;
+	float: none;
+	margin-left: 0px;
+	margin-right: 0px;
+	padding-left: 20px;
+	padding-right: 20px;
+	}
+
+}

css/1140/ie.css

@@ -0,0 +1,43 @@
+.onecol {
+width: 4.7%;
+}
+
+.twocol {
+width: 13.2%;
+}
+
+.threecol {
+width: 22.05%;
+}
+
+.fourcol {
+width: 30.6%;
+}
+
+.fivecol {
+width: 39%;
+}
+
+.sixcol {
+width: 48%;
+}
+
+.sevencol {
+width: 56.75%;
+}
+
+.eightcol {
+width: 61.6%;
+}
+
+.ninecol {
+width: 74.05%;
+}
+
+.tencol {
+width: 82%;
+}
+
+.elevencol {
+width: 91.35%;
+}

css/style.css

@@ -2,7 +2,7 @@
 --------------------------------------------------------------------------------------------------------------------------------------------------- */
 /* Typography */
 html { overflow-y: scroll; }
-body { background: #fff; }
+body { background: #fff; font-family: sans-serif; }
 
 a { color: #06c; }
 a:hover, a:focus { color:#09f; }
@@ -58,10 +58,8 @@ a:link { -webkit-tap-highlight-color: #3399FF; }
 }
 
 /* Forms */
-input, select, textarea { font-family: sans-serif; font-size: 1em; }
-button, input, select, textarea { margin: 0; }
+button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-family: sans-serif; font-size: 1em; }
 label, input[type=button], input[type=submit], button { cursor: pointer; }
-button { width: auto; overflow: visible; }
 textarea { overflow: auto; }
 
 /* Grid */
@@ -70,7 +68,8 @@ textarea { overflow: auto; }
 
 /* HEADER
 --------------------------------------------------------------------------------------------------------------------------------------------------- */
-#banner { position: relative; margin: 16px auto; z-index: 1000; }
+#banner { position: relative; margin: 16px auto 0; z-index: 1000; }
+#banner .container { padding: 0; }
 
 #logo { float: left; width: 300px; height: 75px; margin: 0 0 16px; padding: 0; }
 
@@ -82,7 +81,7 @@ textarea { overflow: auto; }
 	background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));	
 	position: relative; 
 	list-style: none; 
-	margin: 0; 
+	margin: 0 0 16px 0; 
 	padding: 0;
 	float: left; 
 	width: 100%;
@@ -150,9 +149,10 @@ textarea { overflow: auto; }
 /* CONTENT
 --------------------------------------------------------------------------------------------------------------------------------------------------- */
 #content { margin-bottom: 24px; }
-#content .container { width: auto; position: relative; }
+#content .container { width: auto; position: relative; padding: 0; }
 
 #main { position: relative; }
+#main .container { padding: 0; }
 
 /* Posts */
 .hentry header { margin-bottom: 1.5em; }
@@ -202,7 +202,7 @@ figure.gallery-item figcaption { display: none; }
 
 /* Primary Sidebar */
 #sidebar { position: relative; }
-#sidebar .container { width: auto; }
+#sidebar .container { width: auto; padding: 0; }
 #sidebar .widget { clear: both; margin-bottom: 1.5em; }
 #sidebar .widget .gform_wrapper ul { padding: 0; list-style-type: none; }
 
@@ -210,7 +210,7 @@ figure.gallery-item figcaption { display: none; }
 /* FOOTER
 --------------------------------------------------------------------------------------------------------------------------------------------------- */
 #content-info { clear: both; position: relative; }
-#content-info > .container { padding-bottom: 1.5em; }
+#content-info > .container { padding: 0 0 1.5em; }
 
 #content-info ul.menu { margin: 0 0 24px; padding: 0; list-style-type: none; }
 #content-info ul.menu li { display: inline; margin-right: 1em; }