/*
Theme Name: f5rock
Theme URI: http://f5rock.com
Description: F5's Rockin' theme 

Author: Clayton D. Felt
Author URI: http://claytonfelt.com
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
ul, div  {position:relative;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a:link, a:visited {color:#eee;}
a:hover {text-decoration:underline;background-color:#CDC122;color:#000;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
body {font-size:62.5%;background: #000;color:#eee;}
img.source-image {
	width: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
p {margin-bottom:1.4em;}
em strong {font-size: 1.8em;font-weight: bold;margin-bottom: 0.3em;}
.clear {clear:both;}
h1, h2, h3, h5, h5, h6 { font-weight:bold }

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.left {float:left;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/*------------------------------- header -------------------------*/
#header       {background: black;padding-bottom:4px;margin-left:150px;}
#box          {width:1000px;margin: 0 auto;}

#logo         {position:absolute; left:0;top:0;}
#header h1    {text-indent:-9999px;float:left;}
#header h1 a, #header h2 a {font-family:Helvetica,Arial,sans-serif;font-size:3.5em;font-weight:bold;margin: 0 0 0 0px;
                            text-decoration:none;color:#e2e2e2;}
#header h2 a {font-size:1.5em;margin:0 0 0 10px;}

#header a:hover, 
#header a {background:none;}

#title  {text-align:left;margin:0 0 5px 110px;z-index:10;position:relative;z-index:10;}
#title h1, #title h2 {float:left;display:block;}
#title h2   {line-height:45px;}

#blogroll {background:#222; border-top:1px solid #666;padding-bottom:1px;}


#blogroll ul {width:1000px; margin:5px auto;}
#blogroll ul li  {list-style:none;float:left;color:black;background:#222;margin:0 5px;}
#blogroll ul li a  {color:white;text-decoration:none;display:block;padding:5px 5px;border:1px solid #444;
                    font-family:Helvetica,Arial,sans-serif;font-size:1.1em;}
#blogroll ul li a:hover {background-color:yellow;color:black;}

#blogroll form {margin:5px;float:left;}
/* subpages */
#header ul li  ul {position:absolute;left:-.3em;top:2.6em;z-index:100;display:none;width:15em;}
#header ul li ul li {float:left;width:15em;z-index:100;}
/*------------------------- page nav in sidebar -----------------*/
#sidebar {float:left;position:relative;width:140px;font-size:1.2em;line-height:1.6em;
          font-family:Verdana,Arial,Helvetica,sans-serif;letter-spacing:-1px;}
#page-nav {width:140px;}


#page-nav  li{list-style:none;background-image:url(images/line-red-org.gif);background-position:bottom left;
            background-repeat:no-repeat;padding-bottom:14px;}
#page-nav li a {color:#eee;text-decoration:none;-moz-border-radius: 2px;-webkit-border-radius:2px;
               padding:1px 3px;     font-family:Helvetica,Arial,sans-serif;}
#page-nav li a:hover {background-color:#FFF029;color:#222;}
#page-nav li.current_page_item a {background: #FFF029; color:#222;}

#sidebar a:hover {background:none;}
#sidebar a img {margin:5px;}

/*--------------------------------front page --------------------------*/
#front-page-about {width:600px;font-family:Helvetica,Arial,sans-serif;margin:20px 0 0 60px;
    font-size:1.2em;}
#front-page-image  {float:left;width:800px;}

/*--------------------------------- page -------------------------------*/
#page-wrap {width:990px;margin:0 auto;font-size:1.1em;line-height:1.6em;background:#000;margin-bottom:10px;}
#content {float:left;font-family:Helvetica,Arial,sans-serif;width:830px;display:inline;background:#000;}
.post {margin: 10px;background:#000;}
.post h2, .post h2 a {color:#ddd;font-size:1.3em;font-weight:bold;margin:0 0 10px 0;text-decoration:none;}
.post h2 a:hover {text-decoration:underline;color:#222;}
.post-date{margin:0 0 5px 20px;}
.post-content {margin:0px 0 5px 20px;font-size:1.2em;}
.post-info {background:#333;padding:5px;margin:20px 10px 10px 10px;}
.post-info p {margin-bottom:0;}
.post img {display:block;}

#prev-link{float:left;margin:0 0 20px 20px;}
#next-link{float:right;margin:0 20px 20px 0;}
.inside-post {min-height:150px;}
.attachment-post-thumbnail,
.post-thumbnail {margin:5px 10px 5px 5px;padding:5px;background:#f0f0f0;border: 1px solid #c0c0c0;}
.post-thumbnail-anchor {padding:1px;float:left;}
#page_numbers {margin:10px;}
#video-title {font-size:30px; color #333;font-weight:bold;letter-spacing:-2px;margin:5px;}
/*----------------------------- Sidebar -----------------------------*/
#sidebar .dynamic {float:right;position:relative;width:240px;font-size:1.2em;line-height:1.6em;
          background:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;letter-spacing:-1px;-moz-border-radius: 5px;
          -webkit-border-radius:5px;}
#sidebar .dynamic li{border:1px solid #cfcfcf;background:#f0f0f0;margin: 10px;}
#sidebar .dynamic li ul {margin:5px;}
#sidebar .dynamic li ul li ul {margin:0 5px;}
#sidebar .dynamic li ul li{border:none;}
#sidebar.dynamic li ul li {margin:0px;line-height:1.2em;}
#sidebar .dynamic li ul li a:link,#sidebar li ul li a:visited {text-decoration:none;color:#222;}
#sidebar .dynamic li ul li a:hover {background:lightblue;}
#sidebar .dynamic li h2 {text-align:center;}
#sidebar .dynamic li div{text-align:center;margin:3px;}
#sidebar .dynamic li div ul{text-align:left;}

.widget_search form {margin:3px;}
.widget_search form label{display:block;}
/***** Calendar *****/
#wp-calendar { text-align: center; background: #eee; margin: 0 0 10px 20px;padding: 0; width: 80%; }
#wp-calendar td {  }
#wp-calendar td a { display: block; font-weight: bold; }
#wp-calendar #prev a {   }
#wp-calendar #next a {   }
#wp-calendar #today { background: #600000; color: #e6ddbc;  }
#wp-calendar #today a { color: #463e35; font-weight: 700; }
#wp-calendar caption {  text-align: center; width: 80%; margin: 5px 0 5px 20px;font-size:1.2em;    }


/* Comments*/
#comments  {margin:10px;font-size:1.4em;}
.commentlist {margin: 0 25px 0 0;padding: 0;}
.commentlist li {margin: 15px 0 3px 15px;padding: 5px 10px 3px 10px;list-style: none;background:#111;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;margin: 10px;background: #000;}
.commentlist p {margin: 10px 5px 10px 0;}
.replycomment a{color: #999;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {}
.commentmetadata a {color: #eee;}
.commentmetadata a:hover {color: #555;}
.commentsnavigation {padding: 20px 20px 30px 0;}
.commentlist ul.children li {background-color: #e3e3e3;}
.commentlist ul li.depth-2 {background-color: #222;}
.commentlist ul li.depth-3 {background-color: #111;}
.commentlist ul li.depth-4 {background-color: #222;}
.commentlist ul li.depth-5 {background-color: #111;}
#respond {margin:10px 10px 10px 30px;}
#respond textarea, #respond input {background:#bbb;}

/*----------------------------- Footer ------------------------------------*/
#footer								{ color:white;height: 200px; background: black; padding-top: 20px;
               font-family:Helvetica,Arial,sans-serif;font-size:1.2em;}
#footer-inside						{ width: 960px; margin-left: 100px }
#footer p							{ color: #ddd; }
#footer-1							{  float: left; margin: 0 130px 0 100px; }
#footer-2							{ width: 260px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a	,#footer h4 						{ color: #ddd; }
#footer ul							{ color:#ddd; }

/*-------------------------------- Slider -------------------------------*/
#index-top {margin:10px 0 0 100px;}

/*---- ngg gallery ----*/
.slideshowlink {text-decoration:none;font-size:.9em;}

.ngg-albumoverview a:link,
.ngg-albumoverview a:visited {text-decoration:none;font-size:.9em;}
div.ngg-galleryoverview {margin-top:0;text-align:left;}
div.slideshow  {width:640px;margin:0;}
.slideshowlink {margin-bottom:5px;}
a.slideshowlink:link,
a.slideshowlink:visited {background:#fff029;-moz-border-radius:3px;color:#000;padding:2px 5px;}
a.slideshowlink:hover {background:#aaaaaa;text-decoration:none;}