/* Wordpress Image Classes */
img.alignright {float:right; margin:0 0 0em 1em; padding: 6px; background: #ffffff; border: 1px solid #dddddd;}
img.alignleft {float:left; margin:0 1em 0em 0; padding: 6px; background: #ffffff; border: 1px solid #dddddd;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding: 6px; background: #ffffff; border: 1px solid #dddddd; position: relative; right: 15px;}
a img.alignright {float:right; margin:0 0 0em 1em;}
a img.alignleft {float:left; margin:0 1em 0em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
div.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}

body {background: url(../images/tile.jpg) repeat;}
#wrapper {width: 960px; min-height: 800px; margin: 15px auto;}


/* Header */
#header {width: 930px; height: 166px; margin: 0 auto 15px auto; position: relative;}

/* Elementfortytwo Logo */
#logo {display: block; float: left; width: 252px; height: 166px; background: url(../images/elementfortytwo.png) 0px 0px no-repeat; overflow: hidden;}
#logo:hover {background-position: 0px -166px;}
#logo h1 {text-indent: -999em; width: 252px; height: 166px;}
#logo h1.logo {background: url(../images/elementfortytwo.png) 0px 0px no-repeat;}

/* Definition Box */
#definitionbox {float: left; width: 663px; height: 166px; margin-left: 15px; background: url(../images/definitionbox.png) 0px 0px no-repeat;}
#definitionbox h2 {font-family: Arial; color: #ffffff; padding: 15px; font-size: 33pt; letter-spacing: 1px;}
#definitionbox h2 a {color: #a3bc46; text-decoration: none; padding: 0px 6px 0px 6px; margin-left: -6px; margin-right: -6px;}
#definitionbox h2 a:hover {background-color: #a3bc46; color: #ffffff;}

/* Navigation */
#nav {clear: both; display: block; width: 930px; height: 60px; margin: 0 auto; padding-top: 15px; position: relative; background: url(../images/nav-background.png) 0px 0px repeat-x; border-bottom: 1px dashed #c0c4b2; margin-bottom: 15px;}
#nav li {display: block; float: left; margin-right: 15px;}
#nav li.current_page_item {height: 44px; padding-right: 1px; background: url(../images/nav-shadow.png) 0px 0px repeat;}
#nav li a {display: block; height: 44px; padding: 0px 12px 0px 12px; line-height: 43px; font-family: Geneva, Arial; font-size: 18px; background: #d4d7c9 url(../images/inactive-shadow.jpg) left top repeat-x; color: #333333; text-decoration: none;float: left;}
#nav li a:hover {color: #bc594c;}
#nav li.current_page_item a {color: #ecefe2; text-decoration: none; background: url(../images/active-background.png) bottom left repeat-x;}
#nav li.current_page_item a:hover {color: #ecefe2;}


div.vertical-hr {width: 1px; height: 232px; float: left; border-left: 1px dashed #c0c4b2;}

/* Sidebar */
#sidebar {width: 341px; display: inline; float: right; margin-right: 14px; border: 1px solid #c8cbc0; background: #d5d9ca; overflow: hidden;}
#sidebar h3 {display: block; color: #ecefe2; background-color: #bc594c; height: 40px; line-height: 40px; font-family: Geneva, Arial; padding: 0px 0px 0px 15px; font-size: 18px;}
#sidebar a {display: block; height: 37px; line-height: 40px; padding-left: 15px; text-decoration: none; font-family: Georgia, serif; border-bottom: 1px dashed #A9AF99; color: #333333; font-size: 15px; overflow: hidden;}
#sidebar a:hover {background: #333333; color: #ffffff;}
#sidebar a.last {height: 38px; border: 0px;}
#sidebar span {padding-right: 5px; background: #333333; color: #a3bc46;}

#content div.post {padding-bottom: 15px; border-bottom: 1px dashed #c0c4b2; margin-top: 15px;}
#content div.post h2 a {text-decoration: none; color: #c76053;}
#content div.post h2 a:visited {color: #c76053;}
#content div.post h2 a:hover {text-decoration: underline; color: #c76053;}
#content small {font-family: Arial; text-transform: uppercase; color: #999999; font-style: italic; position: relative; top: -12px; font-size: 11px;}




/* Horizontal Rule */
div.hr {clear: both; width: 930px; height: 15px; margin: 0px auto 15px auto; border-bottom: 1px dashed #c0c4b2;}
div.hr hr {display: none;}

/* Content */
#content {width: 525px; min-height: 400px; padding: 0px 15px 15px 15px; overflow: hidden;}
#content h2 {font-family: Geneva, arial; color: #c76053; font-size: 22px; margin-bottom: 15px; max-width: 930px;}
#content h3 {font-family: arial, helvetica, serif; color: #999999; font-size: 11px; letter-spacing: 1px; margin-bottom: 0px; position: relative; top: -12px; text-transform: uppercase; font-weight: normal;} 
#content h4 {font-family: Geneva, arial; color: #c76053; font-size: 15px; margin-top: 30px; margin-bottom: 5px;}
#content h5 {font-family: Geneva, arial; color: #c76053; font-size: 13px; letter-spacing: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: normal;}
#content h6 {font-family: Geneva, arial; color: #c76053; font-size: 12px; letter-spacing: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: normal;}
#content p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; line-height: 1.4em; margin-bottom: 15px; color: #37392e; word-spacing: 2px;}
#content p em {font-style: italic; color: #666666;}
#content ul {margin: 5px 10px 20px 25px;}
#content li {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; line-height: 1.4em; color: #37392e; list-style: disc; margin-bottom: 5px;}
#content a {color: #c94d3c; text-decoration: none;}
#content a:hover {color: #c94d3c; text-decoration: underline;}
#content a:visited {color: #c94d3c;}
#content pre {margin: 0 30px 20px 30px; font-family: "Courier New", Courier, monospace;}

/* Portfolio Layout */
/* Portfolio Content */
/* OLD - Pre Slider Style
#portfolio-content {width: 930px; padding: 0px 15px; margin: 0 auto;}
#portfolio-content p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; line-height: 1.6em; margin-bottom: 15px; color: #37392e; word-spacing: 2px;}
#portfolio-content p a {color: #8F4035; text-decoration: none;}
#portfolio-content p a:visited {color: #8F4035; text-decoration: none;}
#portfolio-content p a:hover {color: #8F4035; text-decoration: underline;}
#portfolio-content h2 {font-family: Geneva, arial; color: #c76053; font-size: 22px; letter-spacing: 2px; margin-bottom: 10px;}
#portfolio-content h3 {font-family: arial, helvetica, serif; color: #999999; font-size: 11px; letter-spacing: 1px; margin-bottom: 0px; position: relative; top: -12px; text-transform: uppercase; font-weight: normal;} 
#portfolio-content h4 {font-family: Geneva, arial; color: #c76053; font-size: 18px; letter-spacing: 2px; margin-bottom: 5px;}

#portfolio-content ul.portfolio {margin: 15px 0px 15px 0px; list-style: none; border-top: 1px dashed #c0c4b2; padding-top: 15px;}
#portfolio-content ul.portfolio li {clear: both; list-style: none; border-bottom: 1px dashed #c0c4b2; margin-bottom: 15px;}
#portfolio-content ul.portfolio li img {border: 0px; background: transparent;}
#portfolio-content ul.portfolio li.last {border-bottom: 0px;} */

#portfolio-content p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; line-height: 1.6em; margin-bottom: 15px; color: #37392e; word-spacing: 2px;}
#portfolio-content p a {color: #8F4035; text-decoration: none;}
#portfolio-content p a:visited {color: #8F4035; text-decoration: none;}
#portfolio-content p a:hover {color: #8F4035; text-decoration: underline;}
#portfolio-content h2 {font-family: Geneva, arial; color: #c76053; font-size: 25px; margin-bottom: 15px;}
#portfolio-content h3 {font-family: arial, helvetica, serif; color: #999999; font-size: 11px; letter-spacing: 1px; margin-bottom: 0px; position: relative; top: -12px; text-transform: uppercase; font-weight: normal;} 
#portfolio-content h4 {font-family: Geneva, arial; color: #c76053; font-size: 18px; letter-spacing: 2px; margin-bottom: 5px;}


/* Sliding Portfolio - Added May 2nd - 2009 */
#slidebox {width: 830px; height: 332px; background: transparent; border: 1px dashed #c0c4b2; margin: 0px auto; padding: 15px; overflow: hidden; position: relative;}
#slidebox ul {margin: 0px; padding: 0px; height: 300px; list-style: none;}
#slidebox ul li img {margin: 0; padding: 0; border: 0px;}
#slidebox ul li.frame {display: block; float: left; width: 800px; height: 300px; background: #ffffff; margin: 0px 15px 0px 0px; padding: 15px; border: 1px solid #cccccc; list-style: none; position: relative;}
div.legend {position: absolute; bottom: 10px; left: 10px; color: #cccccc; font-family: Georgia, serif; font-size: 24px; }


/* #portfolio-nav {width: 830px; height: 40px; display: block; position: relative; margin: 0 auto; background: #efefef;}
 #portfolio-nav a {padding: 5px 10px 8px 10px; display: block; float: left; background: #BC594C; color: #FFFFFF; text-decoration: none; text-transform: lowercase; font-family: Arial; letter-spacing: 2px; border-bottom: 2px solid #999999;} #prev {position: absolute; left: 0px; top:0px;}
#next {position: absolute; right: 0px; top: 0px;} */

div.portfolio {position: relative; left: 70px;}
#portfolio-nav {width: 930px; height: 1px; margin: 0 auto; top: 120px; position: relative;}
#next {display: block; width: 60px; height: 60px; background: url(../images/next-button.png) 0px 0px no-repeat; position: absolute; z-index: 2000; right: -0px; top: 0px; text-indent: -999em;}
#prev {display: block; width: 60px; height: 60px; background: url(../images/prev-button.png) 0px 0px no-repeat; position: absolute; z-index: 2000; left: -0px; top: 0px; text-indent: -999em;}
#prev:hover {background-position: 0px -60px;}
#next:hover {background-position: 0px -60px;}


#quick-form label span {color: #9F3527;}

/* Quick Form Style 450px ---------------------------------------------------------------------------- */
#quick-form {width: 450px; position: relative;}
#quick-form br {display: none;}
#quick-form input.textinput {width: 340px; height: 30px; padding: 5px 15px 0px 15px; margin: 0px 0 15px 0; border: 0px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 16px; letter-spacing: 2px; background: url(../images/text-input.png) 0px 0px no-repeat; word-spacing: 5px;}
#quick-form label {float: left; width: 60px; height: 30px; text-align: right; margin: 5px 10px 0px 5px; padding: 5px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #222222; letter-spacing: 1px; position: relative;}
#quick-form textarea {width: 340px; height: 135px; padding: 15px 15px 15px 15px; margin: 0px 0px 15px 0px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #222222; letter-spacing: 1px; line-height: 120%; background: url(../images/textarea.png) 0px 0px no-repeat; resize: none;}
#quick-form input.submitbutton {cursor: pointer; margin: 0px 0px 15px 0; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; border: 0px; background: url(../images/send-button.png) 0px 0px no-repeat; width: 150px; height: 30px; font-size: 15px;}
#portfolio-content #output p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 75px; color: #BC594C;}
#portfolio-content #thankyou {padding-left: 60px; position: relative; top: 15px;}
#portfolio-content #thankyou h6 {font-family: Georgia, "Times New Roman", Times, serif; color: #BC594C; font-size: 28px; letter-spacing: 2px; line-height: 120%; font-weight: normal;}
#portfolio-content #thankyou p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #a3bc46; font-size: 18px; background: transparent;}
#loader {position: relative; top: 10px;}
/* End Quick Form -------------------------------------------------------------------------------------- */

/* Footer */
#footer {width: 930px; margin: 0 auto; padding-bottom: 14px;}
#footer p {font-family: Geneva, arial; text-align: right; font-size: 10px; color: #8A8F7D;}
#footer p em {font-style: italic;}