@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#666666;
	margin: 0;
	font-size:14px;
}

/*****************************Element/tag selectors***************************/

h1{
	font-size:3em;
	margin: 0;
	padding: 0;
}
h2{
	font-size:2em;
	margin:10px 0 0 0;
	padding:0;
}
h3{
	font-size:1.25em;
	margin:10px 0 0 0;
	padding:0;
}

p{
	font-size: 1em;
	margin:10px 0 0 10px;
	padding:0;
}
p.done{
	text-decoration:line-through;
}
li {
	font-size: 1em;
}
ul {
	font-size: 1em;
	margin:0;
	padding:0 0 0 25px;
}
a:link {
	text-decoration:none;
	color:#00F;
	margin:0;
	padding:0;
}
a:visited {
	text-decoration:none;
	color:#00F;
}
a:hover, a:active, a:focus {
	text-decoration:none;
	color:#09F;
}
.hoverBut:hover{
	background-color:#FFA4A4;
	cursor:pointer;
}
hr.project {
	border: #666 solid thick;
	width: 100%;
	margin:15px 0 0 0;
	size:2px;
	border-color:#999999;
}
hr.full{
	border: #666 solid thick;
	width: 100%;
	margin:15px 0;
}

.highlight_word{
	background-color:#FF0;
}
table{
	border-collapse:collapse;
}
.red{
	color:red;
}
.bold{
	font-weight:bold;
}
.sm{
	font-size: .75em;
}
	


/* ----------------------- SideBar ---------------------*/

#sidebar{
	position:fixed;
	overflow:auto;
	left:-50vw;
	width:50vw;
	height:100%;
	background-color:#CCCCCC;
	z-index:10;
	margin:0;
	padding:25px 0 0 0;
}
#header{
	margin:20px 0 0 0;
}
li.nav{
	padding:15px 10px;
	list-style-type:none;
	font-size:2em;
	border-top:thin #666 solid;
	width:100%;
}
li.nav a{
	display:block;
	color:#333;
}
li.nav:hover{
	background-color:#666;
}
li.nav a:hover{
	color:white;
}
#menuButton{
	width:30px;
	height:30px;
	background-color:#CCC;
	margin:0;
	padding:3px;
	left:0px;
	position:fixed;
	z-index:11;
	cursor:pointer;
}
.menuBar1, .menuBar2, .menuBar3{
	width:80%;
	height:15%;
	background-color:black;
	margin:15% auto;
}
/* Rotate first bar */
.change .menuBar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 8px);
    transform: rotate(-45deg) translate(-5px, 8px);
}
/* Fade out the second bar */
.change .menuBar2 {
    opacity: 0;
}
/* Rotate last bar */
.change .menuBar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -8px) ;
    transform: rotate(45deg) translate(-5px, -8px) ;
}

/************************ popNav **************************/

.popNav{
	position:absolute;
	top:75px;
	right:0;
	height:40px;
	background-color:rgba(204, 204, 204, .5);
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}
.popBut{
	font-size:1.5em;
	color:#999;
	width:30px;
	padding:4px;
	cursor:pointer;
	border:none;
	background:none;
}
.popBut:hover{
	color:#333;
}

/*------------------------ Sort Bar ---------------------*/

#sortbar{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:40px;
	margin:0;
	background-color:#CCCCCC;
	z-index:5;
}

.search {
	position:relative;
	margin:4px 0 0 75px;
	max-width:800px;
}

/*------------------------- Content ---------------------*/

#content{
	margin:75px;
	position:absolute;
	max-width:800px;
	width:100vw;
}
.button{
	/*background-color:#FFF;*/
	border-width:thin;
	border-color:#999999;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:4px;
	border-bottom:none;
}
.boarder{
	padding:5px;
	border:thin #999999 solid;
	border-radius:3px;
}
.buttons{
	padding-left:5px;
}
.container{
	margin:25px 0;
}
.section{
	padding:20px;
	position:relative;
	min-width:200px;
	width:25%;
	display:inline-table;
}
.double{width:50%; min-width:400px;}
#pop{
	margin:0;
	padding:100px 0 0 100px;
	position:fixed;
	max-width:800px;
	width:100vw;
	display:none;
	background-color:#FFF;
	z-index:2;
	height:80vh;
	overflow:auto;
}

/*--------------------- form elements --------------------------*/

.formTextField{
	border-color:#CCCCCC;
	color:#666666;
	border-width:thin;
	width:80%;
	font-size:1.5em;
}

.formArea{
	border-color:#CCCCCC;
	color:#666666;
	border-width:thin;
	width:80%;
	font-size:1em;
}

.formSelectField{
	border-color:#CCCCCC;
	color:#666666;
	border-width:thin;
	width:80%;
	font-size:1.5em;
}
.sendButton{
	font-size:1.5em;
	color:#3333333;
	font-weight:bold;
	border-color:#CCCCCC;
	border-width:thin;
	width:200px;
	/*height:35px;*/
	margin:20px 10px 0 0;
	cursor:pointer;
}
.tab{
	margin:8px 0 3px 30px;
}
button.furn{
	border:none;
	background:none;
	margin:0;
	padding:0;
}
.check{
	border-color:#CCCCCC;
	color:#666666;
	border-width:thin;
	font-size:1em;
	cursor:pointer;
	margin:10px 0 0 0;
}
.memSchedButt{
	font-size:1em;
	border:thin solid #999;
	padding:5px;
	margin:10px 0 0 10px;
	background-color:#FFF;
}
.memSchedButt:hover{
	background-color:#FFA4A4;
	cursor:pointer;
}
.memSchedForman{
	background-color:Violet;
}
.memSchedPaint{
	background-color:DodgerBlue;
}
.memSchedDiv{
	width:100%;
	padding:10px 0 10px 5px;
	border-radius:5px;
}
.propMoveButt{
	font-size:1em;
	border:thin solid #999;
	padding:5px;
	margin-top:20px;
}
.propMoveButt:hover{
	background-color:#FFA4A4;
	cursor:pointer;
}

/**************** Project_Photo ******************/

.photomain{
	background-size:100%;
	background-position:center;
	width:100%;
	height:100%;
	cursor:move;
	margin:0;
	padding:0;
}
.photoinset{
	width:15%;
	height:100%;
	background:#FFF;
	opacity:0.75;
}

/*************** Calendar *********************/

.days{
	background:#CCC;
	border:thin solid #999;
}
.num{
	border:thin solid #999;
	background:#efefef;
}
.con{
	background:#FF0;
	border-radius:5px;
	width:100%;
	padding:5px;
	margin-left:-5px;
	font-size:.75em;
}
.bid{
	color:#F00;
}
.taskDay{
	border:thin solid #999;
}
.task{
	font-size:.75em;
	margin-bottom:10px;
}
.done{
	text-decoration:line-through;
}

.past{
	opacity:0.5;
}
.today{
	background-color:#9FF;
}
.wknd{
	background:#efefef;
}


@media only screen and (max-width: 950px) {
	body {
		font-size:10px;
	}
	#sortbar{
		background-color:#fff;
	}
	#menuButton{
		width:40px;
		height:40px;
	}
	.change .menuBar1 {
		-webkit-transform: rotate(-45deg) translate(-8px, 8px);
		transform: rotate(-45deg) translate(-8px, 8px);
	}
	.change .menuBar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
		transform: rotate(45deg) translate(-8px, -8px) ;
	}
	#content{
		margin:75px 1%;
		max-width:98%;
	}
	#pop{
		padding:75px 0;
		max-width:98%;
	}
	.section{
		width:33%;
	}
	h1{
		font-size:3em;
	}
	h2{
		font-size:2em;
	}
	h3{
		font-size:1.75em;
	}
	
	p{
		font-size:1.5em;
	}
	.check{
		font-size:1.5em;
		cursor:pointer;
		margin:10px 0;
	}
	.letters{
		display:none;
	}
	.noshowmedia{
		display:none;
	}
	.search {
		margin:15px 0 0 100px;
	}
}