/*   
Theme Name: Click Invest
Description: The main theme for Click Invest, first version
Author: Hanna Isacsson
Author URI: http://shoottheglass.net
Version: 1.0
*/

/*----- Colours used --------

#eeeadc - Grey background
#6f94a7 - Blue link and logo
#897463 - Links

----------------------------*/


/*----- Basic page setup -----*/

*{
  border:0px;
  margin:0px;
  padding:0px;
}

body{
  background:#eeeadc url(images/bgr.gif) repeat-x top;
  color:#000;
  font:12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}

a{
  color:#6f94a7;
  text-decoration:none;
}

a:hover{
  text-decoration:underline
}

li{
  list-style:none
}



/*----- Layout -----*/

#page{
  width:946px;
  background:#ffffff;
  margin:10px auto;
}

#page-bot{
  height:45px;
  background:url(images/page-bot.gif) no-repeat top;
  overflow:hidden;
}

#footer{
  clear:both;
  width:910px;
  height:25px;
  margin:0px auto;
  padding:20px 0px 5px 0px;
}


/*----- Header -----*/

#header{
  height:128px;
  background:url(images/header-bgr.gif) no-repeat top;
}

#header h1{
  margin-top:23px;
  background:url(images/logo.png) no-repeat;
  float:left;
  text-indent:-9999px;
}

#header h1 a{
  display:block;
  width:340px;
  height:105px;
}

#header h1 a:hover{
  text-decoration:none;
}


/*----- Language switcher -----*/

#lang{
  float: right;
  list-style:none;
  margin: 5px 5px 0 5px;
}

#lang li{
  display: inline;
  margin: 0 2px;
}

/*----- Navigation -----*/

#nav{
  float:left;
  height:33px;
  list-style:none;
  margin-top:59px;
  padding:0px;
}

#nav li{
  float:left;
  background:url(images/topmenu-sep.gif) no-repeat left;
  line-height:33px;
}

#nav li a{
  display:block;
  width:110px;
  color:#000;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  margin:0px;
  padding:0px 2px;
}

#nav li.current_page_item a,
#nav li.current_page_parent a,
#nav li.current_page_ancestor a{
  color:#6f94a7;
}

#nav li a:hover,#nav li.active a{
  color:#6f94a7;
  text-decoration:none;
}



/*----- Columns -----*/

#columns{
  width:875px;
  min-height:600px;
  margin:0 auto;
}

#leftcol{
  float:left;
  margin-left:25px;
}

#rightcol{
  float:right;
  margin-right:25px;
}

#leftcol, #rightcol{
  width:400px;
  font-size:1.8em;
  font-weight:normal;
  text-align:center;
  line-height:1.8em;
  margin-top:40px;
}

#leftcol a, #rightcol a{
  display:block;
  color:#897463;
}

#leftcol a, #rightcol a:hover{
  text-decoration:none;
}

#col1{
  float:left;
  width:200px;
}

#col2{
  float:right;
  width:590px;
  margin-top:5px;
  margin-right:35px;
}

#col3{
  width:875px;
}



/*----- Image Box -----*/

.box{
  margin:0 0 20px 0;
}


.box span{
  display: block;
  width:875px;
  height:200px;
}

.box a{
  display:block;
  height:160px;
  color:#fff;
  font-size:26px;
  font-weight:bold;
  text-align:right;
  text-decoration:none;
  padding:40px 20px 0px 0px;
}



/*----- Content -----*/

.content{
  line-height:20px;
  margin-top:15px;
}

.content p{
  margin-bottom:15px;
}

.content h2{
  color:#897463;
  font-size:16px;
  margin-bottom:10px;
}

.content h3, .content h4, .content h5{
  font-size:12px;
  font-weight:normal;
  margin:10px 0px 0px 0px;
}

.content h3{
  font-weight:bold;
  text-transform:uppercase;
}

/*.content h5{
  background:url(images/ico-star.gif) no-repeat left;
  height:16px;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 17px;
}*/



/*----- Lists and Definition list -----*/

#col2 ul{
  margin-left:15px;
}

#col2 ul li{
  list-style-type:disc;
  padding-bottom:20px;
}

#col2 dt{
  clear:left;
  display:block;
  float:left;
  width:120px;
  color:#6f94a7;
  font-weight:bold;
  text-transform:uppercase;
  margin:5px 0;
}

#col2 dd .headline{
  font-weight:bold;
  color:#000;
}

#col2 dd{
  display:block;
  float:left;
  width:400px;
  margin:5px 0;
}

#col2 img{
  margin:25px 0 10px 0;
}


/*----- Submenu -----*/

#submenu li{
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  border-bottom:1px dotted #999;
  padding:6px 0px;
}

#submenu ul{
  margin:5px 0px 0px 10px;
}

#submenu ul li{
  background: url('images/ico-dash.gif') 0 50% no-repeat;
  font-size:11px;
  font-weight:normal;
  border:none;
  padding:2px 0px 0px 15px;
}

#submenu li a{
  color:#000;
}

#submenu li.current_page_item a{
  color:#6f94a7;
}

#submenu li.current_page_item ul li.page_item a{
  color:#000;
}

#submenu li.current_page_item ul li.current_page_item a{
  color:#6f94a7;
}

#submenu li.username{
  color:#6f94a7;
  text-transform: none;
}



/*----- Footer -----*/

#footer{
  font-size:11px;
  color:#999;
  padding:0 10px;
}

#footer .fr{
  text-align:right;
}

#footer .fr a.ffn{
  color:#ee1d24;
}

#footer p.fl,
#footer p.fr{
  line-height:20px;
}

#footer span.cog{
  background: url('images/cog.png') 0 50% no-repeat;
  padding:3px 0px 0px 20px;
}

#footer span.unlock{
  background: url('images/unlock.png') 0 50% no-repeat;
  padding:3px 0px 0px 20px;
}

#footer span.lock{
  background: url('images/lock.png') 0 50% no-repeat;
  padding:3px 0px 0px 20px;
}

.linkfarm{
  clear:both;
  text-align:center;
  padding:20px 0 10px 0px;
}

.linkfarm a,
.linkfarm a:visited{
  color: #999;
  text-decoration: none;
}

.linkfarm a:hover,
.linkfarm a:active{
  text-decoration:underline;
}



/*----- Fixes and alignment -----*/

.fix{
  clear:both;
  height:1px;
  margin:0px 0px -1px;
  overflow:hidden;
}

.fl{
  clear:both;
  float:left;
}

img.fl{
  margin:3px 15px 5px 0px;
}

.fr{
  float:right;
}

.ac{
  text-align:center;
}

.ar{
  text-align:right;
}