/*
Theme Name: Jumpball 
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; outline:none; }
a {color:#c4122f;}
.clearfix, .container {display: block;}

hr {background:url(images/seprater-hr.jpg) repeat-x scroll 0 0 transparent;border:0 none;height:3px;margin:5px 0 15px 0px;width:100%;}
/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both;}
/* ------------------------Common CSS------------------------*/
.leftFloat{float:left;}
.rightFloat{float:right;}
.clearFloat{clear:both;}
.hide{display:none;}
.reset-margin{margin:0 auto;}
.reset-padding{padding:0;}
.reset{margin:0;padding:0;}
.align-justify{text-align:justify;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}

/* ----------------------Typography CSS----------------------*/
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 13px;
  color: #333;
  background:url(images/bodyback.jpg) no-repeat left top;
  font-family:Helvetica Neue;
       src: local("Helvetica Neue"), url("fonts/HELVETICANEUE-THIN.OTF") format("opentype");
       font-weight: normal;
       font-style: normal;
}


@font-face {

       font-family:Helvetica Neue;
       src: local("Helvetica Neue"), url("fonts/HELVETICANEUE-THIN.OTF") format("opentype");
       font-weight: normal;
       font-style: normal;
}





#wrapper{ width:912px; margin:0px auto;}/* ----------------------Here u can set whole site width----------------------*/
#ouuterborder{ border-top:3px solid #dd5d33; width:100%;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; line-height:normal;font-weight:normal; font-style:normal;}
h1 { font-size:40px; margin-bottom:10px; color:#003D99}
h2 { color:#dd5d33; font-size:22px; padding-bottom:5px; }
h3 {}
h4 {}
h5 {}
h6 {}
/* Text elements
-------------------------------------------------------------- */
p           {  }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover     {text-decoration: underline;}
a           { color: #333; text-decoration: none; outline:none;}
blockquote  { margin:0.5em 2.5em;  }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre 				{ margin: 1.5em 0; white-space: pre;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { padding:0px; margin:0px; }
dl dt       { font-weight: bold; }
dd          { padding:0px; margin:0px;}
/* Tables
-------------------------------------------------------------- */
b{ font-style:normal;}
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff;}
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.highlighted{ color:#FF0000;}
/* ---------------------------Form CSS----------------------------*/
label       {  }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input,
input.text, input.title,
textarea, select {
  background:url(images/input-back.jpg) repeat-x;
  border-top:none;
  border:1px solid #afafaf;
border-top:none;
  outline:none;
  height:24px;
  width:240px;
  color:#b2b2b2;padding-top:8px;

}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {

}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0;
}
input.text,
input.title   { }
input.title   {}
textarea      { }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* ----------------------Clear areas----------------------*/
#wrapper #container, #wrapper #container #content, #wrapper #container #content #wildcomlum{ overflow:hidden;}
#container .grow{ margin:15px 0px 25px 0px ;}
.inner-back{ background-image:url(images/inner-back.png); background-repeat:no-repeat; padding:20px 20px 0px 0px; width:892px;}

#header{ margin-bottom:20px;}
#header #logo{ background:url(images/background.png) no-repeat; width:261px; height:60px; float:left; margin-top:18px;}
#header ul{ float:right; list-style:none; margin:35px 0px 0px 0px;}
#header ul li{ float:left; margin:0px 6px 0px 0px; line-height:28px; }
#header ul li a{font-size:14px; color:#dd5d33; float:left;padding-right:10px; height:32px;text-decoration:none; cursor:pointer;}
#header ul li a:hover , #header ul li.selct-nav a{ background:url(images/menu-back.png) no-repeat right top; padding-right:10px;color:#fff; text-decoration:none;}
#header ul li a span{  height:32px; float:left; padding-left:10px;}
#header ul li a:hover span , #header ul li.selct-nav a span{ background:#fff url(images/menu-back.png) no-repeat 0px 0px;}


 .gallery-outer{}
 .gallery-outer .galleryinner{ background:#c2c2c2; padding:12px;}
 .bottmimgg{background:url(images/galleryshadow.png); background-repeat:no-repeat;width:911px; float:left; height:47px;}
.left-coloum .bottmimgg1{background:url(images/galleryshadow_2.png); background-repeat:no-repeat;width:605px; float:left; height:47px;}
.left-coloum{ width:602px; float:left;}
.left-coloum p{ padding-bottom:10px; line-height:18px;}
.left-coloum a{text-decoration:underline;}
.left-coloum a:hover{ color:#dd5d33;}
.left-coloum ul { margin:0px  0px 14px 0px; padding:0px; list-style:none;}
.left-coloum ul li{ margin:0px 0px 5px 20px; padding:0px 0px 0px 15px; background:url(images/bullet.jpg) no-repeat 0px 6px;}
.donate{ width:142px; height:43px; display:block; margin-top:10px; border:none; background:none; padding-top:0px;}
.mc_signup_submit input.button{ background: url(images/background.png) no-repeat -143px -72px; width:245px; height:43px; display:block; margin-top:0px; border:none; cursor:pointer; text-indent:-9999em;}
fieldset.mc_custom_border{ border:none; background:none; margin:0px; padding:0px; float:left;}
.mc_merge_var input{margin-bottom:10px; display:block; padding-left:5px;}
.mc_signup_submit { width:100%; text-align:center; clear:both; padding:.2em; }
#mc_signup_form legend{color:#dd5d33; font-size:20px; padding:0px 0px 10px 0px !important; font-weight:normal; margin:0px !important;float:left;}


#sidebar{}
#sidebar ul{ list-style:none;}
#sidebar li{ float:left;font-size:14px; line-height:normal;}
#sidebar li .ourmission{ width:270px; padding:0px 30px 0px 0px;border-right:1px solid #c3c3c3;  min-height:170px; font-size:16px; line-height:26px;}
#sidebar li .ourmission b{ color:#000;}
#sidebar li .conterbute{ width:260px; padding:0px 20px 0px 25px;border-right:1px solid #c3c3c3;min-height:170px; line-height:21px;}
#sidebar li .newslatter{ width:246px; padding:0px 0px 0px 30px;}
#sidebar li .videofeature{width:270px; padding:0px 30px 0px 0px;}

#sidebarinner{ float:right; width:245px; padding:0px 0px 0px 25px; border-left:1px solid #e6e6e6; margin:0px;}
#sidebarinner ul{ list-style:none;}
#sidebarinner ul li{ border-bottom:2px dotted #d9d9d9; padding:15px 0px 20px 0px;}
#sidebarinner ul li:first-child{padding-top:0px;}
#sidebarinner ul li:last-child{ border-bottom:none;}
#sidebarinner h2{ padding-bottom:5px;}
 .connect-icon{}
 .connect-icon a{ float:left; margin:5px 15px 0px 0px;background:url(images/background.png) no-repeat; }
 .connect-icon a.facebook{background-position:-58px -119px ; width:28px; height:30px;}
 .connect-icon a.twitter{background-position:-86px -119px ; width:27px; height:27px;}
 .connect-icon a.myspace{background-position:-113px -119px; width:31px; height:30px;}
 .connect-icon a.flicker{background-position:-143px -119px; width:30px; height:28px;}
 .connect-icon a.youtube{background-position:-173px -119px; width:28px; height:28px;}
#footer{ border-top:1px solid #d9cfca; color:#666464; font-size:12px; padding:12px 0px 45px 0px; margin-top:50px; position:relative; width:912px;}
#footer ul{ float:left; list-style:none; margin:0px;; padding:0px;}
#footer ul li{ float:left;}
#footer ul li a , #footer div.text-res a{ color:#666464;}
#footer ul li a:hover , #footer ul li.select-f a , #footer div.text-res a:hover{ color:#003d99; text-decoration:underline;}
#footer ul li span{ margin:0px 10px;}
#footer div.text-res{ float:right; color:#909090; margin-right:74px; display:inline;}
#footer div.j-ball{ background-image:url(images/ball.png); background-repeat:no-repeat; background-position:0px 0px; position:absolute; width:54px; height:72px; right:0px; top:-15px; float:right; margin-right:0px;}
.jdGallery .slideInfoZone{ display:none !important;}


.seelink{ float:left; width:139px; margin:30px 0px 0px 10px;}