/* 960 Grid System
Version 1.1
2008-12-15
Created by Nathan Smith. See the official site for more info: http://960.gs/
============================================================================
Thank you for downloading the 960 Grid System. I hope it helps to streamline
web development workflow. Enclosed in the bundle are printable sketch sheets
and template files for Adobe Fireworks and Photoshop, OmniGraffle and Visio.
Also included is a lightweight CSS file, which contains the grid dimensions.
To use this file, simply include the 960.css in the of the HTML page.
You may also use the reset.css and text.css files, or opt to leave them out.
Here is an example of the XHTML code necessary to incorporate the CSS files:
The files in the 960 Grid System are free of charge, licensed under GPL/MIT.
============================================================================
Special thanks to Eric Meyer for his comprehensive browser reset stylesheet.
http://meyerweb.com/eric/tools/css/reset/
*/
/* All the rest of the stuff other than the 960 Grid System
CSS Level 3 valid (for some reason Level 2.1 isn't valid...D'OH!)
Coded by Joe Brightwell of Pukeko Design Studio
www.pukekodesigns.co.nz
Please visit my website and email me if you use this template!
*/
a
{
color: #000;
text-decoration: none;
}
a:hover {
color: #999;
border: none;
text-decoration: none;
}
a:focus {
outline:1px dotted invert
}
a img, a img:hover {
border: none;
text-decoration: none;
}
h1
{
font-family: Georgia, serif;
font-size: 64px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -3px;
line-height: 1.2em;
color: darkgrey;
margin-left: 30px;
}
p
{
font-family: “Lucida Grande”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
margin: 0px 0px 20px 0px;
color: black;
}
p a {
border-bottom: 1px solid;
text-decoration: none;
color: #8A6F27;
}
p a:hover {
color: #242B5F;
}
/* CONTACT FORM */
input {
width: 200px;
padding: 0 0 5px 0;
border: none;
border-bottom: 1px dotted #000;
background:#fff;
font-family: Georgia, "Times New Roman", Times, serif;
}
textarea {
width: 400px;
height: 200px;
padding: 5px;
border: 1px dotted #000;
background:#fff;
font-family: Georgia, "Times New Roman", Times, serif;
}
textarea:hover, textarea:focus {
border: 1px dotted #999;
}
input:hover, input:focus {
border-bottom: 1px dotted #999;
}
.button {
width: 80px;
padding: 5px;
background: url(../images/diagonal_dark.gif) repeat #000;
border: 0;
margin-bottom: 10px;
color: #fff;
font-variant:small-caps;
}
.button:hover, .button:focus {
background: url(../images/diagonal.gif) repeat;
cursor:pointer;
color: #000;
border: 0;
}
/* MISC */
/* Mainly used for floating images */
.floatLeft {
float: left;
margin-right: 10px;
}
.floatRight {
float: right;
margin-left: 10px
}
/* Pagination links - Grid Left is for Previous links, Grid Right is for Next links */
.grid_left, .grid_right {
display:inline;float:left;margin-left:10px;margin-right:10px; padding: 0 0 20px 0;
width: 460px;
text-align: left;
}
.grid_right {
text-align: right;
}
.grid_center {
text-align: center;
}
.margin_20 {
margin-bottom: 20px;
}
.margin_40 {
margin-bottom: 40px;
}