/*
__________________________________________________________________________________________________________

* SITE STRUCTURE (STRUCTURE/SKELETON GLOBALS, HEADER, NAVIGATIONS, WRAPPER, CONTENT CONTAINERS, FOOTER) *
__________________________________________________________________________________________________________



STRUCTURE/SKELETON GLOBALS
__________________________________________________________________________________________________________

/* affect all selectors */ 
*{
margin: 0;
padding: 0;
}

a{
color: #999;
text-decoration: none;
cursor:pointer;
}

a:hover{
color: #ccc;
text-decoration: underline;
}

a.link-with-arrows{
color: #89a513;
font-size: 11px;
padding-right: 11px;
background: url('../images/buttonArrow.gif') right no-repeat;
display: inline-block;
}

img, a img{
border: none;
text-decoration: none;
}

a:hover img{
text-decoration: none;
}

ul{
list-style: none;
}

h1{
font-size: 40px;
font-weight: normal;
line-height: 44px;
padding-bottom: 12px;
color: #fefefe;
margin-top: -8px;
}

h2{
font-size: 26px;
color: #89a513;
font-weight: normal;
}

h3{
font-size: 22px;
color: #89a513;
font-weight: normal;
}

h4{
font-size: 16px;
color: #89a513;
font-weight: normal;
}

h5{
font-size: 16px;
color: #ccc;
}

h6{
font-size: 11px;
color: #ccc;
}

p{
line-height: 20px;
}

/*
BODY AND WRAPPER
__________________________________________________________________________________________________________
*/

body{
font: normal 12px Verdana, Arial, sans-serif;
background: #000;
color: #999;
}

#wrapper{
width: 968px;
height: auto;
margin: 0 auto 0 auto; 
}

/*
HEADER
__________________________________________________________________________________________________________
*/

#header{
height: 68px;
background-color: #fff;
overflow: hidden;
}

#logos{
width: 432px;
float: left
}

#fuse-logo{
width: 350px;
height: 68px;
margin-left: 54px;
}

#ntara-logo{
width: 164px;
margin-left: 16px;
margin-bottom: 11px;
}

#search-bar{
width: 216px;
height: 18px;
margin: 36px 27px 0 0;
float: right;
}

#search-bar input{
display: block;
float: left;
}

#ctl00_txtSearch{
width: 142px;
height: 12px;
padding: 2px;
border: #828282 solid 1px;
font-size: 10px;
}

#ctl00_ibtnSearch{
width: 66px;
}

/*
CONTENT CONTAINERS
__________________________________________________________________________________________________________
*/

#content{
width: 968px;
height: 100%;
overflow: hidden;
background: #262626;
}

.content-column{
height: 100%;
width: auto;
float: left;
}

#left-column{
width: 600px;
min-height: 600px;
padding: 60px 54px;
background: #191919;
}

#right-column{
width: 200px;
padding: 60px 30px;
}


/*
LEFT COLUMN CONTENTS
__________________________________________________________________________________________________________
*/

.dashed-border{
height: 1px;
width: 600px;
margin: 26px 0 40px 0;
background: url(../images/dashedBorder.gif) no-repeat;
}

/* 
blog entry (used for main and article detail) ----------------------------
*/

.blog-entry{
overflow: hidden;
}

/* all descendents of type div are floated left */
.blog-entry * div{
float: left;
width: auto;
}

.entry-specs{
padding-bottom: 50px;
color: #c7c7c7;
font-size: 11px;
}

.entry-specs span{
color: #88A613;
}

.entry-specs a, .entry-description a{
color: #89a513;
text-decoration: underline;
}

.entry-specs a:hover, .entry-description a:hover{
text-decoration: none;
}

.entry-specs .divider{
height: 11px;
width: 1px;
padding: 0 20px;
background: url(../images/divider.gif) center no-repeat;
}

.entry-specs #date{
width: 80px;
}

.entry-specs #author{
width: 155px;
}

.entry-specs #categories{
width: 250px;
}

.entry-specs #categories li{
list-style: none;
display: inline;
padding-right: 5px;
}

.entry-description img{
float:left; 
margin-right: 20px;
padding-bottom: 20px;
} 

.entry-description p{
padding-top: 4px;
margin-bottom: 28px;
}

.entry-description p.short-description{
height: 120px;
overflow: hidden;
}

/*
page toggle controls --------------------------------------------------
*/


#page-toggle-controls{
margin-top: 60px;
height: 18px;
font-size: 11px;
}

#available-pages a, #available-pages span.selected, .toggle-btn{
height: 15px;
width: auto;
display: block;
border: #999 solid 1px;
background: #191919;
text-align: center;
}

.toggle-btn{
padding-top: 1px;
width: 64px;
float: left;
}

.newer-btn{
margin-right: 16px;
padding-left: 4px;
background: url('../images/leftGreyArrow.gif') 6px 4px no-repeat;
}

.older-btn{
margin-left: 10px;
padding-right: 4px;
background: url('../images/rightGreyArrow.gif') 56px 4px no-repeat;
}

#available-pages a, #available-pages span.selected{
margin-right: 6px;
padding: 1px 4px 0 4px;
width: auto;
float: left;
}

#available-pages a:hover, 
#available-pages span.selected{
background: #88A613;
color: #fefefe;
border-color: #89a513;
text-decoration: none;
}

#page-toggle-controls span.toggle-btn 
{
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50)
}
/*
additional feeds (article detail page) --------------------------------------------
*/

#additional-feeds{
padding-top: 4px;
}

#additional-feeds a{
display: block;
width: 16px;
height: 16px;
overflow: hidden;
text-indent: -9999px;
float:left;
margin-right:8px;
background-position: 0px 0px;
}

div .entry h3.entryTitle 
{
	display: none;
}

.entry-description ul,.entry-description ol { 
margin: 1em; 
margin-left: 2em; 
} 
.entry-description ol li { 
/*giving OL's LIs generated numbers*/ 
list-style: decimal outside;     
} 
.entry-description ul li { 
list-style: disc outside; 
} 

#additional-feeds a:hover{
background-position: -16px 0px;
}

#digg{
background: url(../images/iconDigg.gif) no-repeat;
}

#delicious{
background: url(../images/iconDelicious.gif) no-repeat;
}

#stumble-upon{
background: url(../images/iconStumbleUpon.gif) no-repeat;
}

#facebook{
background: url(../images/iconFacebook.gif) no-repeat;
}

#twitter{
background: url(../images/iconTwitter.gif) no-repeat;
}

/*
related posts ---------------------------------------------

offset margins so that container fills 100% left column
*/

#related-posts{
background: #0e0e0e;
margin: 70px -54px -60px -54px;
padding: 46px 54px 60px 54px;
clear: both;
}

#related-posts img{
display: block;
padding-bottom: 21px;
}

#related-posts ul{
margin-bottom: -12px;
}

#related-posts ul li{
margin-bottom: 12px;
}

#related-posts ul li a{
color: #89a513;
}


/*
RIGHT COLUMN CONTENTS
__________________________________________________________________________________________________________
*/

#right-column div{
margin-bottom: 40px;
}

#right-column p{
line-height: normal;
}

#right-column div a{
color: #89a513;
}

#right-column ul li{
padding-bottom: 2px;
}

#right-column .image-link-container{
margin-bottom: 4px;
height: 16px;
}

#right-column .image-link-container .image-link{
float: left;
width: auto;
}

#right-column .image-link-container .link-with-arrows{
padding-left: 16px;
margin-top: 2px;
}

#connect{
font-size: 11px;
}

#connect ul{
margin-top: 20px;
}

#connect ul li{
height: 15px;
background-repeat: no-repeat;
padding: 1px 0 5px 22px;
width: 78px;
float: left;
}

#connect ul li a{
color: #999;
}

#social-feed{
background-image: url('../images/social_feed.gif'); 
}

#social-linkedin{
background-image: url('../images/social_linkedin.gif'); 
}

#social-facebook{
background-image: url('../images/social_facebook.gif');
}

#social-twitter{
background-image: url('../images/social_twitter.gif');
}

#social-youtube{
background-image: url('../images/social_youtube.gif');
}