/*
Theme Name: 2009 theme
Theme URI: http://giveclicks.com/
Description: Custom theme developed for giveclicks.com
Version: 1.0
Author: Diego A Ruiz
Tags: custom, giveclicks, two columns

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */
body {
	font-size: 14px;
	font-family: Arial,Verdana, Sans-Serif;
  background: #fff url('images/givebg.jpg') repeat-x;
	color: #000;
  margin: 0;
  padding: 0;
}

#page {
	margin: 0 auto;
	width: 1000px;
}

#header {
  background: url('images/head.jpg');
  height: 146px;
}

#gcnavbar2{
  height: 35px;
  background: url('images/navbarbg.jpg');
}

#footer{
  height: 33px;
  background: url('images/footer.jpg');
  padding-left: 15px;
  padding-top: 35px;
  color: #fff;
}
#footer a, #footer a:link, #footer a:visited{
  font-size: 10px;
  color: #fff;
  text-decoration: none;
}
#footer a:hover, #footer a:active{
  color: #fff;
  text-decoration: underline;
}
#gcnavitems{
  margin: 0;
  padding: 0 0 0 10px;
  padding-top: 12px;
}

#gcnavitems li{
  float: left;
  list-style: none;
  height: 30px;
  width: 130px;
  text-align: center;
}

#content {
  background: url('images/contentbg.jpg') no-repeat;
  background-position: 450px 195px;
  background-color: #fff;
}
#content2 {
  background-color: #FFF;
  padding: 30px 40px 20px 40px;
}
#subscribetext {
  margin: 20px 0px 20px 0px;
  font-size:14px;
}

#grad {
  height: 30px;
  background: url('images/grad.jpg');
}

#content a, #content a:link, #content a:visited{
  color: #13517a;
  text-decoration: underline;
}
#content a:hover, #content a:active{
  color: #13517a;
  text-decoration: none;
}
#content2 a, #content2 a:link, #content2 a:visited{
  color: #13517a;
  text-decoration: underline;
}
#content2 a:hover, #content2 a:active{
  color: #13517a;
  text-decoration: none;
}
.sep{
  margin: 7px 0;
  height: 0;
  border-top: 1px #015476 solid;
  border-bottom: 1px #fff solid;
}
.sep2{
  margin: 20px 0;
  height: 0;
  border-top: 1px #015476 solid;
  border-bottom: 1px #fff solid;
  width: 900px;
}
#lcont2{
  float: right;
  width: 493px;
  margin-top: 20px;
  margin-right: 49px;
 	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
}
#rcont2{
  float: left;
  width: 387px;
  margin-top: 19px;
  margin-left: 61px;
}
h1 {
  margin: 0 0 7px 0;
  padding: 0;
  font-size: 21px;
  color: #13517a;
  font-weight: bold;
}
.leetle{
  font-size: 10px;
}
.clr {
	clear: both;
	height: 0px;
}
#nsome {
  float: right;
  margin: 0 10px 0 4px;
}
#afp {
  float: right;
}

#sdlist{
  margin: 0;
  padding: 0 0 0 15px;
}

#sdlist li{
  list-style: url('images/tick.jpg')
}
.ltop {
  width: 181px;
  height: 11px;
}
.lcont {
  background-color: #fff;
  width: 181px;
}
.lbot {
  width: 181px;
  height: 10px;
}
#contleft{
  width: 550px;
  float: left;
}
#sidebar{
	float: right;
	width: 330px;
  font-size: 12px;
}
.sbartitle{
  color: #13517A;
  font-size: 14px;
  font-weight: bold;
}
.sfarea{
  border: 1px #7f9db9 solid;
  background: url('images/bgform.jpg') repeat-x;
  height: 200px;
  width: 300px;
  overflow: auto;
}
.sfinput{
  border: 1px #7f9db9 solid;
  background: url('images/bgform.jpg') repeat-x;
  width: 300px;
}
.bblu{
  border: 1px #7f9db9 solid;
}
.sflabel{

}
.as{
  font-size: 16px;
  color: #f00;
}
.al{
  color: #f00;
}
.gr{
  color: #0f0;
}
.indexbg{
   background: url('images/bgindex.gif') no-repeat center bottom;
   color: #13517a !important;
}
.indexbg a{
   color: #13517a !important;
}
.howitworksbg{
   background: url('images/bghow.gif') no-repeat center bottom;
   color: #13517a !important;
}
.howitworksbg a{
   color: #13517a !important;
}
.findbg{
   background: url('images/bgfind.gif') no-repeat center bottom;
   color: #13517a !important;
}
.findbg a{
   color: #13517a !important;
}
.contactbg{
   background: url('images/bgcontact.gif') no-repeat center bottom;
   color: #13517a !important;
}
.contactbg a{
   color: #13517a !important;
}
.aboutbg{
   background: url('images/bgabout.gif') no-repeat center bottom;
   color: #13517a !important;
}
.aboutbg a{
   color: #13517a !important;
}
.downloadbg{
   background: url('images/bgdownload.gif') no-repeat center bottom;
   color: #13517a !important;
}
.downloadbg a{
   color: #13517a !important;
}
.nonbg{
   background: url('images/bgnon.gif') no-repeat center bottom;
   color: #13517a !important;
}
.nonbg a{
   color: #13517a !important;
}
.shoppingbg{
   background: url('images/bgshopping.gif') no-repeat center bottom;
   color: #13517a !important;
}
.shoppingbg a{
   color: #13517a !important;
}
#vid{
  margin-left: 53px;
  float: left;
}
#retailers{
  margin-right: 76px;
  float: right;
  width: 185px;
}
.bantop {
  background: url('images/bantop.gif');
  height: 11px;
}
.banmid {
  background: url('images/banmid.gif') repeat-y;
}
.banbot {
  background: url('images/banbot.gif');
  height: 11px;
}
.tithead{
  width: 300px;
  font-size: 17px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #fff;
}
.titfull{
  width: 100%;
  font-size: 17px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #fff;
}
.titmid{
  background: url('images/center_bar_03.jpg') repeat-x;
}
.formcont{
  width: 580px;
  margin-left: 140px;
}
.finp{
  width: 230px;
  border: 1px #7f9db9 solid;
}
.license{
  border: 1px #7f9db9 solid;
  overflow: auto;
  width: 550px;
  height: 200px;
  background-color: #fff;
  padding: 10px;
}
.bigh {
  font-size: 21px;
  color: #13517a;
  font-weight: bold;
  margin-top: 7px;
}
.midran{
  font-size: 14px;
}
.homebox{
  width:450px;
  padding: 12px;
}
.grte{
  font-size: 8px;
  color: #666;
}
.titdown{
  width: 305px;
  font-size: 17px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #fff;
}
.leetle{
  font-size: 11px;
}

.mmargin {
  margin-left: 45px;
}


#hlogotext{
    width: 540px;
    padding: 20px 20px;
    font-size: 14px;
    font-family: arial;
    color: #0095cd;
    float: left;
    text-align: justify;

}


#hlogocontainer{
  float: left;
  clear: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  /*min-height: 240px;*/
}

#hlogoimage{
  width: 250px;

  /* if we can show the following two rules to non-IE browsers, and hide them from IE, then vertically centering logos will work decently well */
  /*height: 240px;*/
  /*min-height: 240px;*/
  
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#hlogoimage img {
  vertical-align:middle;
}

#hvideo{
  width: 320px;
  height: 240px;
  border: 1px solid black;
  float: right;
  clear: right;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}

.down{
  font-size: 24px;
  font-family: arial;
  color: #015b97;
}
.dbutton{
  margin-left: 50px;
}
.pointheader{
  font-size: 24px;
  font-family: arial;
  color: #015b97;
}
.jstext{
    font-size: 14px;
    font-family: arial;
    color: #0095cd;
}
#shadow{
  background: url(images/divider.jpg) center top;
  height: 39px;
}
#fill{
  /*padding: 0 20px 20px 20px;*/
  /*padding: .1em 1em 1em 1em;*/
  padding: 10px;
}
.post {
	margin: 10px 0 0 0;
}

/* End giveclicks custom */