/*-----------------------------------------------------------[ Reset ]----------*/

html { font-size: 67.5%; }
body { font-size: 12px; line-height: 1.5em; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #546063; }

h1,h2,h3,h4,h5,h6,p { padding: 0; margin: 0;}

.floatL { float: left; }
.floatR { float: right; }

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }

a img { border: none; }


/*-----------------------------------------------------------[ Layout ]----------*/

body {
	background: url(../images/background.jpg);
	padding-bottom: 100px;
}
	/* Make bg white for text editor, since it inherits theme css*/
	body#tinymce, body.mceContentBody { background: #fff; color: #000; }
	body.mce-content-body img {
		border-style: solid;
		border-width: 0;
		height: auto;
		max-width: 100%;
	}

	#theme-body {
		width: 100%;
		margin: 0 auto 16px;
	}

		#theme-layout-wrapper { 
			width: 100%;
		}

		#theme-header-wrapper {
			/*border-bottom: 1px solid rgba(81,91,84,0.5);*/
		}

		#theme-content-wrapper {
			width: 92%;
			margin: 0 auto;
			padding: 0;
			overflow: visible;
			position: relative;
		}

			#theme-outline-list {
				width: 300px;
				float: left;
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 500;
				margin: 0 0 0 0;
				padding: 10px 0 20px 0;
				-moz-transition: width 0.75s;
				-webkit-transition: width 0.75s; 
				-o-transition: width 0.75s;
				transition: width 0.75s;
			 	background: #fff url(../images/texture-top.png) repeat-x left top;

			 	-webkit-box-shadow: 0px 0px 6px #545759;
			    -moz-box-shadow: 0px 0px 6px #545759;
			    box-shadow: 0px 0px 6px #545759;
			}

				#theme-outline-list:after {
					content: "";
					display: block;
					position: absolute;
					bottom: -9px;
					width: 100%;
					height: 9px;
					background: transparent url(../images/zigzag.png) repeat-x left top;
				}

				#theme-outline-list:hover {
					width: 500px;
					position: absolute;	
				}

				h2.outline-heading {
					margin: 0 0 15px;
					padding: 20px 15px;
					font-size: 18px;
					color: #545759;
					font-weight: 400;
					border-top: 1px dotted #c4c8cc;
					border-bottom: 1px solid #d2d6d9;
				}

			#theme-content-inner-wrapper {
				margin-left: 320px;
				overflow: auto;
			}

				#theme-content {
					min-height: 400px;
					padding: 15px;
					background: #fff url(../images/texture-top.png) repeat-x left top;
					border: 1px solid rgba(81,91,84,0.75);
			    	border-radius: 7px;
				}
				.quickpreview #theme-content { padding: 44px; }

				.quickpreview #theme-content .portfolio-paragraph-controls {
					margin-left: -65px;
					height: auto;
				}


	div.EpFooter {
		box-sizing: border-box;
		width: 92%;
		margin: 20px auto 0;
		padding: 2px 0 0 320px;
		font-size: 11px;
		color: #363e40;
	}

		.EpFooter > div {
			padding: 5px 0;
			text-align: left;
		}
		
		.EpFooter > div:first-child { border-top: 1px dotted #bbb; padding-top: 15px;}
		.EpFooter > div:last-child { }
		
		.EpFooter a {
			font-weight: 700;
			color: #d2d6d9;
			text-decoration: none;
		}
		
		.EpFooter a:hover {
			color: #fff;
			text-decoration: underline;
		}

/*-----------------------------------------------------------[ Typography ]----------*/

a { color: #0076a3;
text-decoration:none; }

a:hover { color: #003663;
text-decoration:underline; }

h1.title {
	margin: 0;
	padding: 40px 0;
	color: #3b3e40;
	font-size: 32px;
	letter-spacing: -1px;
	font-weight: 400;
	line-height: 1em;
	font-family: Helvetica, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0px 0px 3px rgba(255,255,255,0.35);
}

#theme-content h1 {
	margin: 0 0 20px;
	padding: 10px 0 15px;
	color: #727C7E;
	font-size: 28px;
	letter-spacing: -1px;
	font-weight: 700;
	line-height: 1.2em;
	font-family: Helvetica, sans-serif;
	border-bottom: 1px solid #d2d6d9;
}


h2 {
	font-size: 18px;
	color: #515b54;
	font-weight: 400;
	margin: 20px 0 8px 0;
}

h3 {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	margin: 12px 0 6px 0;
}

h4 {
	font-size: 13px;
	color: #727C7E;
	font-weight: 700;
	margin: 12px 0 6px 0;
}

p {
	margin: 0 0 1em;
	font-size: 12px;
	line-height: 1.6em;
}

/* Code Blocks */

code { font-size: 12px; font-family: 'Courier New', Courier, monospace;}
.snippet { 
	font-family: 'Courier New', Courier, monospace; 
	color: #5B676A; 
	background: #efefef; 
	border: 1px solid #ddd;
	padding: 1px 3px;
	border-radius: 3px;
}

#theme-outline-list ul, ul.outline-list, ul.outline-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#theme-outline-list > ul { padding: 0 15px; }

#theme-outline-list li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 16px;
	position: relative;
	text-indent: 0;
	
}

	#theme-outline-list > ul > li:first-child { padding-left: 0; }

	#theme-outline-list ins.toggle {
		display: inline-block;
		width: 11px;
		height: 11px;
		border: 1px solid #ccc;
		position: absolute;
		left: 0px;
		top: 6px;
		text-decoration: none;
		font-size: 10px;
		line-height: 13px;
		text-align: center;
		font-family: "Courier New", Courier, monospace;
		text-indent: 1px;
		cursor: pointer;
		color: #666 !important;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		#theme-outline-list ins.toggle:before { content: "+"; }
		#theme-outline-list ins.toggle.open:before { content: "-"; }

	#theme-outline-list li a {
		display: block;
		padding: 6px 10px 6px 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 1.1em;
		text-decoration: none;
		/*color: #6e9e2f;*/
		color: #0076a3;
		font-family: Helvetica, sans-serif;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-bottom: 1px dotted #ddd;
		-moz-transition: color 0.25s;
		-webkit-transition: color 0.25s; 
		-o-transition: color 0.25s;
		transition: color 0.25s;
	}
	
	#theme-outline-list li a:hover {
		text-shadow: none;
		color: #003663;
		border-bottom: 1px dotted #bbb;
	}
	
	#theme-outline-list li.active {
		font-size: 12px;
		font-family: Helvetica, sans-serif;
		color: #000;
		position: relative;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}