/**
* CSS
* 
* @version 2.0.0
* @author Westandbydesign
* @name 'The Campbell Theory'
*
*/

/*Body*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	color:#000;
}

.theWrapper {
	margin:30px 0 0 30px;
	width:800px;
}

/*Links*/

a:link { 
	text-decoration: none; 
	color:#000;
}

a:active { 
	text-decoration: none; 
}

a:visited { 
	text-decoration: none;
	color:#000;
}

a:hover { 
}

a img { 
	border: none; 
}

/*Header*/

.theLogo {
	float:left;
	margin:0 0 0 4px;
}

.theLogo:hover {
	border-bottom:1px solid #000;
	padding:0 0 5px 0;
}

.theCampbellTheory {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:300;
}

/*Menu*/

#menu {
	float:right;
	padding:2px 0 0 0;
	text-transform:uppercase;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float:left;
	margin:0 0 0 20px;
}

#menu ul li:hover {
	border-bottom:1px solid #000;
	padding:0 0 3px 0;
}

.divider {
	background-color:#000;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:left;
	list-style:none;
	margin:0 20px 0 0;
	padding:0 10px 0 10px;
	opacity:1;
}

.divider:hover {
	border:none;
}

/*Content*/

#content {
	padding:100px 0 0 0;
	height:100%;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { 
	width: 400px; 
	margin-bottom: 9px; 
}

p {
    margin: 0 0 9px 0;
}

h1 { 
	font-size: 24px;
	font-weight:normal; 
}

h2 { 
	font-size: 16px;
	font-weight:normal; 
}

h3 { 
	font-size: 16px; 
	font-weight:normal; 
}

h4 { 
	font-size:14px;
	font-weight:normal; 
}

/*Home*/

ul#homeFadeImg {
	list-style:none;
}

ul#homeFadeCopy {
	list-style:none;
	font-size:11px;
}

.homeType {
	float:right;
	font-size:11px;
	font-style:italic;
}

/*Projects*/

#grid-wrapper {
	margin:-30px 0 0 0;
	width:950px;
}

li.project {
	list-style:none;
	margin:0 20px 0 0;
	width:950px;
}

.grid-image {
	font-size:11px;
	line-height:0;
	margin:0 0 -10px 0;
	padding:0 0 10px 0;
}

.grid-image:hover {
}

/*Exhibit*/

.projectImage {
	margin:0 0 10px 0;
}

.column-1 {
	float:left;	
	margin:0 10px 0 0;
	width:48%;
}

.column-2 {
	float:left;	
	width:48%;
}

.projectTitle {
	font-size:16px;
}

.projectSub {
	font-size:11px;
	font-style:italic;
}

.viewVideo {
	font-size:11px;
	font-weight:bold;
	line-height:1.4em;
}

.viewVideo a:hover {
	border-bottom:1px solid #000;
	opacity:0.5;
}


.projectInfo {
	font-size:11px;
	font-weight:bold;
}

.theCopy {
	color:#696969;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:1.2em;
}

.theCopy a {
	color:#696969;
	border-bottom:1px solid #696969;
}

.theCopy a:hover {
	opacity:0.5;
}

/*Blog*/

.blogImage {
	margin:20px 0 10px 0;
}

/*Footer*/

.ndxz {
	font-size:8px;
	background-color:#ccc;
	color:#fff;
	padding:2px;
	position:fixed;
	bottom:15px;
	right:15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ndxz a {
	color:#fff;
}

.clearMe {
	clear:both;
}