/* Begin Shared Styles */
#section-2 {
width: 640px;
}

#section-1 {
display:none;
}

#section-2 .kicker {
font-size:18px;
color:#000;
font-weight:500;
}

#section-2 .additional {
position:relative;
}

#section-2 .record img {
margin:0;
}

#section-2 .record .image {
float:left;
margin-left:0;
}

#section-2 .record .properties {
font-size:11px;
color:#000;
}

#section-2 .record h1, .record h1,
.record .headline {
	font-size: 28px;
	color: #1e1e1e;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-weight:500;
}

#section-2 .record .sub-headline {
font-weight:700;
font-size:14px;
line-height:18px;
}

#section-2 .record .type {
border-right:1px solid #ccc;
padding-right:4px;
margin-right:4px;
}

#section-2 .record .abstract,#section-2 .record .body {
color:#636363;
font-size:88%;
padding-bottom:15px;
width:auto;
line-height:120%;
}

/*
 * Set display to table on unordered list, this fixes
 * an issue when the list is next to a floated element,
 * setting the bullet next to the content instead of behind
 * that floated element.
 */
#section-2 .body ul { display: table }

#section-2 .record .comment-count {
padding-left:20px;
padding-top:5px;
float:right;
}

/* Begin Article Author */
/* Begin Article Print */
/*  Begin Article Show */
#subscribeBannerLarge {
text-align:center;
background-image:url('/images/article/subscribeBanner.gif');
height:27px;
width:100%;
padding-top:10px;
font-weight:700;
margin-bottom:10px;
}

#subscribeBannerSmall {
    background-image: url("/images/article/subscribeBannerSmall.gif");
    background-repeat: no-repeat;
    font-weight: 700;
    height: 37px;
    padding-top: 10px;
    text-align: center;
    width: 480px;
    margin: 10px auto;
}

/* Start Recent Articles */
.recent-article {
margin-bottom:10px;
}

.recent-article .record {
padding:4px 0;
}

.recent-article .record h2,.recent-article .record h1,.recent-article .record .headline {
font-size:14px;
font-weight:700;
line-height:30px;
margin-bottom:0;
margin-top:0;
}

.recent-article .author_image {
float:left;
padding-right:10px;
margin:10px 0;
}

.recent-article .author_bio {
font-size:12px;
margin:10px 0;
}

/* End Recent Articles */

/* Start Image Scroller 
 prev, next, prevPage and nextPage buttons */
a.browse {
background:url(/images/icons/arrows.gif) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
cursor:pointer;
font-size:1px;
margin:55px 10px;
}

/* right */
a.right {
background-position:0 -30px;
clear:right;
margin-right:0;
}

a.right:hover {
background-position:-30px -30px;
}

a.right:active {
background-position:-60px -30px;
}

/* left */
a.left {
margin-left:0;
}

a.left:hover {
background-position:-30px 0;
}

a.left:active {
background-position:-60px 0;
}

/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.*/
.image-gallery {
position:relative;
overflow:hidden;
width:530px;
height:100px;
float:left;
margin-top:20px;
padding-top:0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.*/
.image-gallery .records {
width:20000em;
position:absolute;
clear:both;
}

/* single scrollable item */
.image-gallery .gallery-item {
float:left;
background-color:#fff;
border:1px solid #989898;
cursor:pointer;
width:100px;
height:75px;
overflow:hidden;
margin:10px 5px 10px 24px;
padding:0;
}

/* active item */
.image-gallery .active {
border:2px solid #000;
z-index:9999;
position:relative;
padding:0;
}

#image-wrap {
display:block;
}

/* the caption that shows under each image in a slideshow */
#photo_title {
font-size:10px;
width:602px;
min-height:30px;
background-color:#ddd;
padding:5px;
}

#subscribeBannerLarge a,#subscribeBannerSmall a {
color:#fff;
}

.image-gallery img,.image-gallery .image {
margin:0;
padding:0;
}

form#new_comment_form  input.button {
    background-color: #1098B6;
    background-image: none;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 3px 3px 4px #CCCCCC;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 10px 0 0;
    padding: 6px 8px;
    text-shadow: 0 -1px 0 #81592A;
margin-top:10px;
}


form#new_comment_form  input.button[type=reset]{
background-color:#888888;
}