/* Template Name: Hemispheres Magazine  */
@import url("reset.css");

html {
margin:0px;
padding:0px;
}

a:link, a:visited {
text-decoration:none;
color:#000;
}

body {
background-color:#fff;
font-family: Helvetica, Arial, sans-serif;
}

#background {
width:1000px;
margin:15px auto;
background-image:url(images/theme/gridBackground.gif);
background-position:top left;
background-repeat: repeat-y;
}

.topbg {
background-image:url(images/theme/topBackground.gif);
background-position:bottom left;
background-repeat:no-repeat;
height:10px!important;
background-color:#fff;
}

.botbg {
background-image:url(images/theme/botBackground.gif);
background-position:top left;
background-repeat:no-repeat;
height:10px!important;
background-color:#fff;
}

#wrapper {
width:980px;
margin:0px 10px 0px 10px;
}
#header {
border-top: 20px solid #cccaca;
border-left: 20px solid #cccaca;
border-right: 20px solid #cccaca;
background-image:url(images/theme/border_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
width:908px;
padding:15px 15px 25px 15px;
margin-bottom:30px;
}
#HemispheresMainLogo a {
display:block;
background-image:url(images/theme/hemispheresLogo.png);
background-repeat:no-repeat;
width:362px;
height:71px;
}

#latestCover {
position:absolute;
margin-left:735px;
margin-top:-122px;
}

.redIssue {
position:absolute;
color:#dd0d27;
margin-left:580px;
font-size:11px;
text-transform:uppercase;
}

#navbar {
margin-top:15px;
border-top: solid 3px #000;
padding-top:4px;
}
#navbar li {
float: left;
margin-right:15px;
display: block;
}
#navbar li a {
display: block;
font-weight:bold;
text-transform:uppercase;
font-size:15px;
}

#navbar li ul.case {
	display: none;
	z-index:999;
	border: 1px solid #ccc;
	border-bottom:none;
	margin-left:-190px;
	width: 900px!important;
	background:#fff;
	padding:10px;
}
#navbar li:hover .case, #navbar li.hover .case {
	display: block;
	position: absolute;
}

#navbar li:hover li a, #navbar li.hover li a {
background-color: #fff;
border-bottom: 1px solid #ccc;
height:15px!important;
font-size:11px;
width:145px;
padding:10px!important;
margin:0px!important;
}
#navbar li li a {
color: #9999;
}
#navbar li li a:hover {
background-color: #000;
color:#fff;
}

#search {
position:absolute;
margin-top:75px;
margin-left:624px;
float:right;
font-size:11px;
}

#s{
	font-family: Helvetica, Arial, sans-serif!important;
	border:none;
	color:#000;
	border:0!important;
	font-weight:bold;
	float:left;
	height:16px;
	width:292px;
	padding:5px 3px 6px 25px;
	background-image: url(images/theme/searchbg.gif);
	background-repeat: no-repeat;

}

#s:focus{

}


#sbottom {
border:none!important;
float:right;
}

#Content {
width:630px;
margin-bottom:15px;
float:left;
margin-left:15px!important;
}

#sidebar {
width:300px;
float:right;
margin-right:18px;
margin-left:15px;
margin-bottom:20px;
}

#threePPD {
	padding:10px;
	border:1px solid #edecec;
	margin-bottom:20px;
}

#threePPD:hover {
border: 1px solid #fff;
}

.mainBigTitle,  .mainTitle  {
margin-bottom:3px!important;
}

.mainBigTitle a {
display:block;
padding:3px;
margin-bottom:0px;
font-weight:bold;
font-size:22px;
margin-top:1px!important;
background-color:#e8eaec;
border-bottom: 2px solid #676767;
}

.mainTitle a {
display:block;
padding:3px;
margin-bottom:0px;
font-weight:bold;
font-size:15px;
margin-top:-3px!important;
background-color:#e8eaec;
border-bottom: 2px solid #676767;
}

#inTransit .headLine {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bolder;
	border-top: 2px solid #676767;
	border-bottom: 2px solid #676767;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 3px;
	margin-bottom:15px;
}

.viewMore {
position:absolute;
font-size:11px;
color:#666;
margin-top:-26px;
margin-left:490px;
}

a.depMore {
font-size:11px;
position:absolute;
text-transform:uppercase;
color:#dd0d27!important;
font-weight:bold;
margin-left:220px;
margin-top:-19px;
}


.viewMoreArticle {
font-size:11px;
position:absolute;
color:#666;
margin-top:-23px;
margin-left:350px;
}

.viewMore a, .viewMoreArticle a  {
text-transform:uppercase;
color:#dd0d27!important;
font-weight:bold;
}

#inTransit span {
color:#dd0d27;
position:absolute;
margin-top:-32px;
font-weight:bolder;
margin-left:3px;
font-size:11px;
text-transform:uppercase;
}

#inTransit p {
text-transform:uppercase;
font-size:12px;
color:#dd0d27;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom:15px;
}

#featuresResumeLeft {
width:165px;
float:left;
margin-right:15px;
}

#featuresResumeLeft p a {
text-transform:uppercase;
font-size:12px;
display:block;
color:#dd0d27!important;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom:15px;
}

#featuresResumeRight{
width:450px;
float:right;
}

#featuresResumeRight p{
margin-bottom:5px;
}

#featuresResumeLeft h3 a {
padding:3px;
font-weight:bolder;
border-top: 2px solid #676767;
font-size:13px;
text-transform:uppercase;
border-bottom: 2px solid #676767;


}

.featureHolder {
padding:10px;
border:1px solid #edecec;
margin-bottom:15px;
}

.featureHolder:hover {
border: 1px solid #fff;
}
#featuresResumeLeft h3 a {
display:block;
font-weight:bold!important;
text-transform:uppercase;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
margin-bottom:10px;
}

#departmentsList {
border:1px solid #edecec;
margin-top:5px;
}

#departments ul {
display:block;
padding-top:5px;
padding-bottom:5px;
margin-left:3px;


}

#departments li {
float:left;
display:block;
width:125px;
height:130px;
background:#f5f5f5;
padding:5px;
margin:5px;

}


#departments h3 {
padding:3px;
font-weight:bolder;
border-top: 2px solid #676767;
font-size:13px;
text-transform:uppercase;
border-bottom: 2px solid #676767;
}

#departmentsList h4 {
text-transform:uppercase;
font-size:11px!important;
font-weight:lighter;
}

#departmentsList h4 a {
color:#dd0d27!important;
font-weight:bold!important;
}

#ads {
width:300px;
clear:both;
float:left;
}

#ads h5 {
display:block;
font-size:11px;
color:#999999;
font-weight:lighter;
text-align:center;
padding:3px;
}
.ads125Right:hover, .ads125Left:hover {
border:1px solid #fff;
}
.ads125Left {
margin-top:5px;
background:#e5e5e5;
border:1px solid #edecec;
width:125px;
height:125px;
float:left;
padding:10px;
}

.ads125Right {
margin-top:5px;
background:#e5e5e5;
border:1px solid #edecec;
width:125px;
height:125px;
float:right;
padding:10px;
}

.ads-leftbar {
margin-top:5px;
background:#e5e5e5;
border:1px solid #edecec;
width:160px;
height:350px;
padding:5px;
align:center;
}

#Footer {
background:#000;
width:948px;
padding:15px 15px 10px 15px;
clear:both;
}

#united {
float:right;
display:block;
background-image:url(images/theme/United.png);
background-repeat:no-repeat;
width:109px;
height:22px;
}

#continental {
float:right;
display:block;
background-image:url(images/theme/Continental.png);
background-repeat:no-repeat;
width:109px;
height:22px;
}

#footernav ul {
display:inline;
}
#footernav li {
display:inline;
color:#fff;
}

#footernav li a {
display:inline;
color:#fff;
font-size:11px;
margin-right:15px;
}

#Footer p, #Footer p a {
margin-top:15px;
color:#fff!important;
}

.category a {
color:#666666;
font-size:0.8em;
}
.excerpt {
margin-top:5px;
margin-bottom:15px;
line-height:19px;
font-style:italic;
}
#copy  {
margin-top:15px;
}


#copy li {

color:#4F4E4E;
font-size:0.9em;
line-height:1.5em;
padding:0px 20px 20px 20px;

}


#copy p {

color:#4F4E4E;
line-height:1.6em;
padding-bottom:20px

}

#copy h3 {
color:#666;
line-height:1.3em;
padding-bottom:20px;
padding-top:3px;
}
.asideheading {
font-weight:bolder;
border-top: 2px solid #676767;
font-size:0.9em;
text-transform:uppercase;
border-bottom: 2px solid #676767;
padding: 3px 0 3px 0px;
}

.sideLinks {
margin-bottom:20px;
display:block;
}
.sideLinks li {
display:block!important;
border:none!important;
padding: 3px 0 3px 0px;
color: #CCCCCC;

}

.sideLinks li a {
color:#666!important;
font-size:13px;
border:none!important;
}

/* ######### Tabs ######### */

.stabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font:12px Helvetica;
text-align: left; 
}

.stabs li{
display: inline;
margin: 0;
}

.stabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #999;
color: #2d2b2b;
background:#fff;
}

.stabs li a:visited{
color: #2d2b2b;
}

.stabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.stabs li a.selected{ 
position: relative;
top: 1px;
}

.stabs li a.selected{ 
border-bottom-color: #fff;
font-weight:bold;
}

.stabs li a.selected:hover{ 
text-decoration: none;
}

.tabcontent{
display:none;
}

#magArchive {

}

#magArchive li {
display:block;
height:90px;
margin-bottom:15px;
}

#magArchive li img {
margin-right:15px;
}

#magArchive h5 a,#magArchive h5 {
margin:0px;!important;
font-size:11px;
color:#ccc;
}

#magArchive h3 a{
font-size:15px;
margin:0px!important;
color:#333333;
}

#magArchiveThree li {
display:block;
margin-bottom:15px;
}

#magArchiveThree li img {
float:left;
margin-right:15px;
}

#magArchiveThree h5 a, #magArchiveThree h5 {
margin:0px;!important;
font-size:11px;
color:#ccc;
}

#pdf {
margin-bottom:15px;
}

#linkMap {
margin-bottom:15px;
}

.rightImg {
float:right;
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
}

.leftImg {
float:left;
padding-bottom:10px;
padding-right:10px;
padding-top:10px;
}

.numberBlue {
background-color:#3e64e9;
color:#FFF;
font-size:12px;
height:18px;
line-height:18px;
padding:1px 3px;
position:relative;
text-align:center;
width:18px
}

.numberGreen {
background-color:#3bc24f;
color:#FFF;
font-size:12px;
height:18px;
line-height:18px;
padding:1px 3px;
position:relative;
text-align:center;
width:18px
}

.numberRed {
background-color:#ad1c1d;
color:#FFF;
font-size:12px;
height:18px;
line-height:18px;
padding:1px 3px;
position:relative;
text-align:center;
width:18px
}

.redBlue {
color:#3e64e9 !important;
font-weight:700;
text-transform:uppercase
}

.redDay {
color:#ad1c1d !important;
font-weight:700;
text-transform:uppercase
}

.greenDay {
color:#3bc24f !important;
font-weight:700;
text-transform:uppercase
}

.sectorTitle {
font-size:1.4em;
padding-bottom:10px;
padding-top:10px
}

.sectorTitleFeatures {
font-size:1.4em;
padding-bottom:10px
}


#latestTransits {
border:1px solid #edecec;
margin-top:5px;
min-height:280px;
margin-bottom:15px;
padding-top:5px;
padding-left:3px;
padding-bottom:5px;
}



#latestTransits h4{
padding:3px;
font-weight:bolder;
border-top: 2px solid #676767;
display:block;
font-size:11px;
text-transform:uppercase;
border-bottom: 2px solid #676767;
}


#latestTransits li {
float:left;
display:block;
width:125px;
height:105px;
background:#f5f5f5;
padding:5px;
margin:5px;

}
#latestTransits li img {
float:left;
margin-bottom:3px;
margin-right:15px;
}

.listDept {
display:block;
width:620px;
margin-top:15px;
}
.listDept li {
width:180px;
padding-bottom:10px;
margin-right:15px;
float:left;
}

.listDept li a {
font-size:13px;
display:block;
}

#pdf li {
background-image:url(images/pdfIcon.png);
background-repeat:no-repeat;
height:48px
}


#pdf {
height:48px;
padding:10px;
position:relative;
width:280px
}

#pdf a {
border-bottom-color:#fbffe6;
border-bottom-style:dotted;
border-bottom-width:1px;
bottom:14px;
color:#0e3265;
font-size:0.9em;
left:58px;
line-height:1.3em;
position:absolute;
text-decoration:none
}

/*** set the width and height to match your images **/

#slideshow {
    
    position:relative;
    height:365px;
}



#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height:365px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 365px;
    display: block;
    border: 0;
    margin-bottom: 10px;

}


.jumpArch {
margin:5px;
margin-bottom:5px;
}

.jumpArch label {
font-size:12px;
font-weight:bold;
}

.pagelink p {
float:left;
margin-right:3px
}

.pagelink  {
float:right;
}


.pagelink p  {
display:block;
padding:8px 10px 8px 10px;!important;
}
.pagelink p a {
display:inline!important;
color:#fff;
background:#353434;
padding:8px 10px 8px 10px;!important;
margin-right:3px;
}
.pagelink p a:hover {
background:#000;
}

.dek{
font-size:10px;
color:#6d6d6d!important;
}
.noitalic {
	font-style: normal;
}

#commentform { padding-top:10px; border-top: 3px solid #ccc; }
#respond { font-size:1.8em; margin-bottom:20px; font-weight:bold; }
#commentform textarea, #commentform input { border: 1px solid #ccc; padding:4px; width:60%; margin-bottom:5px;  }
#commentform textarea:focus, #commentform input:focus { border: 1px solid #000; }
#commentform #submit {clear:both; width:120px; margin:10px 0 10px 0; background-color:#000; color:#fff!important; padding:5px; }

.commentlist li { display:block; margin: 0 0 20px 0; line-height:18px; font-size:12px; border: 1px solid #eceaea; padding:10px; }
.commentlist cite { font-size:11px; font-weight:bold;}

h3#comments { font-size:15px; font-weight:bold; margin-bottom:15px; }

.commentlist small { font-size:11px; color:#333; display:block; margin-bottom:20px; }

.commentlist .alt { background-color:#eceaea; }

#latestTransits .post-3401 h4 { display:block; width:118px; height:9px; overflow:hidden;}

.ipad { margin-left:120px;}
.ipad img {
position:absolute;
margin-left:15px;
}

.tlink {margin-left:350px; }
.fblink { margin-left:362px;}
.fblink img {
position:absolute;
margin-left:15px;
}

