/*
Theme Name: JamesKrayer.com
Theme URI: http://jameskrayer.com/
Description: The default theme for jameskrayer.com
Version: 1.1
Author: James Krayer
Author URI: http://jameskrayer.com/
Tags: Self CF

	JamesKrayer.com v1.2
	 http://www.jameskrayer.com/

	This theme was designed and built by James Krayer,
	whose blog you will find at http://jameskrayer.com/
*/

/* TOC
 * Styles For Menubar/Superfish
 * Contact Form Styles
*/


body {font-family: Georgia, "Times New Roman", Times, serif; color: #000000; background-image: url(images/bg_grid1.gif); margin: 0px; padding: 0px; }

/* Sitewide links */
a:link, a:active, a:visited { color: #2066cc; text-decoration: none; }
a:hover {color: #2066cc; text-decoration: underline; }

/* Site Containers */
#container_site {width: 916px; margin-top: 0px; margin-left: auto; margin-right: auto; }
#container_header {height: 184px; position: relative; }
#container_leftcol {background-image: url(images/notepaper_top.gif); background-repeat: no-repeat; position: relative; width: 651px; padding-top: 72px; float: left; }
#container_content {position: relative; background-image: url(images/notepaper.gif); background-repeat: repeat-y; width: 551px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 85px; }
#container_leftcolALT {position: relative; width: 651px; padding-top: 72px; float: left; }
#container_leftcolPROJECT {position: relative; width: 901px; padding-top: 72px;}

#container_contentALT, .container_content_comments {position: relative; width: 551px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 85px;}
#container_rightcol {width: 250px; float: right;}
#container_footer {font-size: .75em; position: relative;}

/* Styles For Header Container 
RSS and Validation Buttons */
.rss_valid {position: relative; top: 20px;}
.rss_valid img {border: none;}
.rss_valid ul {list-style: none; position: relative; left: 45px; margin: 0px; padding: 0px;}
.rss_valid ul li {display: inline; margin-right: 15px;}

/* This is the search Form */
.search_form {background-image:url(images/search_box.gif); background-repeat: no-repeat; background-position: top right; height: 60px; width: 285px; position: absolute; top: 0px; right: 0px;}
#searchform {position: relative; top: 25px; right: 30px;}
#searchform fieldset {border: none; margin: 0px; padding: 0px;}
.searchform_field {border: none; border: 0px; position: relative; top: -3px; left: 15px; background-color: transparent;}
.searchform_searchbtn {margin: 3px 20px 0px 0px;}


/* This is The Main Header Nav & Previous/Next Page Nav 
.nav_primary_div, .Superfish-wrap {position: absolute; top: 89px; left: 310px;}
.nav_primary, .Superfish {font-size: 1.25em; font-weight: bold; color: #474747; list-style: none; margin: 0px; padding: 0px; text-align: right; }
.nav_primary li, .Superfish li {display: inline; margin: 0px 44px 0px 0px; padding: 0px; }
.portfolio_nav, .children { font-size: .8em; font-weight: bold; color: #474747; list-style: none; margin: 0px 0px 0px 10px; padding: 0px; text-align: left; position: absolute; left: 100px; }
.portfolio_nav li, .children li {display: list-item; margin-top: 5px; }

/* Primary Nav links 
.nav_primary li a:link, .nav_primary li a:active, .nav_primary li a:visited, .Superfish li a:link, .Superfish li a:active, .Superfish li a:visited {color: #474747; text-decoration: none;}
.nav_primary li a:hover, .Superfish li a:hover {color: #2066cc; text-decoration: none;} */

/* Multi Page Nav */
.post_page_nav {font-size: 20px; font-weight: bold; list-style: none; position: absolute; right: 0px; margin: 0px; padding: 0px;}
.post_page_nav li {display: inline; margin-left: 20px;}


/* Left Col Content Styles */
#container_content p, #container_contentALT p { padding: 0px; margin: 0px 0px 20px 0px; font-size: .875em; line-height: 140%; }
.content_date  { text-align: center; position: absolute; left: 30px; font-size: 1.1em; width: 30px; }
.article_icon { float: left; margin-right: 10px; }
.cats_tags { font-family: Verdana, Arial, Helvetica, sans-serif; }
.more-link { text-align: right; font-size: 20px; font-weight: bold; margin: 15px 0px 0px 0px; display: block; }

/* Port Category Styles */
.project_image { border: none; }
.project_container_left {width: 207px; float: left; margin: 20px 15px 10px 0px; overflow:hidden;}
.project_container_middle {width: 207px; float: left; margin: 20px 15px 10px 0px; overflow:hidden;}
.project_container_right {width: 207px; float: right; margin: 20px 0px 10px 0px; overflow:hidden;}

/* Article Category Styles */
.page_nav_pos { height: 35px; text-align: right; width: 551px; position: relative; }

/* Port Single Styles */
.project_pic_main { margin: 0px 0px 0px 0px; position: relative; top: -20px; }
.color_key { position: absolute; left: 0px; }
.portfolio_url { font-size: 1.16em; font-style: italic; text-align: right; margin-bottom: 0px; padding-bottom: 0px; }
.services_used_list { margin-left: 10px; }
.services_used_list ul { margin: 0px; padding: 0px; list-style-type: none; }
.services_used_list ul li { margin: 0px 0px 13px 0px; padding: 3px 0px 0px 25px; min-height: 21px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75em; background-image: url(images/check.gif); background-repeat: no-repeat; }
.container_testimonial { width: 450px; margin-top: 20px; margin-right: auto; margin-bottom: 30px; margin-left: auto; background-image:url(images/quotes.gif); background-repeat: no-repeat; }
.testimonial { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-size: .625em; }
.testimonial_credit { font-size: .75em; text-align: right; }

/* Article Single Styles */
.comments_nav { padding: 0px; margin: 10px 0px 10px 0px; text-align: right; color: #474747; font-weight: bold; }

/* Comments Styles */
.pings_list { margin-left: 20px; padding-left: 0px; }
.comment_rss_pingback { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75em; margin: 15px 0px 10px 20px; line-height: 140%; }
.gravatar { position: absolute; left: 0; }
.comment_container { margin-bottom: 20px; }
.comment_top, .comment_top_authcomment { background-repeat: no-repeat; width: 546px; height: 6px; }
.comment_top { background-image: url(images/comment_top.gif); }
.comment_top_authcomment { background-image: url(images/authcomment_top.gif); }
.comment_bottom, .comment_bottom_authcomment { background-repeat: no-repeat; width: 546px; height: 6px; }
.comment_bottom { background-image: url(images/comment_bottom.gif); }
.comment_bottom_authcomment { background-image: url(images/authcomment_bottom.gif); }
.comment_body, .comment_body_authcomment { background-repeat: repeat-y; width: 532px; min-height: 60px; padding: 2px 7px 2px 7px; }
.comment_body { background-image: url(images/comment_body.gif); }
.comment_body_authcomment { background-image: url(images/authcomment_body.gif); }
.user_intro { font-size: .875em; padding-left: 10px; margin-top: 0px; }
.user_said { font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; padding: 0px 10px 0px 10px; }
.user_url { font-size: .875em; font-style: italic; text-align: right; margin-bottom: 0px; padding-bottom: 0px; }

/* Comment Input Form & Contact Form */
.comment_input_form {}
fieldset, form, /* contact Form */ .wpcf7-form  { border: none; margin: 0px; padding: 0px; }
label /* contact Form  .wpcf7, .wpcf7-f1-p78-o1 */ {color: #474747; font-size: 1.25em; margin: 20px 0px 10px 0px; font-weight: bold;}

.required {color: #ff0000;}
.comment_input_p {}
#author, #e-mail, #url, /*contact form */ #your_name, #your_email, #your_subj { position: absolute; background-image: url(images/input_various.gif); background-repeat: no-repeat; width: 194px; height: 21px; padding: 4px 5px 0px 5px; border: none; border: 0px; background-color: transparent; }
#author, #e-mail, #url {left: 200px; }
#your_name, #your_email {left: 80px; }
#your_subj { left: 65px; }
.your-name, .your-email, .your-subj, .wpcf7-form-control-wrap /* span classes surrounding the input for the contact form */ {}
.comment_input_area { background-image: url(images/input_comment.gif); background-repeat: no-repeat; width: 550px; height: 133px; }
#comment, #your_message { padding: 5px; background-color: transparent; border: none; border: 0px; width: 540px; height: 123px; overflow: hidden; }
#submit { color: #474747; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin: 0px; font-weight: bold; border: none; border: 0px; background-color: transparent; }

/* COMMENT FORM VALIDATION STYLES */
.wpcf7-not-valid-tip-no-ajax { font-family: Verdana, Arial, Helvetica, sans-serif; color: red; font-style: italic; font-size: .6em; position: relative; top: 18px; left: -50px; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ng { font-family: Verdana, Arial, Helvetica, sans-serif; color: red; font-style: italic; font-size: .65em; }
.wpcf7-mail-sent-ok { font-family: Verdana, Arial, Helvetica, sans-serif; color: #69bd45; font-style: italic; font-size: .65em; }
/* Sidebar Styles */
.about { font-size: .75em; line-height: 140%; }
.sidebar_article_icon { float: left; border: 0px; margin-right: 3px; }
.subcat_nav { margin: 0px; padding: 0px; list-style: none; }
.subcat_nav li { margin: 0px 0px 10px 0px; padding: 0px; }

/* Footer Styles */
.get_to_top { font-size: 20px; font-weight: bold; position: absolute; right: 0px; top: 0px; }
.copyright { position: relative; top: 6px; }

/* H tag Styles */
h3 { color: #474747; }
.content_title { font-size: 1.6em; color: #474747; margin: 0px; padding: 0px; }
.content_deck { font-size: 1em; color: #474747; margin: 0px 0px 30px 0px; padding: 0px; }
.sidebar_projecth1 { font-size: 1.25em; margin: 0px; padding: 0px; }
.sidebar_articleh1 { font-size: .75em; margin: 0px 0px 15px 0px; padding: 3px 0px 0px 0px; }
.comments_title { color: #474747; font-size: 1.25em; margin: 20px 0px 10px 0px; }
.portfolio_title { color: #474747; font-size: 1em; margin: 20px 0px 10px 0px; }
.category_content_title { font-size: 1em; margin: 5px 0px 20px 0px; padding: 0px; } /*formerly 1.25em and 0.0.20.0 */
.hl_articles, .page_title  { position: relative; top: -20px; color: #474747; font-size: 1.25em; margin: 0px; }
.portfolio_content_title { font-size: 1.6em; color: #474747; margin: 0px 0px 20px 0px; padding: 0px; }
.comments_title span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.comment_subscribe { margin-left: 320px; }
.sidebar_hl { font-size: 1.1em; color: #474747; margin: 20px 0px 10px 0px; }

/* Sitewide Styles */
.clear_div { clear: both; margin: 0px; padding: 0px; }
img { border: 0px; }

/* post image alignments */
.alignnone, .alignleft, .alignright, .aligncenter { border: none; border: 0px; margin: 5px; padding: 0px; }
.alignnone, .alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align: center; }


/********** STYLES FOR MENUBAR/SUPERFISH **********/

/* This is The Main Header Nav & Previous/Next Page Nav */
.Superfish-wrap /* DIV FOR NAV */ {position: absolute; top: 89px; left: 310px; height: 30px;}

.Superfish /* TOP LEVEL UL */ {font-size: 1.25em; font-weight: bold; color: #474747; list-style: none; margin: 0px; padding: 0px; text-align: left; line-height: 1.2; position:relative;}

.Superfish li {float: left; position: relative; margin: 0px 44px 0px 0px; padding: 0px; display:block;}
                                                    /*  0px 44px 0px 0px; */
.Superfish ul /* CHILD OF SUPERFISH */ {font-size: .8em; position: absolute; top: -999em; /* width: 10em; */ list-style:none; margin: 0px; padding: 0px; /* left offset of submenus need to match (see below) */}

/*** ESSENTIAL STYLES ***/
.Superfish /*the LI of a UL within SUPERFISH*/ ul li {width: 100%;}

.Superfish a /* all As in SUPERFISH? */ {display: block; position: relative;}

.Superfish li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}

.Superfish li:hover ul, .Superfish li.wpm-hover ul /*the child UL of a SUPERFISH li that is being HOVERED */ {left: 5px; top: 25px; /* match top ul list item height */ z-index: 99;}

ul.Superfish li:hover li ul, ul.Superfish li.wpm-hover li ul {top: -999em;}

ul.Superfish li li:hover ul, ul.Superfish li li.wpm-hover ul {/*left: 5em; /* match ul width top: 0;*/}

ul.Superfish li li:hover li ul, ul.Superfish li li.wpm-hover li ul {top: -999em;}

ul.Superfish li li li:hover ul, ul.Superfish li li li.wpm-hover ul {/*left: 10em; /* match ul width */ top: 0;}

/*** ARROWS ***/
.Superfish a.sf-with-ul {/*padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}

.sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}

a > .sf-sub-indicator {/* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.wpm-hover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.Superfish ul .sf-sub-indicator { background-position:  -10px 0; }
.Superfish ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.Superfish ul a:focus > .sf-sub-indicator, .Superfish ul a:hover > .sf-sub-indicator, .Superfish ul a:active > .sf-sub-indicator, .Superfish ul li:hover > a > .sf-sub-indicator, .Superfish ul li.wpm-hover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** DEMO SKIN ***/
.Superfish a, .Superfish a:visited  {color:#474747; /* text color 1 */ }

/* .Superfish li li a, .Superfish li li a:visited  {
	color:			#0E4377;			/* text color 2 
} */

.Superfish li {height: 30px; /* background: #1872CA; color 1 */ }

.Superfish li li {height: auto;  /* background: #C6E1FB; color 2 */}

.Superfish li:hover, .Superfish li.wpm-hover, .Superfish a:focus, .Superfish a:hover, .Superfish a:active {text-decoration: none; color: #2066cc; /* background: #55A5F3; color 3  outline: 0; */}

.Superfish li.selected, .Superfish li.current-cat, .Superfish li.current-cat-parent, .Superfish li.current_page_item, .Superfish li.current_page_parent, .Superfish li.current_page_ancestor {/* background: #55A5F3;  color 3 */ }

.Superfish li.right {float: right;}

.Superfish li.right a, .Superfish li.right form {border-left: 1px solid #8EC3F7; /* border color */	border-right: 0;}

.Superfish-after {clear: both; margin: 0; padding: 0; /* background: url('shadow2.png') repeat-x; height: 6px; */}


/****** Contact Form Styles ******/
.div4_jkcf {position:relative; font-size: .9em;} /* Form Div */
.jk_contact_form {border: none; margin: 0px; padding: 0px;} /* Form Class */
.jkcf_input_div {position:relative; margin-bottom: 20px;} /* Div For Each Input */
.jkcf_label {}
.jkcf_input {position:absolute; background-image: url(images/input_various.gif); background-repeat: no-repeat; width: 198px; height: 21px; padding: 5px 0px 2px 7px; border: none; border: 0px; background-color: transparent;} /* Contact Form Inputs */
.jkcf_textarea {background-image: url(images/input_comment.gif); background-repeat: no-repeat; width: 540px; height: 123px;  border: none; border: 0px; background-color:transparent; padding:5px;}
.submit_jkcf {color: #474747; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin: 0px; font-weight: bold; border: none; border: 0px; background-color: transparent;}
.jkcf_error {font-style:italic; color:red; font-size:.8em;}
.sender_name {margin-left:60px;}
.sender_email {margin-left:55px;}
.sender_subject {margin-left:47px;}
/****** END Contact Form Styles ******/