Merge pull request #58 from Juanitou/css-fixes

CSS minor fixes

css/form.css

@@ -246,8 +246,6 @@ form input.holder-required {        /* This class needs to be changed - is used
 input:invalid,
 textarea:invalid {
     border-radius: 1px;
-    -moz-box-shadow: 0px 0px 5px red;
-    -webkit-box-shadow: 0px 0px 5px red;
     box-shadow: 0px 0px 5px red;
 }
 .no-boxshadow input:invalid,

css/layout.css

@@ -48,15 +48,15 @@
 	padding:0 10px;
 	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
-	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where 
-	padding and border are NOT added onto the width - they are included in the width, 
+	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where
+	padding and border are NOT added onto the width - they are included in the width,
 	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
 }
 .unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
 	float:right;
 }
 
-/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space. 
+/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
 The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
 /* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */
 
@@ -93,7 +93,7 @@ The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5
 .lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
 	float:none;
 	width:auto;
-	_position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters. 
+	_position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
 	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
 	_left:-3px;
 	_margin-right:-3px;
@@ -103,7 +103,7 @@ The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5
 body {
     margin: 0;
     background: #ededed;
-    min-width: 240px; 
+    min-width: 240px;
     -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
 }
 	.ie7 body,
@@ -183,7 +183,6 @@ body {
 		    color: #888;
 		    margin: 0;
 		    border: none;
-		    -moz-border-radius: 14px;
 		    border-radius: 14px;
 		    background: #fff;
 		}
@@ -314,7 +313,7 @@ body {
 		    list-style-type: none;
 		    margin-bottom: 0;
 		}
-			.main .secondary li .arrow { 
+			.main .secondary li .arrow {
 			    color: #b80000;
 			    padding-right: 5px;
 			    display: block;
@@ -357,7 +356,7 @@ body {
 			.main .secondary li.current a {
 			    color: #000;
 			}
-		
+
 
 		/* Secondary navigation 2-5 levels deep */
 		.main .secondary ul ul {
@@ -381,7 +380,7 @@ body {
 		.main .secondary ul ul ul ul li a { padding-left: 30px; }
 			.main .secondary ul ul ul ul li a .arrow { left: 32px; }
 			.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }
-			
+
 		.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
 			.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
 			.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }
@@ -549,7 +548,7 @@ body h1 span.amp {
     display: none; /* removes the nav toggle button for desktop site */
 }
 #media-query-trigger {
-    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) 
+    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries)
     instead to trigger the hiding/showing of nav and search in mobile mode */
     display: none;
     visibility: hidden;
@@ -571,7 +570,7 @@ body h1 span.amp {
 /* BREAKPOINT 640px */
 
 /* when changing the breakpoint below, change it ito the same value in the script.js file as well */
-@media only screen and (max-width: 640px) { 
+@media only screen and (max-width: 640px) {
 	body {
 	    max-width: 640px;
 	}
@@ -719,8 +718,7 @@ body h1 span.amp {
 	    border: 1px solid #e5e5e5;
 	    background: #fff;
 	    font-size: 17px;
-	    -moz-border-radius: 20px; /* increase border radius due to increased padding */
-		border-radius: 20px;
+	    border-radius: 20px; /* increase border radius due to increased padding */
 	}
 	.search-bar form input.action {
 	    right: 5%;
@@ -840,4 +838,4 @@ body h1 span.amp {
     nav.primary {
 	    display: none;
 	}
-}
+}