@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
minority voices newsroom MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:#fff;
	margin:0;
	padding:0;
	
}
body img{ 
	border:0;
}
body h1{ 
	margin:10px 0 10px 0;
	padding:0;
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}

/*HEADER----------------------------------------- */
#header{
	height:490px;
	margin:0 auto;
	width:954px;
}
ul#topnav{
	float:right;
	margin:15px 0 0 0;
	padding:0;
}
ul#topnav li{
	display:inline;
	margin:0;
	padding:0;
}
a#title{
	background:url('/images/title.gif') no-repeat;
	float:left;
	display:block;
    height:0px;
    padding-top:80px;
    overflow:hidden;
    width:954px;
}
h2#tagline{
	background:url('/images/tagline.gif') no-repeat;
	float:left;
	display:block;
    height:0px;
    margin-top:5px;
    padding-top:30px;
    overflow:hidden;
    width:954px;
}
body.lang-fr h2#tagline{
	background:url('/images/fr/tagline_fr.gif') no-repeat;
	float:left;
	display:block;
    height:0px;
    margin-top:5px;
    padding-top:30px;
    overflow:hidden;
    width:954px;
}
body.lang-es h2#tagline{
	background:url('/images/es/tagline_es.gif') no-repeat;
	float:left;
	display:block;
    height:0px;
    margin-top:5px;
    padding-top:30px;
    overflow:hidden;
    width:954px;
}
#slideshow{
	height:226px;
	left:0;
	position:relative;
	top:155px;
	width:960px;
	z-index:10;
}
#slideshow img{
	border:solid 2px #44a662;
	left:0;
	padding:7px;
	position:absolute;
	top:0;
}

/*NAV----------------------*/
ul#secnav{
	left:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:17px;
	z-index:10;
}
ul#secnav li{
	display:inline;
	list-style:none;
	padding-right:5px;
}
ul#secnav li a{
	background:url('/images/secnavbg.png') repeat-x;
	padding:8px 10px;
}

body#index #storynav{
	left:706px;
	position:absolute;
	top:54px;
	z-index:10;
}
#storynav{
	left:706px;
	position:absolute;
	top:139px;
	z-index:10;
}
a#upload{
	background:url('/images/uploadstory.gif') no-repeat;
	display:block;
    height:0px;
    padding-top:85px;
    overflow:hidden;
    width:243px;
}
a#find{
	background:url('/images/findastory.png') no-repeat;
	display:block;
    height:0px;
    margin-top:10px;
    padding-top:93px;
    overflow:hidden;
    width:243px;
}
body.lang-fr a#upload{
	background:url('/images/fr/uploadstory_fr.png') no-repeat;
	display:block;
    height:0px;
    padding-top:85px;
    overflow:hidden;
    width:243px;
}
body.lang-fr a#find{
	background:url('/images/fr/findastory_fr.png') no-repeat;
	display:block;
    height:0px;
    margin-top:10px;
    padding-top:93px;
    overflow:hidden;
    width:243px;
}
body.lang-es a#upload{
	background:url('/images/es/uploadstory_es.png') no-repeat;
	display:block;
    height:0px;
    padding-top:85px;
    overflow:hidden;
    width:243px;
}
body.lang-es a#find{
	background:url('/images/es/findastory_es.png') no-repeat;
	display:block;
    height:0px;
    margin-top:10px;
    padding-top:93px;
    overflow:hidden;
    width:243px;
}

/*CONTENT----------------------------------------- */

#intro{
	left:0;
	position:relative;
	top:165px;
}
#intro .content{
	width:669px;
}
span#heading{
	margin-right:10px;
	line-height:20px;
/*	line-height:1em;*/
}
body#index #newsfeed{
	/*background:#deefe3;*/
	background:#ffffff;
	float:left;
	height:316px;
	margin-bottom:0;
	margin-top:15px;
	width:100%;
}
#newsfeed .content{
	margin:0 auto;
	width:954px;
}

/*search--------------- */
body#index #search{
	background:#474747;
	height:104px;
	left:708px;
	padding:20px;
	position:relative;
	top:-112px;
	width:210px;
}
#search{
	background:#474747;
	height:104px;
	left:708px;
	padding:20px;
	position:relative;
	top:-110px;
	width:210px;
}
.searchbox{
	float:right;
	height:16px;
	width:107px;
	vertical-align:top;
}
#search form{
	padding-bottom:15px;
}
select.region{
	float:right;
	height:20px;
	width:110px;
}
.filetype{
	float:right;
	height:20px;
	width:110px;
}
#search .filetype{
	float:right;
	height:20px;
	width:110px;
}
.searchbutton{
	border: 0px solid;
	cursor:pointer;
	float:right;
}
/*newsfeed nav--------------- */
ul#newsnav{
	margin:18px 0 0 0;
	padding:0;
	position:relative;
}
ul#newsnav li{
	display:inline;
	list-style:none;
}
ul#newsnav li a{
	background:#d5d5d5;
	padding:4px 8px 3px 8px;
	margin:2px;
}
ul#newsnav li a:hover{
	background:#474747;
}
li#latestnews{
	background:#8e8e8e;
	padding:4px 115px 3px 8px;
}
li.previous{
	padding:0 !important;
}
li.previous img{
	margin-bottom:-6px;
}
a.previous{
	padding:0 !important;
}
li.next{
	padding:0 !important;
}
li.next img{
	margin-bottom:-6px;
}
a.next{
	padding:0 !important;
}
/*newsbox--------------- */
.newsbox{
	float:left;
	margin-right:20px;
	float:left;
	width:215px;
}
.newscontent{
	background:#d5d5d5;
	height:248px;
	left:0;
	position:relative;
	top:0px;
	width:215px;
	padding:5px;
}
.newsbox img{
	left:8px;
	position:absolute;
	top:8px;
}
.newsbox h2{
	left:8px;
	position:absolute;
	top:150px;
	width:199px;
}
/*icons--------------- */
a#video{
	background:url('/images/icons/video.jpg') no-repeat;
	display:block;
    height:0px;
    left:8px;
    padding-top:28px;
    position:absolute;
    top:8px;
    overflow:hidden;
    width:90px;
    z-index:10;
}
a#audio{
	background:url('/images/icons/audio.jpg') no-repeat;
	display:block;
    height:0px;
    left:8px;
    padding-top:28px;
    position:absolute;
    top:8px;
    overflow:hidden;
    width:90px;
    z-index:10;
}
a#text{
	background:url('/images/icons/text.jpg') no-repeat;
	display:block;
    height:0px;
    left:8px;
    padding-top:28px;
    position:absolute;
    top:8px;
    overflow:hidden;
    width:90px;
    z-index:10;
}
a#mrgnews{
	background:url('/images/icons/mrgnews.jpg') no-repeat;
	display:block;
    height:0px;
    left:8px;
    padding-top:28px;
    position:absolute;
    top:8px;
    overflow:hidden;
    width:125px;
    z-index:10;
}
/*pop categories--------------- */
body#index .popcatsbox{
	float:right;
	margin:0 -4px 0 0;
}
.popcatscont{
	background:#d5d5d5;
	left:0;
	padding:10px 17px 0 17px;
	position:relative;
	top:35px;
	width:215px;
}
ul#popcats{
	margin:0;
	padding:0;
}
ul#popcats li{
	border-bottom:solid 2px #aaa;
	list-style:none;
	padding:4px 0 2px;
}
.popcatscont img{
	margin-top:10px;
}
.popcatscont h2{
	width:199px;
	padding-bottom:20px;
}

/*FOOTER----------------------------------------- */
#footer{
	background:#009d57;
	clear:both;
	height:60px;
	margin:0 auto 30px;
	width:960px;
}
#footer ul{
	float:left;
	margin:24px 0 0 20px;
	padding:0;
}
#footer li{
	display:inline;
	list-style:none;
}
#footer h2{
	float:left;
	margin:23px 14px 0 13px;
	padding:0;
}
#footer img{
	float:left;
	margin:0;
	padding:0;
}
h2#follow{
	float:left;
   	margin:23px 0 0 20px;
	padding:0;
}
img.imgright{
	float:right !important;
}

/*SUB PAGE----------------------------------------- */
#type{
	position:relative;
	margin:-10px 0 0 219px;
	z-index:20;
}
#searchbox{
	left:0;
	position:relative;
	top:275px;
}
.popcatsbox{
	float:right;
	margin:100px -4px 0 0;
	font-size:1.2em;
}
#newsfeed{
	/*background:#deefe3;*/
	background:#ffffff;
	float:left;
	margin-top:-80px;
	margin-bottom:40px;
	width:100%;
}
#leftcol{
	float:left;
	margin-right:20px;
	width:200px;
	word-wrap: break-word 
}
#midcol{
	float:left;
	margin-bottom:15px;
	width:440px;
}
#midcol .content{
	width:440px;
}
/*sub navigation-------------------- */
ul#subnav{
	background:url('/images/ulbg.jpg') repeat-y;
	margin:0;
	padding:10px 0;
	position:relative;
	width:180px;
	z-index:20;
}
ul#subnav li{
	background:url('/images/sublinkbg.jpg') no-repeat;
	list-style:none;
}
ul#subnav li a{
	display:block;
	margin:5px 15px;
	padding:10px 0;
}
ul#subnav li a:hover{
	color:#000;
	margin:5px 15px;
	padding:10px 0;
}
ul#subnav li a.on{
	background:url('/images/hack_subnavbg.jpg')  no-repeat;
	color:#000;
	/*margin:10px 0 -8px;*/
	margin:5px  0px 5px;
	padding:12px 45px 10px 15px;
}
ul#subnav ul{
	background:#d5d5d5;
	margin:5px 0 0;
	padding-top:10px;
	width:164px;
}
ul#subnav ul li{
	background:#d5d5d5;
	list-style:none;
	padding:0 0 5px 20px;
}
ul#subnav ul li a{
	color:#454545;
	background:none;
	padding:0;
}
ul#subnav ul li a:hover{
	color:#000;
	background:none;
	padding:0;
}
ul#subnav ul li a.on{
	color:#000;
	background:none;
	padding:0;
}

/*jcarousel-----------------*/
.jcarousel-skin-tango .jcarousel-item-horizontal {
height:243px !important;
}

/*EMILE ADDITIONS AFTER TRANSLATIONS*/
.lang-es #catSearchButton{background:url(/images/es/searchbutton_es.gif) no-repeat;width:72px;height:22px;float:right;}
.lang-fr #catSearchButton{background:url(/images/fr/searchbutton_fr.gif) no-repeat;width:82px;height:22px;float:right;}
.lang-en #catSearchButton{background:url(/images/searchbutton.jpg) no-repeat;width:72px;height:22px;float:right;}

.lang-es #skipButton{background:url(/images/skip_es.gif) no-repeat;width:100px;height:22px;float:right;}
.lang-fr #skipButton{background:url(/images/skip_es.gif) no-repeat;width:100px;height:22px;float:right;}
.lang-en #skipButton{background:url(/images/skip.gif) no-repeat;width:110px;height:25px;float:right;margin-top:18px;}

.lang-es #backButton{background:url(/images/es/back.jpg) no-repeat;border:0px;width:72px;height:20px;cursor:pointer;margin-top:-5px;}
.lang-fr #backButton{background:url(/images/back.gif) no-repeat;border:0px;width:72px;height:22px;cursor:pointer;}
.lang-en #backButton{background:url(/images/back.gif) no-repeat;border:0px;width:72px;height:22px;cursor:pointer;}

.lang-es #submitButton{background:url(/images/es/submit.jpg) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}
.lang-fr #submitButton{background:url(/images/submitbutton.jpg) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}
.lang-en #submitButton{background:url(/images/submitbutton.jpg) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}


.lang-es #leftLoginButton{background:url(/images/es/loginbutton_es.gif) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}
.lang-fr #leftLoginButton{background:url(/images/login.gif) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}
.lang-en #leftLoginButton{background:url(/images/login.gif) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}

.lang-es #registerSubmit{background:url(/images/es/submit.gif) no-repeat;border:0;width:72px;height:20px;cursor:pointer}
.lang-fr #registerSubmit{background:url(/images/submitbutton.jpg) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}
.lang-en #registerSubmit{background:url(/images/submitbutton.jpg) no-repeat;border:0px;width:72px;height:20px;cursor:pointer}

.lang-es #clearform{background:url(/images/es/clearform.gif) no-repeat;border:0;width:98px;height:20px;cursor:pointer}
.lang-fr #clearform{background:url(/images/clearform.jpg) no-repeat;border:0;width:98px;height:20px;cursor:pointer}
.lang-en #clearform{background:url(/images/clearform.jpg) no-repeat;border:0;width:98px;height:20px;cursor:pointer}


.lang-es #follow{margin-left:0px;}


#noflashFileUpload{
	background:#44A662;
	font-weight:bold;
	font-size:1.4em;
	margin-left:10px;
	padding:8px 10px;
}
