@import "reset.css";

/* ===========================================================*/
/* Body Styles */
/* ===========================================================*/

body{
	font-size:62.5%;
	line-height:1.6em;
	margin:0;
	padding:0;
	background:#3f3f3f;
	text-align: center;
}

/* ===========================================================*/
/* Typeography */
/* ===========================================================*/

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

/* Headings 
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, sans-serif;
  margin: 0; 
  padding: 0;
  color:#000; 
  clear:both; 
}

h1{
	font-size:1.6em;
	padding:16px 0 16px 0px;
	font-weight:bold;
}

h2{
	font-size:1.6em;
	font-weight:bold;
	padding:0 0 6px 0;
	color:#bababa
}

h3{
	font-size:1.3em;
	font-weight:bold;
}

h4, h5, h6{
	font-size:1.1em;
	font-weight:bold;
}

/* Paragraphs
-------------------------------------------------------------- */
p{
	font-size:1.1em;
	margin: 0 0 20px 0;
	color:#a2a2a2;
	line-height:1.7em;
	}

p.last{ margin-bottom:0; }
p span.highlight{color:#ad0000;}
.highlight-yellow{color:#F2FFB7;}

/* Lists
-------------------------------------------------------------- */
ul, ol{ 
	margin: 18px 0 18px 18px;
	list-style-type:disc;
}

ol { list-style-type:circle; }
a{	color:#094573;}

/* Breaks
-------------------------------------------------------------- */
p.linebreak{
	border-bottom:1px solid #555555;
	clear:both;
}


/* Other Text
-------------------------------------------------------------- */

blockquote  { margin: 18px 0 18px 23px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }


/* HAcks
-------------------------------------------------------------- */


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ===========================================================*/
/* layouts */
/* ===========================================================*/

#header{
	background:#fff;
	height:300px;
}

.wrapper{
	text-align: left;
	margin:0 auto;
	width:700px;
}







/* Navigation
-------------------------------------------------------------- */

#nav-main{
	margin:0 0 0 10px;
	list-style:none;	
	
}


#nav-main li { /* all list items */
	float: left;

}

#nav-main li a {
	display: block;
	font-size:3.1em;
	color:#747474;
	text-decoration:none;
	margin:0;
	font-family: Helvetica;
	padding:165px 30px 15px 10px;
	-moz-border-radius:0 0 6px 6px;
}

#nav-main li a:hover{
background:#f0f0f0;
}


.blog span{color:#ea269e;}
.photography span{color:#26a4fc;}
.portfolio span{color:#8ace27;}
.contact span{color:#f87a26;}





.row{
	background:#434343;
	border-bottom:1px solid #525252;}

.row div div{
	width:310px;
	padding:40px 20px 20px 20px;
	float:left;
}