/* Defaults */

html, body {			padding: 0; margin: 0; background-color: #ffffff;}

body {					padding: 0px; 
						font-family: "Gill Sans", "Helvetica", "Arial", sans-serif; 
						color: #333;
}

a { 					color: #333; text-decoration: none;}

a:hover{				color: #999999;}

p { 					padding-bottom: 10px; margin: 0px 0 0px 0;}

ul, li {				margin: 0; padding: 0; list-style: none; text-transform: none;}

img{					border: 0px;}


/* Sections */

#header {
						position: fixed;
						float: left;
						top: 0;
						left: 0;
						bottom: 0px;
						margin: 0px;
						padding: 30px 20px 20px 20px;
						width: 215px;
						overflow: hidden;
						border: 0px;
						text-align: left;
						background-color: white;
						font-size: 13px;
						word-spacing: 2px;
						line-height: 26px;
}

#title{
						font-size: 14px;   
}

/* Menu */
#menu {					margin-top: 25px;}

#menu a {				color: #333;}

#menu a:hover {			color: #999999;}

#menu ul {				display: block;}

#menu .active a {		color: #999999;} /*use this to style the current gallery*/


/* Projects! */
.view{
						position: absolute; 
						top: 36px; left: 255px; bottom: 25px; right: 25px;
						margin: 0px;
						padding-right: 0px;
						visibility: hidden;
						overflow-x: visible;
						overflow-y: visible;
						background-color: white;
}

.loader{
						position: fixed;
						width: 66px;
						height: 66px;
						top: 50%;
						left: 50%;
						margin-left: 0px;
						margin-top: -50px;
						background-image: url('http://www.markmenjivar.com/architecture/secretary/site/themes/mino/loader2.gif');
						background-repeat: no-repeat;
						opacity: .25;
						z-index: 1000000;
}

.pageText {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 87px 25px 25px 255px;
		padding-bottom: 50px;	
		width: 700px;
		color: #333;
		background-color: white;
		font-size: 13px;
		z-index: 10000000000;
}

.post{
		margin-left: 255px;
		width: 600px;
		font-size: 13px;
		color: #333;	
		margin-top: 83px;	
}

.postTitle{
		color: #333;
		font-size: 13px;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
}
.pageText a {
	color: #666666
}
.pageText a:active,
.pageText a:hover {
	color:#cccccc;
}


/* this is all for exposure! */

.exposureTarget {
	background-color:white;	
	background-image:url(http://www.markmenjivar.com/secretary/site/themes/mino/loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;	
	padding:0;
	margin:0;
	position:relative;
}

#controls{
	position: absolute;
	background-color: white;
	text-align: center;
	margin-top: 125px;
}

a.exposurePrevPage{
	width: 32px;
	height: 21px;
	float: left;
	overflow: visible;
	text-align: left;
}
a.exposurePrevPage:hover{
}

a.exposureNextPage{
	width: 35px;
	height: 21px;
	float: left;
	overflow: visible;
	text-align: left;
}
a.exposureNextPage:hover{
}

.exposureWrapper {
	position:absolute; 
	top:0; 
	left:0;
}

.exposureWrapper img {
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

.exposureLoaded {
	background-image:none;	
}

.exposureData {
	position: absolute; 
	padding: 0px;
	margin: 0px;
	background-color: white;
	z-index: 10000000000000;
	text-align: left;
	font-family: "Gill Sans", "Helvetica", "Arial", sans-serif;
	font-size: 13px;
	line-height: 25px;
	max-width: 600px;
	width: 600px;
}

.exposureControls a {
	font-family: "Gill Sans", "Helvetica", "Arial", sans-serif;
	font-size: 13px;
	float:left;
	color: #333;
}
.exposureControls a:active,
.exposureControls a:hover {
	color:#cccccc;
}

.exposurePaging .active {
	color: black;
}

.clear {
	clear:both;	
}

.videoSlide{
	position: fixed;
	top: 0px; 
	left: 0px;
	margin-left: 254px;
	margin-right: 25px; 
	margin-top: 36px;
	margin-bottom: 25px;
}

.file{
		color: #333;
		background-color: white;
		font-size: 13px;
		width: 600px;
		padding-bottom: 35px;
}

.box-form{
	color: #333;
	font-size: 13px;	
}

.textfields{
	width: 400px;
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	font-size: 13px;
	font-family: "Gill Sans", "Helvetica", "Arial", sans-serif; 
	line-height: 20px;
	padding-bottom: 3px;
}