/*
Theme name: Bottled Water
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline: 0; }
html, body {height: 100%;}

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: arial, sans-serif;
    color: #363636;
	background: #5b8e9a url(images/bg-repeat.jpg) repeat-x 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #009999; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

input, select, textarea {font-family: arial, sans-serif; font-size: 12px;}
textarea {overflow: auto;}

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.left { float: left !important; display: inline; }
.right { float: right !important; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}
.lower {text-transform: lowercase;}
.upper {text-transform: uppercase;}

.shell {margin: 0 auto;}

a.green-button {width: 223px; height: 33px; background: url(images/green-button.gif) no-repeat 0 0; display: block; line-height: 33px; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; text-align: center;}

.submit-button {background: url(images/submit.gif) no-repeat 0 0; width: 65px; height: 21px; display: block; font-weight: bold; color: #fff; border: 0; cursor: pointer;}

#cnt {min-height: 100%; height: auto !important; height: 100%; background: url(images/bg.jpg) no-repeat center 0;}

#header {padding: 11px 0 4px 0;}
#header h1#logo {margin: 0 auto; width: 773px; height: 158px; font-size: 0; line-height: 0; text-indent: -9999px;}
#header h1#logo a {display: block; width: 773px; height: 158px; background: url(images/logo.png) no-repeat 0 0;}

#navigation {background: url(images/top-nav.gif) no-repeat 0 0; width: 950px; height: 54px; margin: 0 auto;}
#navigation ul {list-style-type: none; font-size: 16px; text-transform: uppercase; padding: 13px 0 0 0;}
#navigation ul li {float: left; display: inline; padding: 0 11px 0 12px; font-weight: bold;}
#navigation ul li a {line-height: 29px; padding-left: 12px; color: #fff; text-decoration: none !important}
#navigation ul li a span {padding-right: 12px;}
#navigation ul li a,
#navigation ul li a span {float: left; display: inline;}
#navigation ul li a:hover ,
#navigation ul li a:hover span,
#navigation ul li a.active,
#navigation ul li a.active span {background: url(images/top-nav-hover.gif) no-repeat;}
#navigation ul li a:hover,
#navigation ul li a.active {background-position: 0 0;}
#navigation ul li a:hover span,
#navigation ul li a.active span {background-position: right 0;}

#landing-main {width: 1057px; margin: 0 auto;}
#landing-main .side-col {display: inline; width: 139px; padding: 55px 0 0 0;}
#landing-main #left-col {float: left; font-size: 21px; text-transform: uppercase; text-align: center;}
#landing-main #left-col ul {list-style-type: none; line-height: 24px; padding: 10px 0 0 0;}
#landing-main #left-col ul li {display: block; padding: 0 0 35px 0;}
#landing-main #left-col .box-top {background: url(images/left-box-top.gif) no-repeat 0 0; padding-top: 7px;}
#landing-main #left-col .box-bottom {background: url(images/left-box-bottom.gif) no-repeat 0 bottom; padding-bottom: 6px;}
#landing-main #left-col .box-middle {background: url(images/left-box-middle.gif) repeat-y 0 0; height: 100%; padding: 0 4px;}
#landing-main #left-col a {text-decoration: none !important;}
#landing-main #left-col p {font-size: 18px; margin-bottom: 5px;}

.social-icons {width: 113px; margin-left:18px; display:block; z-index:400;}


.social-icons span.twitter { float: left; display: inline; width: 16px; height: 17px; background: url(images/social-icons.gif) no-repeat; margin: 0 1px; background-position: 0 0;}
.social-icons span.facebook {float: left; display: inline; width: 16px; height: 17px; background: url(images/social-icons.gif) no-repeat; margin: 0 1px; background-position: -18px 0;}
.social-icons span.youtube { float: left; display: inline; width: 16px; height: 17px; background: url(images/social-icons.gif) no-repeat; margin: 0 1px; background-position: -37px 0;}
.social-icons span.network { float: left; display: inline; width: 16px; height: 17px; background: url(images/social-icons.gif) no-repeat; margin: 0 1px; background-position: -56px 0;}
.social-icons span.sharethis {float: left; display: inline; width: 16px; height: 17px; background: url(images/social-icons.gif) no-repeat; margin: 0 1px; background-position: -73px 0; color:#fff; font-size:13px; letter-spacing:-7px;}

.social-icons span.sharethis a {color:#fff;}


#landing-main #center-box {width: 781px; height: 486px; margin: -1px; position: relative; float: left; display: inline;}
#landing-main #center-box-cnt {background: url(images/center-box.png) no-repeat 0 0; width: 781px; height: 486px;}
#landing-main #center-box .flash-video {width: 758px; height: 468px; margin: 0 auto; padding: 9px 0;}

#landing-main #right-col {float: right; height: 368px; overflow:hidden;}
#landing-main #right-col .box-top {background: url(images/right-box-top.gif) no-repeat 0 0; padding-top: 7px;}
#landing-main #right-col .box-bottom {background: url(images/right-box-bottom.gif) no-repeat 0 bottom; padding-bottom: 6px;}
#landing-main #right-col .box-middle {background: url(images/right-box-middle.gif) repeat-y 0 0;  padding: 10px 17px 13px 4px;}
#landing-main #right-col h4 {font-size: 14px; text-transform: uppercase; text-align: center; margin-bottom: 29px;}
#landing-main #right-col ul.partners {list-style-type: none; text-align:center;}
/*#landing-main #right-col ul li {display: block; background: url(images/bullet-1.gif) no-repeat 0 0; padding: 0;}
*/
#landing-main #right-col ul li {display: block; padding-bottom: 5 px;}
#landing-main #right-col ul li a {font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none !important}
#landing-main #right-col ul li a span {text-transform: none; color: #00cc33}

#lower-nav {background: url(images/lower-nav.gif) no-repeat 0 0; width: 751px; height: 32px; margin: 0 auto 30px auto;}
#lower-nav ul {list-style-type: none; font-size: 18px; text-transform: uppercase;}
#lower-nav ul li {float: left; display: inline; line-height: 28px; padding: 0 2px 0 32px;}
#lower-nav ul li a,
#lower-nav ul li a span { float: left; display: inline; color: #fff; }
#lower-nav ul li a {padding-left: 8px;}
#lower-nav ul li a span {padding-right: 8px;}
#lower-nav ul li a:hover,
#lower-nav ul li a:hover span {background: url(images/lower-nav-hover.gif); text-decoration: none !important}
#lower-nav ul li a:hover {color: #fff;}
#lower-nav ul li a:hover span {background-position: right 0;}
#lower-nav #donate-button {background: url(images/donate-button.png) no-repeat 0 0; width: 94px; height: 45px; position: relative; padding-left: 24px;}

#blog-update {font-size: 19px; color: #fff; text-align: center; font-weight: bold; margin: 0 0 30px 0;}
#blog-update a {font-size: 13px; color: #fff;}

#main {position: relative; width: 960px; margin: 0 auto 24px auto;}
#main-shadow {position: absolute; top: 16px; left: -10px; width:980px; height: 446px; z-index: 5; font-size: 0; line-height: 0; text-indent: -9999px;}
#main-shadow-cnt {background: url(images/main-shadow.png) no-repeat 0 0; height: 446px; width: 980px;}
#main-top {background: url(images/main-top.gif) no-repeat 0 0; padding-top: 6px; position: relative; z-index: 10;}
#main-bottom {background: url(images/main-bottom.gif) no-repeat 0 bottom; padding-bottom: 5px}
#main-middle {background: url(images/main-middle.gif) repeat-y 0 0; height: 100%; min-height: 465px;}

#content {float: left; display: inline; width: 606px; padding: 42px 0 15px 55px;}
#content #subpages ul {list-style-type: none;}
#content #subpages ul li {float: left; display: inline; width: 196px; height: 176px; padding: 0 9px 0 0;}
#content #subpages ul li.last {padding-right: 0;}
#content #subpages ul li a { float: left; display: inline; width: 196px; height: 176px;}
#content #subpages ul li a.about-the-movie {background: url(images/about-the-movie.gif);}
#content #subpages ul li a.about-the-issue {background: url(images/about-the-issue.gif);}
#content #subpages ul li a.about-the-project {background: url(images/about-the-project.gif);}
#content {color: #858080;}
#content h1 {font-weight: normal; color: #009999; font-size: 42px; }
#content p {line-height: 19px; padding-bottom: 18px;}

#sidebar {float: right; display: inline; width: 226px; padding: 10px 16px 0 0;}
#sidebar ul {list-style-type: none;}
#sidebar ul li {display: block; padding-bottom: 6px;}
#sidebar .side-box-top {background: url(images/side-box-top.gif) no-repeat 0 0; padding-top: 7px;}
#sidebar .side-box-bottom {background: url(images/side-box-bottom.gif) no-repeat 0 bottom; padding: 0 5px 6px 5px;}
#sidebar .side-box-middle {background: url(images/side-box-middle.gif) repeat-y 0 0; height: 100%;}
#sidebar h3 {font-size: 28px; text-transform: uppercase; line-height: 1;}
#sidebar .subscribe {background: url(images/join-us.gif) no-repeat 0 0; padding: 0 0 5px 48px;}
#sidebar .subscribe p {font-size: 18px; color: #3399cc; line-height: 1;}
#sidebar .text-field {background: url(images/text-field.gif) no-repeat 0 0; width: 195px; height: 16px; display: block; margin: 0 auto; padding: 5px; margin-bottom: 5px;}
#sidebar .text-field .field {width: 195px; height: 16px; background: transparent; border: 0;}
#sidebar .submit-button {margin-bottom: 3px;}
#sidebar .more-story p {color: #339999; font-size: 22px;text-align: center; margin: 0 0 10px 0;}
#sidebar a.watch-online {background: url(images/watch-online.gif) no-repeat 0 0; width: 145px; height: 21px; line-height: 21px; text-align: center; color: #fff; font-weight: bold; display: block; margin: 0 auto 3px auto; text-decoration: none !important}
#sidebar .story-box {margin-bottom: 21px;}


#footer {background: url(images/footer.gif) no-repeat 0 0; width: 920px; height: 77px; display: block; margin: 0 auto 14px auto; color: #999; padding: 15px 20px;}
#footer p.details {font-size: 9px; margin-bottom: 20px;}
#footer .license {float: left; display: inline; width: 477px; color: #000;}
#footer .license img {padding-right: 5px;}
#footer .license span {text-decoration: underline;}
#footer .story {float: left; display: inline; width: 113px;}
#footer .animation {float: left; display: inline; width: 180px;font-size: 9px;}
#footer .animation p,
#footer .site-design p {padding-bottom: 2px;}
#footer .site-design {float: left; display: inline; width: 143px;font-size: 9px;}