/* 
Theme Name:  Office Forward 2.0 Theme
Theme URI:  http://designrjc.com
Description:  This is version 2.0 of Office Forward.
Author:  RJC
Author URI:  http://designrjc.com
Tags:  office forward theme, easy access, quick reading, clean layout
*/

@import "style/css/layout.css";
@import "style/css/reset.css";
@import "style/css/typography.css";


/* TOOLS */
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

/* TYPOGRAPHY */

body {max-width: 108em; height: 100%;margin: 0 auto; font-size:0.8em;font-family: Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;background: none;}

h1, h2, h3, h4, h5, h6 {font-family: Trebuchet, Tahoma, Arial, sans-serif;}

h1 {font-size:36px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;font-weight: bold;}
h5 {font-size:14px;}
h6 {font-size:12px;}

ol {margin: 10px 0;}

a {color: #000; text-decoration: none;background: #d9d9d9;}
a:visited {color: #000;background: none; text-decoration: underline;}
a:hover {background: #999;}

.gallery a, .attachment a {border: none;background: none;}

.nostyle a {border-bottom: none;margin: 10px 0;}

/* PAGE STRUCTURE */
#wrapper {width: 90%;min-width: 990px;margin: 0 auto;position: relative;}

/* NAVIGATION STYLING */
#nav {position: absolute;z-index: 99;text-align: center;width: 100%;display: block;}

.navbg {display: block;height: 32px;width: 100%; background: #333;border-bottom: 3px solid #f15a24;}

#nav ul {margin:0;padding:0;list-style: none;}

#nav li {width:150px;position: relative;float: left;}

#nav ul li ul li {float: none;}

#nav ul li ul {display: none;}

#nav ul ul ul {position: absolute;left:149px;top:0;}

#nav ul li a {display: block;text-decoration: none;color: #fff;background: #333;padding:5px;border-top: 1px solid #222;border-bottom: none;}

#nav ul li a:hover {background: #777;}

#nav li:hover > ul {display:block;}

/* SEARCH */
#searchform {padding: 3px 0;}
.searchfield {padding: 3px;}

/* HEADER */
#header {width: 100%;position: relative;top: 31px;padding: 20px 0;display: block;margin-bottom: 35px;}

#header h4 {margin-left: 10px;}

#headerImg {}

.logo {background: url(images/logo.png) no-repeat;width: 393px; height: 64px;text-indent: -9999px;margin-left: 10px;}

.logo a {border:none;width: 393px; height: 64px;display: block;}

.logo a:hover {background: none;}

/* MAIN */
#youTube {width: 350px; margin: 15px auto;}
#tab-1, #tab-2, #tab-3 {background: #666;}
/* FEATURED */
.slide a:hover .desc {display: block; width: 380px; position: absolute;bottom: 0; padding: 10px; background: #111;color: #fff;text-align:center; font-weight: bold;filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/}

/* VIDEOS */
#pictureForwards {display: block; float: left;margin-right: 10px;}
#videoForwards {display: block; float: left;margin-left: 10px;}

/* POST CONTENT */
#content {width: 63%;,min-width: 600px;background: none;float: left;margin: 5px 5px 0 0;overflow: hidden;padding: 5px;}
.theContent {padding: 0 75px 0 10px;}
.theContent h3 {padding: 10px 0 0;border-bottom: 2px solid #f15a24;display: block;}
.theContent p {padding: 10px 0;}
.theContent p img {padding: 3px; border: 1px solid #ccc;}
.theContent ul {padding: 5px 0;}
.theContent li {list-style-type: disc;margin-left: 30px;padding: 2px 0;}
.theContent ol li {list-style-type: decimal;}
.border {margin: 5px 0;padding: 5px;background: #f9f9f9;border: 1px solid #eee;}
.postmetadata {display: block;list-style: none;margin: 4px 0 12px;padding: 0 0 9px;}
ul.postmetadata li {border-right: 1px solid #e6e6e6;float: left;padding: 0 8px;}
.postmetadata a:visited {text-decoration: none;}
.post {margin-left: 115px;padding: 0 50px 5px 10px;}
.post ul li a {border: none; background: none;}
.post ul li a:hover {background: #333; color: #fff;}
.postImage {width: 100px; border: 1px solid #9e9e9e;padding: 2px;float: left;}
.wp-caption-text {font-size: 10px;padding: 5px 0;}
.authorPost {background: #f5f5f5;margin: 5px 0;}
.authorPost img {float: left; margin-right: 15px;padding: 2px; border: 1px solid #1a1a1a;}
.authorPost p {padding: 5px 0;}

/* PAGE CONTENT */
.pageImage {width: 150px;border: 1px solid #9e9e9e;padding: 2px;float: left;}
.pageContent {margin-left: 160px;padding: 5px 75px 5px 10px;}
.pageContent p {padding: 5px 0;}
.pageContent li {list-style-type: disc;margin-left: 30px;}

/* SIDEBAR */
#sidebar {width:350px;background: none;float: right;margin-top: 10px;display: block;position: relative;}
.sidebarAd li {float: left;margin: 2px 14px;}
.sidebarAd a {border: none;}
.sidebarAd a:hover {background:none;}
.social ul {margin: 3px 0;}
.social ul li {float: left;padding: 2px 12px;}
.social a {border:none;}
.login {background: #1a1a1a; color: #c7c7c7;text-decoration: none;display: block;padding: 10px;padding-left: 30px;}
.login a {background: none;border: none;color: #fff;}
.login a:hover {color: #666;}
#log, #pwd {margin: 5px 0;}

/* TABVIEW */
.yui-navset { 
    background: #fff; 
    padding: 5px 5px 3px 5px; 
    margin-bottom: 35px; 
}

.yui-nav li 
{ 
    list-style: none; 
    float: left; 
    margin-right: 2px; 
    text-align: center; 
    font-size: 90%; 
    font-weight: bold; 
} 
 
.yui-nav li a 
{ 
    text-decoration:none; 
    color: #c7c7c7; 
    display: block; 
    padding: 8px; 
    border-bottom: none;
    background: #828282;
} 
 
.yui-nav li.selected a { 
    background: #1a1a1a !important; 
} 
 
.yui-nav li a:hover 
{ 
    color: #fff; 
    background: #545454;
}

.yui-content { 
    background: #1a1a1a; 
    clear: both; 
}

.tab-list li { 
    padding: 8px; 
    border-bottom: 2px solid #E8F4FD; 
}

.yui-content li {border-bottom: 1px solid #111;border-top: 1px solid #222;color: #b7b7b7 !important;display: block;padding: 5px 6px !important;}

.yui-content li a {background: none;border-bottom: none;color: #cdcdcd !important;font-size: 11px; text-decoration: none;}

.yui-content li a:hover {background: none;color: #fff !important;}

/* Comments */
.commentPage {
	background: #fff;
	padding: 5px 5px 5px 10px;
	}	
	
.commentlist li {
	list-style-image: none;
	list-style-position: none;
	position: outside;
	list-style-type: none;
	margin: 15px 0 10px;
	padding: 10px 5px 10px 10px;
	}
	
.even, .alt {
	border: 1px dotted #bbb;
	background: #eee;
	}

.commentlist li .avatar {
	border: 1px solid #ccc;
	margin: 0 5px 0 10px;
	padding: 5px;
	}

.avatar {width: 64px;height: 64px;float: right;}	
	
.commentlist cite {
	font-size: 0.8em;
	font-weight: bold;
	}
	
.says {
	font-size: 0.8em;
	font-weight: bold;
	}
	
.reply {clear: both;}

.comment-body p {padding-right: 90px;}

/* FOOTER */
#footer {display: block; background: #1a1a1a;color: #f1f1f1;border-top: 1px solid #aaa;margin-bottom: -20px;}
#footer a {background: none;border: none;color: #f1f1f1;}
#footer a:hover {text-decoration: underline;}
#footer a:visited {text-decoration: none;}
#footer-inner {margin: 0 auto;max-width: 108em;padding: 45px 20px 35px;}
.footercontainer {margin: 0 auto; min-width: 990px; width: 80%;}
#footerlogo {background: url(images/footer-logo.png) no-repeat;display: block;width: 251px; height: 83px;float: right;margin-top: -125px;}
.col {float: left; width: 185px;}
#categories a:hover, #information a:hover, #connect a:hover {text-decoration: underline;}
#copyright {border-top: 3px solid #f15a24;padding: 15px 0 12px;text-align: center;background: #333;color: #fff;}
#copyright a {background: none;color: white;}
#copyright a:hover {text-decoration: underline;}