@charset  utf-8;

/* CSS Document authored by Bruce Zimmerly*/
body {
    font-family: Gudea, sans-serif;
    background: #000;
    margin: 0;
    padding: 0;
    color: #000;
}

ul,ol,dl {
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4 {
    font-family: Share;
    font-weight: 400;
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
}

h5,h6,p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Gudea, sans-serif;
}

a img {
    border: none;
}

a:link {
    color: #414958;
    text-decoration: underline;
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus {
    text-decoration: none;
}

/* ~~The container that centers all content ~~ */
.container {
    width: 1000px;
    max-width: 1260px;
    min-width: 780px;
    background: #000;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* ~~The header ~~ */
.header {
    background: 	url(../images/headerFlame.jpg);
    height: 200px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
}

#nav_container {
    height: 60px;
}

/* ~~The main content columns ~~ */
.sidebar1 {
    float: left;
    width: 20%;
    max-width: 200px;
    background: #000;
    padding-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
}

.content {
	padding: 10px 0;
	width: 60%;
	min-width: 500px;
	float: left;
	background: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 450px;
}
.content_about {
	padding: 10px 0;
	width: 60%;
	height:500px;
	overflow:scroll;
	min-width: 500px;
	float: left;
	background: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.content_calendar {
    padding: 10px 0;
    width: 80%;
    min-width: 500px;
    float: left;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.content_portfolio {
    padding: 10px 0;
    width: 80%;
    float: left;
}

.content form {
	padding: 5px 0;
	width: 510px;
	text-align:right;
}

#content .one_fourth {
    float: left;
    width: 20%;
    margin-right: 36px;
}

#content .one_fourth_last {
    float: right;
    width: 20%;
    margin: 0;
}

.piecemaker {
    width: 1000px;
    margin: auto;
    height: 625px;
}

.sidebar2 {
    float: left;
    width: 20%;
    background: #000;
    color: #FFF;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}

.content ul,.content ol {
    padding: 0 15px 15px 40px;
}

/*~~Navigation~~*/
/*~~Horizontal Navigation~~*/
ul.top_nav {
    display: inline;
    list-style: none;
    border-top: 2px solid #CCC;
    margin-bottom: 15px;
    background: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.top_nav li {
    float: left;
    text-align: center;
    min-width: 84px;
    border-top: 2px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    background: #000;
}

ul.top_nav a.current {
    background-image: url(../images/navFlames.png);
}

ul.top_nav a,ul.nav a:visited {
    padding: 5px 5px 5px 15px;
    display: block;
    text-decoration: none;
    background: #000;
    color: #FFF;
}

ul.top_nav a:hover,ul.nav a:active {
    background: #000 url(../images/navFlames.png);
    color: #FFF;
    border-top: 2px solid #333;
}

/* 1. gallery_pages nav
/*---------------------------------------------------------------*/
.gallery_pages,.wp-pagenavi {
    clear: both;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    padding: 25px 0 0;
    height: 40px;
    text-align: left;
}

.gallery_pages .pages,.wp-pagenavi .pages {
    margin-right: 6px;
    color: #FFF;
}

#main .gallery_pages a,#main .gallery_pages a:link,#main .gallery_pages a:visited
#main .wp-pagenavi a,#main .wp-pagenavi a:link,#main .wp-pagenavi a:visited {
    text-decoration: none;
    outline: none;
    padding: 5px 11px;
    display: inline-block;

    color: #666;
    background: url(images/global-sprite.png) -556px -639px no-repeat;
    margin-right: 6px;
}

#main .gallery_pages a:hover,#main .wp-pagenavi a:hover {
    background: url(images/global-sprite.png) -585px -639px no-repeat;
    margin-right: 6px;
}

.gallery_pages a:active,.gallery_pages span.current,.wp-pagenavi a:active,.wp-pagenavi span.current {
    text-decoration: none;
    padding: 5px 11px;
    color: #FFF;
    background: url(images/_global/bg-wp-navi-current.png) 0 0 no-repeat;
    margin-right: 6px;
    display: inline-block;
}

.wp-pagenavi a,.wp-pagenavi span {
    border: 0;
}

/*~~Verticle Navigation~~*/
ul.nav {
    list-style: none;
    border-top: 2px solid #CCC;
    margin-bottom: 15px;
    background: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.nav li {
    border-bottom: 1px solid #CCC;
    border-bottom: 2px solid #333;
    background: #000;
}

ul.nav a.current {
    background-image: url(../images/navFlames.png);
}

ul.nav a,ul.nav a:visited {
    padding: 5px 5px 5px 15px;
    display: block;
    text-decoration: none;
    background: #000;
    color: #FFF;
}

ul.nav a:hover,ul.nav a:active {
    background: #000 url(../images/navFlames.png);
    color: #FFF;
}

/*``additional columsn``*/
.one_fourth,.one_fourth_last
.one_fourth {
    float: left;
    width: 20%;
    background: #000;
    margin-top: 25px;
    margin-right: 10px;
    margin-bottom: 25px;
    height: 200px;
    padding-left: 10px;
    border-left: thin solid #333;
    color: #FFF;
}

.one_fourth_last {
    float: left;
    width: 20% !important;
    margin-top: 25px;
    margin-right: 10px !important;
    margin-bottom: 25px;
    background: #000;
    color: #FFF;
    border-left: thin solid #333;
    height: 200px;
    padding-left: 10px;
}

.lower_one_fourth {
    float: left;
    width: 25%;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.lower_one_fourth_last {
    float: right;
    width: 25%;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

/* ~~The footer ~~ */
.footer {
	padding: 10px 0;
	background: #666;
	position: relative;
	color: #FFF;
	border-top: medium ridge #CCC;
	clear: both;
	height: 200px;
}

#left {
	display: block;
	width: 30%;
	border-right: #FFF;
	margin: 0 0 0 20px;
	float: left;
	height: 300px;
}

#middle {
	display: block;
	width: 30%;
	margin: 0 0 0 10px;
	float: left;
	border-left: 1px solid #000;
	padding-left: 10px;
	height: 300px;
}

#right {
	display: block;
	width: 30%;
	margin: 0 0 0 10px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #000;
	height: 300px;
}

.copy {
    color: #FFF;
    text-align: center;
}

/* ~~miscellaneous float/clear classes~~ */
.fltrt {
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}

.fltlft {
/* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}

.clearfloat {
/* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

.form_warp {
    margin-bottom: 10px;
    display: table;
    width: 60%;
}

.contact_form {
    margin-top: 30px;
    display: table;
    width: 60%;
}

.contact_form p {
    clear: both;
    display: table;
    margin: 10px 0;
    font-weight: 700;
}

.container .content_portfolio h2 {
    color: #FFF;
}

.container .content_portfolio h3 {
    color: #FFF;
}
/* CSS Document authored by Bruce Zimmerly*/