/*
Theme Name: One-Ending
Theme URI: http://one-ending.net
Description: One Ending Graphic & Interactive
Version: 1.0
Author: J. Matt Randall
Author URI: http://one-ending.net
Tags: design, development, graphic, web

	The CSS, XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

/*
BLUE	0066ff
LIGHT	3f8bff
*/

*:active, *:focus, a:focus, input:focus, input, button, textarea { outline:none; }
#slideshow { width:100%; height:100%; padding:0; margin:0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.6em; }
#slideshow a { color:#fff; }

#slideshow #slider { width:100%; height:100%; margin:0 auto -5.4em; left:0; position: relative; padding:0; float:left; background: #000; border-top:1px solid #222; border-bottom:1px solid #222; }
#slideshow .scroll { width:100%; height:380px; padding:0; overflow: hidden; position: relative; clear: left; }
#slideshow .scrollContainer { margin:0; padding:0 70px 0 0; height:100%; float:left; }
#slideshow .scrollContainer div.panel { padding:25px 0 25px 60px; height: 320px; width: 600px; float:left; display:inline; margin:0; }
#slideshow .scrollContainer div.panel a img { }  
#slideshow .scrollContainer div.panel a:hover { border:0; }  

#slideshow ul.navigation { list-style: none; margin: -3.6em 0 0; width:auto; text-align:center; float:right; background:black; padding:2px; border:1px solid #222; }
#slideshow ul.navigation li { display: inline; }
#slideshow ul.navigation a { padding:5px; height:1.8em; width:1.8em; float:left; border:1px solid black; text-decoration: none; background:#222; }
#slideshow ul.navigation a:hover { background:#0066ff; border:1px solid black; }
#slideshow ul.navigation a.selected { background:#000; color:#0066ff; border:1px solid #0066ff; padding:4px; margin:1px; }
#slideshow ul.navigation a:focus { outline: none; }

a.scrollButtons.left, a.scrollButtons.right
{ width:40px; height:380px; background-image:url('images/tab.gif'); background-repeat:no-repeat; text-indent:-999999px; overflow:hidden; cursor:pointer; position:absolute; top:0; }
a.scrollButtons.left { background-position:0 0; left:0; border-right:1px solid #000; }
a.scrollButtons.left:hover { background-position:-40px 0; border:0; border-right:1px solid #000; }
a.scrollButtons.right { background-position:-80px 0; right:0; border-left:1px solid #000; }
a.scrollButtons.right:hover { background-position:-120px 0; border:0; border-left:1px solid #000; }

#slideshow .hide { display: none; }
#slideshow .scroll .panel a img { border:4px solid #222; padding:1px; background:black; cursor:pointer; }
#slideshow .scroll .panel a:hover img { border:4px solid #0066ff; padding:1px; background:black; }

#slideshow .scroll .panel a img { -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#slideshow ul.navigation, #slideshow ul.navigation a { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#slideshow ul.navigation a { -moz-border-radius: 2px; -webkit-border-radius: 2px; }

a:focus, a:active, a:hover, a:link, a { outline: none; }

a.nbox img, .border { border:0px solid #222; padding:10px; margin:0 0 1em; width:715px; background:#121212; }
.single { display:none; }
h3.post-title a, h2.blue { font-size:13px; letter-spacing:.5px; font-weight:100; text-transform:uppercase; color:#fff; background:#0066ff; padding:2px 20px; }
h3.post-title a { float:left; }
h3.post-title a:hover { color:#0066ff; background:#000; border:1px solid #0066ff; padding:1px 19px; }
.col-580 { width:580px; font-size:.8em; }

.post-info { font-size:13px; font-weight:100; padding:2px 20px; float:right; }
.post { border-top:1px dotted #222; border-bottom:1px dotted #222; padding:8px 1px 6px 1px; }
.post a.nbox:hover { border:0; }
.post-intro p { padding:10px 20px; }
.post-intro .still p { width:auto; margin:auto; padding:0; }
.continue-reading { padding:0 0px; }

ul, li { list-style:none; }
#sidebar ul li { font-size:.8em; line-height:2em; }
h5.widgettitle { font-size:1.4em; color:#0066ff; }
li.blue h5.widgettitle { font-size:1.4em; }
.blogroll a, .cat-item a { font-size:1.2em; }
.blogroll li, li.cat-item { padding:.1em 0; }
a.white, a.white span, .blogroll a, .cat-item a { color:#fff; }
a.white:hover, a.white:hover span, .blogroll a:hover, .cat-item a:hover { color:#666; border-bottom:1px dotted #666; }
#footer a.white:hover { border:none; }

ul#my_info { font-size:1em; float:left; margin:.4em 0 0; }
/* ul#my_info li { height:2em; } */
ul#my_info li span { width:48px; float:left; }
ul#my_info li.clear { width:100%; height:2.4em; display:block; clear:both; }

.round { background:#111; padding:4px; border:1px solid #222; }

#service_list ul { width:200px; float:left; font-size:.8em; margin-left:20px; }
#service_list ul li { padding-left:20px; }
#service_list ul li.title { color:#0066ff; font-style:italic; padding:0; }

#disclaimer_pg { font-size:.6em; width:472px; margin:0 0 0 36px; float:left; text-align:justify; }
#disclaimer_pg h3 { color:#0066ff; margin-top:1em; }
#table_of_contents { list-style:decimal; float:left; margin:0 0 0 36px; width:224px; font-size:.8em; }

html, body { background:url(images/bg.gif) repeat 0 0 black; color:#fff; cursor:default; }
a { color:#0066ff; }
a:hover { border-bottom:1px dotted #0066ff; }
hr { width:100%; height:0; padding:0; background:black; border-top:1px solid black; border-bottom:1px solid #222; border-left:0; border-right:0; }

#container { background:url(images/grad.png) repeat-x; width:100%; height:auto; float:left; }
#wrap { width:960px; margin:0 auto; border:0px solid #333; padding:0 20px; }
#sidebar { font-size:.8em; width:160px; float:right; display:block; }
#main_content { width:740px; float:left; font-size:1em; line-height:1.4em; padding:20px; background:#000; border:1px solid #222; }
#main_content .ind { width:100%; margin:0; padding:0; font-size:.8em; float:left; }

.blue { color:#0066ff; }
.clear { display:block; clear:both; display:block; width:100%; }
.left { float:left; }
.right { float:right; }

#header ul#navigation { float:left; width:960px; height:2.8em; }
#header ul#navigation li { float:left; display:inline; }
#header ul#navigation li a { width:98px; height:40px; float:left; display:inline; text-align:center; color:#fff; padding:36px 0 0 0; font-size:.6em; text-transform:uppercase; }
#header ul#navigation li a:hover { background:url(images/bg.gif) center; color:#0066ff; border-bottom:1px dotted #0066ff; }
#header ul#navigation li.current a { border-bottom: 1px solid #0066ff; }
#header ul#navigation li.current a span { padding:0 0 4px 0; }
#header ul#navigation li.none a:hover { background:none; }

#header ul#navigation li.none a#logo { float:left; width:180px; height:40px; background:url(images/logo.png) 4px 36px no-repeat; overflow:hidden; text-indent:-1000%; }
#header ul#navigation li.none a#logo:hover { border:0; }
#header ul#navigation li.none a#logo2:hover { background:url(images/logo.png) -180px 36px no-repeat; border:0; }

#header ul#navigation li.div { width:2px; height:80px; float:left; background:url(images/div.gif) no-repeat; }

input#s { float:left; width:108px; margin:34px 4px 0 16px; background:url(images/icn_search.gif) no-repeat 8px 5px black; border:1px solid #222; color:#666; font-size:.6em; padding:4px 4px 4px 24px; }
input#s:focus { background:url(images/icn_search.gif) no-repeat 8px 5px #111; }
input#go { margin:35px 0 0 -4px; padding:0 3px; border:1px solid #333; color:#666; background:#333; cursor:pointer; font-size:14px; line-height:16px; text-align:center; }
input#go:hover { color:#fff; background:#666; border:1px solid #666; }

#contact_form input, #contact_form textarea, textarea#comment
{ background:black; padding:4px; border:1px solid #222; color:#666; width:320px; }
#contact_form textarea, textarea#comment { height:10em; }
#contact_form input:focus, #contact_form textarea:focus, textarea#comment:focus { background:#111; }
#contact_form, textarea#comment { font-size:.8em; float:right; padding:0 20px; margin:0; width:auto; border-left:0px solid #222; }
#contact_form .submit input, input.submit-comment { padding:.4em 1.2em; float:right; border:1px solid #0066ff; color:#fff; background:#0066ff; height:24px; width:64px; cursor:default; font-size:9px; letter-spacing:1px; cursor:pointer; }
#contact_form .submit input:hover, input.submit-comment:hover { color:#0066ff; background:#000; }
input.submit-comment { float:left; margin-top:10px; }

.comment-wrap { margin:20px; border-top:1px solid #333; padding-top:10px; }

#contact_form .captcha { margin:1em .4em 0; border-bottom:1px dotted #0066ff; }

.box_lg { width:100%; background:black; float:left; border-top:1px solid #222; border-bottom:1px solid #222; }

.box_med { width:auto; padding:30px 24px; width:332px; background:black; border:1px solid #222; float:left; line-height:1.6em; font-size:.84em; }
.box_med h2 { font-size:1.6em; }

.box_sm { width:auto; padding:.4em 1.6em; background:black; border:1px solid #222; float:left; }

.box_med a, .box_sm a { color:#0066ff; padding-bottom:2px; }
.box_med a:hover, .box_sm a:hover, ul#contact_me li#status a:hover { color:#0066ff; }
 ul#contact_me a:hover { color:#666; }

ul#contact_me { float:left; margin-left:24px; font-size:.8em; }
ul#contact_me a { color:#fff; }
ul#contact_me .box_sm { width:132px; margin-bottom:.2em; }
ul#contact_me li#phone, ul#contact_me li#email, ul#contact_me li#rss { height:2.2em; font-size:.8em; float:left; clear:left; display:block; padding-left:2.2em; }
ul#contact_me li#phone { background:url(images/icn_phone.gif) 0 4px no-repeat; }
ul#contact_me li#email { background:url(images/icn_email.gif) 0 5px no-repeat; }
ul#contact_me li#rss { background:url(images/icn_rss.gif) 0 5px no-repeat; }
ul#contact_me li#status a { color:#0066ff; }

ul#pagination { background:#111; border:1px solid #222; width:348px; float:right; margin:92px 0 0 0; padding:4px; }
ul#pagination li a { padding:4px; float:left; font-size:.6em; background:#222; color:#fff; width:18px; text-align:center; margin-right:1px; }
ul#pagination li a:hover { background:#0066ff; color:#fff; }
ul#pagination li a.current { color:#0066ff; }
ul#pagination li a.current:hover { color:#fff; }
ul#pagination li.go a { background:none; width:25px; padding:4px 6px; }
ul#pagination li.go a:hover { color:#0066ff; background:none; }

#slideshow_box { overflow:hidden; width:100%; float:left; margin:1em 0; padding:1em 0; }
#slideshow_box .crop { width:10000px; float:left; }
#slideshow_box a { border:8px solid #111; margin:0 12px 0 24px; padding:1px; float:left; display:inline; }
#slideshow_box a img.dim { filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; }
#slideshow_box a img.dim:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

#footer { width:100%; float:left; clear:both; display:block; font-size:9px; text-transform:uppercase; margin:0 auto; color:#333; }
#footer .containme { margin:0 auto; width:960px; }
#footer .containme div a { color:#333; border-bottom:1px dotted #333; }
#footer .containme div a:hover { color:#fff; border-bottom:1px dotted #fff; }

#footer .containme a#disclaimer, #footer .containme a#sitemap, #footer .containme a.rss { float:left; padding:0 18px; color:#fff; }
#footer .containme a#disclaimer:hover, #footer .containme a#sitemap:hover, #footer .containme a.rss:hover { color:#0066ff; }
#footer .containme a#disclaimer { background:url(images/icn_doc.gif) 0 4px no-repeat; }
#footer .containme a#sitemap { background:url(images/icn_sitemap.gif) 0 4px no-repeat; }
#footer .containme a.rss { background:url(images/icn_rss.gif) 0 5px no-repeat; }
#footer .containme div.copyright { float:left; display:inline; width:600px; text-transform:none; margin:0 0 0 20px; }

/* Easy Tooltip */
#easyTooltip { padding:0 1em; border:1px solid #222; background:black; color:#0066ff; font-size:.6em; margin:-16px 0 0 -24px; }
					
/* Rounded Corners */
#main_content, input#s, #easyTooltip, .box_med, .box_sm, ul#pagination, #slideshow_box a, input, textarea, .round, a.nbox img, .border { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input#go, h3.post-title a, h2.blue { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Spacers */
.spacer_sm { width:100%; height:1em; clear:both; display:block; }
.spacer_med { width:100%; height:2em; clear:both; display:block; }
.spacer_lg { width:100%; height:4em; clear:both; display:block; }

/* Clearfix
/* -------------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

p.submit input, input#go { text-transform:uppercase; }

#jquery-lightbox a, #jquery-lightbox a:hover, #jquery-lightbox a img { border:0; }