/*
TO DO
+ Make a template file of this structure
+ Run through w3c validator http://jigsaw.w3.org/css-validator/



CSS BY: JAMES CURRY
©2014 JIM CURRY DESIGN

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

SWATCH COLORS:
0000000;  Color Name
0000000;  Color Name
0000000;  Color Name

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

CONTENTS
 -  Structure moves from generic to specific
 
 1. CSS RESETS & OVERRIDES Consider starting from reset and 'setting it' to current instead of redeclaring.
 2. LINKS & TYPE
 3. MAIN LAYOUT
 4. SECONDARY LAYOUT STRUCTURES
 5. FORM ELEMENTS
 6. MISCELLANEOUS

*/

/* ++++++++ Links & Type ++++++++++++++++++++++++++++++++++++++ */
body {width: /*1280px;*/ 960px; margin:  0 auto 30px; font-size:16px; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #000000; background-image: url("../img/grid.jpg");
	-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}

img {border: none;}
a:link, a:visited {text-decoration: none;color: #60BCDE;}
a:hover, a:active {text-decoration: none; color: #60BCDE;}
a:hover p {color: #60BCDE;}
a:hover h3 {color:#60BCDE;}
	
h1 {font-size: 4em; line-height: 1.25em; font-family: 'Lato', sans-serif; font-weight: 300;	margin:0 0 0 0; text-align: center;}
h2 {font-size: .8em; letter-spacing: 2px; line-height: 1.8em; font-family: 'Lato', sans-serif; font-weight: 700; margin:0 0 30px 0; text-align: center; text-transform: uppercase;}
h3 {font-size: 1.2em; line-height: 1em; font-weight: 400; margin: 10px 0 0 0; color:#666666; }
	
p {color:#666666; margin-top:4px;line-height:1.5em; font-size: .7em;}

.article_one {font-size: 1.5em; margin-top: 1em;}
.article_two {font-size: 1.1em; margin-top: 1em;}
.article_thr {font-size: 1em; margin-top: 1em;}




/* ++++++++ Layout ++++++++++++++++++++++++++++++++++++++++++++ */
.container {position:relative; margin: 0 auto 10px; padding: 30px 0 0; /* Right And Left Margin Widths To Auto */ text-align: left;
	background: url("../img/jim-curry-design-logo.png") no-repeat center top;
}

/*.unit_a {display: block; float: left; width: 258px; padding:0 0 0 0; margin: 30px 30px 30px 30px;}*/
.unit_a {display: block; float: left; width: 258px; padding:0 0 0 0; margin: 30px 30px 30px 30px;}
.unit_a img {width:256px; height: 158px;}

.footer {font-size: .8em; line-height: 1.6em; font-family: 'ubuntu'; font-weight: 300; margin: 30px 0 0 0;}
.footer ul {text-align:center;}
.footer li {display:inline-block;margin: 0 20px 0 0;}
.footer a {color: #000000;}
.footer a:hover {color: #60BCDE;}



/*Fonts*/ /*I also love Merriweather*/