/*   
Theme Name: ElementFortyTwo
Theme URI: www.elementfortytwo.com
Description: This is the official theme for elementfortytwo
Author: Emerson R. Lackey
Author URI: www.elementfortytwo.com
Version: 1.0
*/

/* Stylesheet by Emerson R. Lackey */

/* Wordpress Image Classes */
img.alignright {float:right; margin:0 0 1em 1em; padding: 6px; background: #ffffff; border: 1px solid #dddddd;}
img.alignleft {float:left; margin:0 1em 1em 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;}


body {background: url(images/tile.jpg) repeat;}
#wrapper {width: 960px; height: 1000px; 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;}

/* Featured Box */
#featured {width: 545px; height: 220px; float: left; display: inline; border: 1px solid #b3b7a6; padding: 5px; background: #ffffff; margin-left: 15px; margin-right: 14px; position: relative;}


/* #featured #cycle-next {position: absolute; z-index: 3000; bottom: 8px; right: 8px; background: #bc594c; padding: 8px; text-decoration: none; color: #ffffff; font-family: Arial; -moz-border-radius: 3px;
-webkit-border-radius: 3px;}
#featured #cycle-back {position: absolute; z-index: 2000; bottom: 8px; left: 8px; background: #bc594c; padding: 8px; text-decoration: none; color: #ffffff; font-family: Arial; -moz-border-radius: 3px;
-webkit-border-radius: 3px;}
#featured #cycle-next:hover {background: #EF7868; color: #000000;}
#featured #cycle-back:hover {background: #EF7868; color: #000000;} */

#featured #cycle-next {display: block; width: 60px; height: 60px; background: url(images/next-button.png) 0px 0px no-repeat; position: absolute; z-index: 2000; right: -20px; top: 85px; text-indent: -999em;}
#featured #cycle-back {display: block; width: 60px; height: 60px; background: url(images/prev-button.png) 0px 0px no-repeat; position: absolute; z-index: 2000; left: -20px; top: 85px; text-indent: -999em;}
#featured #cycle-back:hover {background-position: 0px -60px;}
#featured #cycle-next:hover {background-position: 0px -60px;}

#featured #cyclebox {width: 545px; height: 220px;}
#featured #cyclebox div {width: 545px; height: 220px; position: relative; }
#featured #cyclebox div a {position: relative; width: 545px; height: 220px; overflow: hidden;}
#featured #cyclebox div h4 {position: absolute; width: 515px; padding: 9px 0 9px 30px; background: url(images/red-stripe.png) 0px 0px repeat-x; color: #ffffff; font-size: 20px; bottom: 15px; font-family: Georgia, serif; letter-spacing: 1px; font-weight: normal; left: 0px;}

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

/* Sidebar */
#sidebar {width: 341px; height: 230px; float: left; margin-left: 14px; border: 1px solid #c8cbc0; display: inline; 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;}

/* 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; 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; margin-bottom: 0px; position: relative; top: -12px; text-transform: uppercase; font-weight: normal;} 
#content h4 {font-family: Geneva, arial; color: #c76053; font-size: 18px; margin-top: 30px; margin-bottom: 5px;}
#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 p a {text-decoration: none; color: #c76053;}
#content p a:visited {color: #c76053;}
#content p a:hover {text-decoration: underline; color: #b11603;}
#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;}
#content small {font-family: Arial; text-transform: uppercase; color: #999999; font-style: italic; position: relative; top: -15px;}


/* Three Column Addition */
#home #content {width: 930px;}
div.column1 {width: 410px; float: left; padding: 0px 30px 0px 30px;}
div.column2 {width: 400px; float: left; padding: 0px 30px 0px 30px;}


/* Portfolio Content */
#portfolio-content {width: 930px; padding: 15px; margin: 0 auto;}

/* 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;}