/*
Theme Name: Aaron Wardwell Design
Theme URI: http://gregwardwell.org/
Description: The custom theme for AaronWardwell.com. Designed by <a href="http://www.gregwardwell.com">Greg Wardwell Design</a>.
Version: 1.0
Author: Greg Wardwell | <a href="http://www.gregwardwell.com">Greg Wardwell Design</a>
Author URI: http://www.gregwardwell.com

*/

/* General Styles */
body { background:url(/resources/images/template/bg-top.jpg) no-repeat center top #000; color:#DDD; font:12px Helvetica, Arial, sans-serif; margin:0; padding:0; }

#footerBG { background:url(/resources/images/template/bg-btm.jpg) no-repeat center bottom; overflow:auto; width:100%; }

a, h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; }

a { color:#FFF; }
a:hover, a:focus, a:active { background:#0E1F1D; color:#FFF; text-decoration:none; }

.more { font-style:italic; white-space:nowrap; }

#container { margin:0 auto; width:800px; }

#content, #helpLinksCont { margin:auto; width:722px; }

.fieldVal { display:none; }

img.alignleft { float:left; margin-right:15px; }
img.alignright { float:right; margin-left:15px; }

#content img { border:1px solid #9F9F9F; margin-right:15px; padding:3px; }
#content a img { border-color:#9F9F9F; }
#content img.size-medium { padding:4px; }

/* Logo */
h1 { float:left; margin:28px 0 30px; }
h1 a { display:block; height:57px; overflow:hidden; padding:0; position:relative; width:299px;cursor:pointer; font-size: 0; color: transparent; text-decoration: none; }
h1 a:hover {
background: rgba(0, 0, 0, 0.15);
}
h1 a:active {
background: rgba(0, 0, 0, 0.3);
}
h1 a span { background:url(http://aaronwardwell.com/_wp_aw_live_01/resources/uploads/2016/03/logo-2016.png) no-repeat center center;cursor:pointer; height:100%; position:absolute; top:0; left:0; width:100%; }
h1 a span, h1 a:link span, h1 a:visited span { background-position: center center; }

/* Main Menu */
#mainMenu { float:left; list-style:none; margin:28px 0 0; padding:0; }
#mainMenu li { float:left; margin-right: -1px; width: 92px; font-size: 14px; }
#mainMenu li a { display:block; height:57px; line-height:57px; overflow:hidden; padding:0; position:relative; text-align: center; text-decoration: none; border: solid #000; border-width: 0 1px 0 0; border-color: rgba(0, 0, 0, 0.3);cursor:pointer; }
#mainMenu li:first-child a { border-width: 0 1px; }
#mainMenu li a:hover, #mainMenu li.selected a {
background: rgba(0, 0, 0, 0.15);
}
#mainMenu li a:active {
background: rgba(0, 0, 0, 0.3);
}

/* Content Column 1 Styles */
#content .col1 { clear:both; /* float:left; width:480px; */ padding-bottom:20px; }
#content .colWSidebar { float:left; width:480px; }

#content .col1 .post { margin-bottom:28px; }

#content .col1 h2.pngBG { border: solid #E9E9E9; border-width: 1px 0; font-size:32px; padding:8px 0; margin:0 0 18px; text-align:center; }

#content .col1 h2 span { font-size:12px; line-height:12px; }
#content .col1 h2 a { text-decoration:none; }

#content .col1 p, #content .col2 p { line-height:16px; }

.commentNum { font-size:16px; margin:18px 0 15px; text-align:center; }
.commentNum span { font-size:24px; }
.commentNum a { text-decoration:none; }
#content .col1 .more { font-size:14px; }
#content .col1 .meta { margin:10px 0 33px; }

#content .col1 .navigation { margin-bottom:10px; }

#content .imgtfe { border:1px solid #9F9F9F; margin-right:15px; padding:3px; }
#content a .imgtfe { border-color:#9F9F9F; }

#portCats { /* Style of Portfolio Sub-Categories */ }

/* Content Column 2 Styles */
#content .col2 { float:right; padding-top:5px; width:213px; }
#content .col2 .gwSearchForm { background:url(/resources/images/template/search-bg.gif) no-repeat top center #237367; border:1px solid #0F332E; display:block; height:25px; overflow:hidden; }
#content .col2 .gwSearchForm p { margin:0; padding:0; }
#content .col2 .search_field { border:none; float:left; background:none; color:#FFF; display:block; font-size:14px; padding:4px 0 0 10px; width:171px; }
#content .col2 .search_button { display:block; float:right; vertical-align:middle; }

/* #content .col2 h3 { border-bottom:1px solid; font-size:18px; font-style:italic; margin:0 0 5px; padding-bottom:5px; } */
#content .col2 h3 { font-size:18px; font-style:italic; margin:0 0 5px; padding:5px 0 0; }

#content .col2 .content { background:url(/resources/images/template/sidebar-bg.gif) no-repeat center top; margin-top:10px; padding:10px 15px; }
#content .col2 .sideEntry {  border-bottom:1px dashed #E9E9E9; }

.blogLinks { margin:0 0 25px; padding:0 0 0 15px; }
.blogLinks a { color:#E9E9E9; font-family:Helvetica, Arial, sans-serif; display:block; font-style:normal; padding:6px 0 4px; text-decoration:none; line-height:11px; }

/* Helpful Links Styles */
#helpLinksCont { clear:both; padding-top:30px; }
#helpLinksCont h4 { background:#091513; border:solid #0E1F1D; border-width:1px 0; font-size:16px; font-style:italic; margin:0; padding:4px 10px; }
#helpLinksCont .about { font-size:11px; float:right; line-height:16px; width:213px; }
#helpLinksCont .about p { margin-left:5px; margin-right:5px;  }
#helpLinksCont .about img { border:1px solid #9F9F9F; margin-right:10px; padding:3px; }
#helpLinksCont .about a img { border-color:#9F9F9F; }

.helpLinks { float:left; }
.helpLinks div { float:left; margin-right:15px; width:150px; }
.helpLinks div.last { margin-right:0; }
.helpLinks ul { list-style:none; margin:0; padding:0; }
.helpLinks li { margin:0; }
.helpLinks a { color:#E9E9E9; font-family:Helvetica, Arial, sans-serif; display:block; font-size:11px; font-style:normal; padding:6px 10px 4px; text-decoration:none; line-height:11px; border-bottom:1px dashed #0E1F1D; }
.helpLinks a span { font-size:10px; font-style:italic; line-height:16px; }

/* Credits Styles */
#credits { clear:both; color:#717171; font-size:10px; height:79px; padding-top:10px; }
#credits .col1 a, #credits .col2 a { color:#717171; font-family:Helvetica, Arial, sans-serif; padding:0; background:none !important; text-decoration:underline !important; }
#credits .col1 { float:left; line-height:67px; margin:0; padding-left:40px; width:302px; }
#credits .col2 { float:right; line-height:67px; margin:0; padding-right:40px; text-align:right; width:302px; }

#icon { background: none; background-repeat:no-repeat; display:none; float:left; height:67px; padding:0; width:114px; }
#icon, #icon:link, #icon:visited { background-position:0 0; }
#icon:hover, #icon:focus, #icon:active { background-position:0 -67px; }