/*==========================
Site Name: 
Author: Rockfish Interactive


1. CCS RESET
2. DEFAULT STYLES
3. HEADER
4. MAIN NAVIGATION
5. BREAD CRUMB
6. MAIN CONTENT
7. FOOTER
8. PLUGINS
==========================*/



/*==========================
1.      CSS RESET
==========================*/

*                   {margin:0px; padding:0px;}
html                {height:100%; overflow-y:scroll;}
table               {border-collapse:collapse; border-spacing:0;}
fieldset,img,iframe {border:0;}
h1,h2,h3,h4,h5,h6   {font-size:100%; font-weight:normal;}
ol,ul               {list-style:none;}
button              {border:none; cursor:pointer;}
a, object, button   {outline:none;}
/*==========================*/


/*==========================
2.
==========================*/
body    {background:#d4e3ef; color:#ffffff; font-family:Arial,"Helvetica Neue", Helvetica, sans-serif; font-size:13px;}
a       {color:#fdbb30;text-decoration:underline !important;}
a:hover {color:#F47B20;}
p       {margin-top:5px; margin-bottom:10px; line-height:16px;}
hr      {border-top:none; border-left:none; border-right:none; border-bottom:1px solid #ccc; clear:both; line-height:0px; margin:0px 0px 10px 0px;}
h1      {color:#1A75CF; font-size:21px; margin-bottom:10px;}
h2      {color:#FFFFFF; font-size:20px; margin-bottom:5px;}
h3      {color:#FFFFFF; font-size:16px; font-weight:bold; margin-bottom:10px;}
h4      {color:#fdbb30; font-size:16px; font-weight:bold;}
h5      {}
h6      {color:#0769cd; font-size:13px; font-weight:bold; margin-bottom:5px;}

.testBorder		{border:1px solid #000 !important;}
.clearBoth      {clear:both;display:block;height:1px;overflow:hidden;}
.floatLeft      {float:left;}
.floatRight     {float:right;}
.bulletList     {margin-left:30px; margin-bottom:10px;}
.bulletList li  {list-style-type:disc; margin-bottom:2px;}
.displayBlock   {display:block;}
.displayNone    {display:none;}
.imgBorder      {border:1px solid #CCCCCC;}

.btnReadMore{background:url(/Images/Buttons/btn_readMore.png) no-repeat 0px 0px;cursor:pointer;display:block;text-indent:-9999px;height:24px;width:89px;}

.titleFHT{background:url(/Images/Layout/title_fightingHungerTogether.png) no-repeat 0px 0px;text-indent:-9999px;height:44px;width:394px;}
.titleTB{background:url(/Images/Layout/title_2billion.png) no-repeat 0px 0px;text-indent:-9999px;height:50px;width:185px;}
.titleGBB{background:url(/Images/Layout/title_givingBackBlog.gif) no-repeat 0px 0px;text-indent:-9999px;height:30px;width:454px;}

#wrapper{margin:10px auto 10px auto; padding:0px 0px; width:774px;}


/*==========================
3.   HEADER
==========================*/

#header{
	background:url(/Images/Layout/bg_wrapperTop.gif) no-repeat 0px top; height:84px;
	padding:20px 30px 0px 30px;
	position:relative;
}
    #header .titleFHT{position:absolute;right:30px;}
    #header a.floatRight{color:#FFFFFF;font-size:14px;padding-top:50px;}
    #header #JoinCampaign{background:url(/Images/Icons/icon_plus.gif) no-repeat left bottom;padding-left:30px;padding-bottom:4px;}
   
/*==========================
4.   MAIN NAVIGATION
==========================*/

#mainNav{
	
}

/*==========================
5.   BREAD CRUMB
==========================*/

#breadCrumb{
	
}

/*==========================
6.   MAIN CONTENT
==========================*/
#contentCornerBot{background:url(/Images/Layout/bg_wrapperBot.gif) no-repeat 0px bottom; height:18px;}
#mainContent{
	background:url(/Images/Layout/bg_wrapperMid.gif) repeat-y 0px 0px;
	padding:0px 7px;
}

    #pov{
        background:url(/Images/Layout/header_pov.jpg) no-repeat 0px 0px;
        border-top:1px solid #6baddf;
        border-bottom:1px solid #6baddf;
        height:330px;
        width:760px;}
        .calloutPOV{
            background:url(/Images/Layout/bg_povGradient.png) no-repeat 0px 0px;
            float:left;
            height:279px;
            margin-top:30px;
            padding:10px 30px;
            width:236px;}
            .calloutPOV .titleTB{}
            .calloutPOV .bulletList{margin-left:20px;}
            .calloutPOV ul li{margin:0px 0px 10px 0px;}
            .calloutPOV ul li span{font-size:17px;}
            .calloutPOV .btnReadMore{float:right;margin-top:35px;}
            
    #social{margin-top:20px;}
        #socialBlog{float:left;padding-left:20px;width:460px;}
            .post{border-bottom:1px solid #6baddf;padding:10px 0px;}
                .post .floatRight{width:360px;}
                .post a img{height:78px;width:78px;}
                .postedBy{color:#6caee0;font-size:12px;}
                .commentCount{float:right;}
            #socialBlog .btnReadMore{float:right;margin-top:20px;}
        #socialShare{float:right;width:252px;}
            #socialSites{margin-bottom:10px;}
                #socialSites a{padding:0px 6px;}
            #twitterFeed{background:url(/Images/Layout/bg_twitterGradient.png) no-repeat 0px 0px;padding:10px 0px 10px 20px;width:232px;}
            #twitterFeed h3{letter-spacing:-1px;margin-left:-11px;}

/*==========================
7.   FOOTER
==========================*/

#footer{
    color:#01539a;
    font-size:11px;
    padding:0px 7px;
    }

        


/*==========================
8.   PLUGINS
==========================*/

#twitter_div{font-size:12px;line-height:14px;width:230px !important;}
#twitter_div ul{overflow:hidden !important;}
#twitter_div .aIcon{height:30px !important;width:30px !important;}
#twitter_div .aContent{float:right;width:160px !important;}


.calloutClose { float: right; display: block; width: 20px; height: 20px; margin-top: -25px; margin-right: -25px; border: none; text-decoration: none; }

#videoCallout { display: none; width: 560px; height: 364px; padding: 25px; position: relative; text-align: center; background: transparent url(/Images/video_bg.png) top center no-repeat; }
#videoContainer { background: #FFF; width: 560px; margin: 0 auto; text-align: left; cursor: default; }
#activeVideo { width: 400px; text-align: left; }
#activeVideo object, #activeVideo embed { width: 400px; outline: none; border: none; }
#videoList { float: right; text-align: center; width: 150px; height: 336px; overflow: auto; margin-left: 10px; }
#videoList ul { overflow: hidden; }
#videoList ul li a { border: none; outline: none; text-decoration: none; cursor: pointer; }
#videoList ul li a img { width: 110px; height: 83px; }
#videoMeta { margin-top: 15px; font-size: 14px; font-family: Arial; }
#hdVideoTitle { font-weight: normal; margin: 0; }

#badgeCallout {  }
#badgeCallout div { margin-top: 35px; border: solid 1px #CCC; background: #EFEFEF; padding: 10px; color: #000; font-family: Courier, Sans-Serif; font-size: 11px; word-wrap: break-word; }

.smallCallout { position: relative; display: none; font-family: Verdana; font-size: 12px; width: 285px; height: 264px; padding: 25px; text-align: left; background: transparent url(/Images/badgeShare_bg.png) top center no-repeat; }
.smallCallout p { line-height: 16px; text-align: left; }

#shareCallout { text-align: center; }
#shareCallout table { text-align: left; margin: 20px auto 0 auto; width: 280px; line-height: 20px; }
#shareCallout table td { width: 50%; padding-bottom: 5px; }
#shareCallout table a { color: #689F2A; text-decoration: none; padding: 3px 0 3px 22px; }

.delicious { background: url(/Images/Icons/delicious.gif) left center no-repeat; }
.digg { background: url(/Images/Icons/digg.gif) left center no-repeat; }
.stumbleupon { background: url(/Images/Icons/stumble.gif) left center no-repeat; }
.furl { background: url(/Images/Icons/furl.gif) left center no-repeat; }
.myspace { background: url(/Images/Icons/myspace.gif) left center no-repeat; }
.yahoo { background: url(/Images/Icons/yahoo_myweb.gif) left center no-repeat; }
.technorati { background: url(/Images/Icons/technorati.gif) left center no-repeat; }
.google { background: url(/Images/Icons/google_bmarks.gif) left center no-repeat; }
.newsvine { background: url(/Images/Icons/newsvine.gif) left center no-repeat; }
.blinklist { background: url(/Images/Icons/blinklist.gif) left center no-repeat; }
.reddit { background: url(/Images/Icons/reddit.gif) left center no-repeat; }
.windowsLive { background: url(/Images/Icons/windows_live.gif) left center no-repeat; }
.twitter { background: url(/Images/Icons/twitter.gif) left center no-repeat; }
.propeller { background: url(/Images/Icons/propeller.gif) left center no-repeat; }
.facebook { background: url(/Images/Icons/facebook.gif) left center no-repeat; }