/*
Theme Name: \\Geek.Candy
Theme URI: http://geek-candy.cm/
Description: \\Geek.Candy WP Theme.
Version: 1.2
Author: Pedro Costa Neves
Author URI: http://persocon.org
Tags: pink, blue, green, clouds
*/

html, body, #main {height: 100%;}

body > #main {height: auto; min-height: 100%;}

#content {}  /* must be same height as the footer */
a{
outline:none;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


html{
background-color:#EF99BC;
background-image:url('images/bg2.png');
background-repeat:repeat-x;
background-position: bottom; 
}
body{
margin:auto;
background:#EF99BC;
background-image:url('images/bg3.png');
background-repeat:no-repeat;

background-position:top center;
text-align:center;
color:#000000;
font:85% 'Trebuchet Ms', Verdana, Arial, Tahoma, Sans-Serif;
height:100%;
}
#main{
margin:auto;
width:900px;
}
#top{
margin:auto;
width:900px;
height:274px;
background:url(images/top.png) no-repeat #EF99BC;
text-align:left;
}
#logo{
margin:auto;
width:306px;
height:91px;
float:left;
padding-left:10px;
padding-top:20px;
}
#wild{
margin:auto;
width:357px;
height:100px;
float:left;
padding-left:30px;
}
#nav{
margin:auto;
height:53px;
float:right;
padding-top:60px;
}
#login{
color:#FFF;
padding-left:20px;
float:right;
}
#login a:active, #login a:link, #login a:visited, #login a:hover{
color:#FFF;
text-decoration:none;
}
#login a:hover{
text-decoration:underline;
}
#post a, #post a:active, #post a:link, #post a:visited, #post a:hover{
color:#FFF;
text-decoration: none;
border-bottom: dashed 1px #fff;
}
#post a:hover{
color:#FFF;
text-decoration: none;
border-bottom: solid 1px #fff;
}

#content{
margin:auto;
width:900px;
background:#EF99BC;
color:#FFF;
text-align:left;
float:left;
}
#candy-month{
width:646px;
height:326px;
margin-left:10px;
padding-top:5px;
margin-bottom:20px;
background:url(images/candymonthbg.png) no-repeat;
position:relative;
}
.see-more{
width:630px;
height:39px;
bottom:11px;
left:8px;
position:absolute;
}
.imgmonth{
margin-top:3px;
margin-left:7px;
}
#candy-month h3, h4{
bottom:-30px;
position:absolute;
}
#candy-month h4{
right:20px;
font-style:italic;
}
#candy-month h3{
left:20px;
}
#sponsor{
margin:auto;
margin-top:-420px;
width:230px;
height:340px;
float:right;
}
.marginsidebar{
margin-left:40px;
}
#inner-sponsor{
margin:auto;
width:200px;
height:340px;
text-align:left;
padding-left:10px;
}
#other-months{
margin:auto;
width:800px;
height:210px;
margin-left:20px;
margin-top:30px;
text-align:left;
padding-left:40px;
position:relative;
}
#other-months a, #other-months a:link, #other-months a:active, #other-months a:visited, #other-months a:hover{
color:#FFF;
text-decoration:none;
}
#other-months a:hover{
text-decoration:underline;
}
.imgm{
margin:auto;
top:-25px;
left:10px;
position:absolute;
display:block;
}
.block-blue{
margin:auto;
width:250px;
height:175px;
padding-left:10px;
padding-top:5px;
background:url(images/othermonthsbg_blue.png) no-repeat;
position:relative;
}
.block-green{
margin:auto;
width:250px;
height:175px;
padding-left:10px;
padding-top:5px;
background:url(images/othermonthsbg_green.png) no-repeat;
position:relative;
}
.block-date{
bottom:10px;
right:20px;
position:absolute;
font-style:italic;
}
.month{
margin-left:-550px;
}
#content hr, #footer hr{
border:none;
border-bottom:3px dashed #FFF;
margin-bottom:0px;
width:890px;
}
#footer hr{
margin-top:0px;
}
.imgothers{
margin-left:-6px;
margin-top:-2px;
}
.message{
color:#000;
}
#post{
margin:auto;
width:660px;
padding-right:5px;
padding-bottom:5px;
border-right:3px dashed #FFF;
text-align:left;
float:left;
}
.bnone{
border-bottom: none;
}
#post textarea{
width:400px;
}
#content a, #content a:link, #content a:active, #content a:visited, #content a:hover{
color:#FFF;
text-decoration:none;
}
#content a:hover{
text-decoration:none;
}
#sponsor-single{
margin:auto;

width:230px;

float:right;
}
div#box{
background-color:#B0ECA6;
padding: 10px;margin:0 auto;
}
div#box a:active, div#box a:link, div#box a:visited, div#box a:hover{
text-decoration:none;
border:none;
}
/*comment boxes*/
div#commentform{
margin:0 auto;
padding:10px;
width:420px;
background-color: #B0ECA6;
}
div#commentform label{
font-size:15px;
font-weight:bold;
}
.text, #wpcf_website, #wpcf_msg
{
background-color: #A6C0EC;
width:400px;
border:2px dashed #FFF;
color: #FFF;
padding:3px;
}
div#commentform .button{
background-color:#A6C0EC;
border:2px dashed #fff;
font-size:15px;
font-weight:bold;
color:#FFF;
}
/*end*/
/*loginbox*/
div#login{
margin:0 auto;
border:1px dashed #FFF;
background-color:#B0ECA6;
margin-top:3px;
width:180px;
font-weight:bold;
text-align:center;
padding:5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
/*end*/
#comments cite a img{
background-color:#B0ECA6;
border: dashed 2px #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:5px;
}
#comments .alt cite a img{
background-color:#A6C0EC;
border: dashed 2px #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:5px;
}
.comment-wrap{
background-color:#A6C0EC;
}
.comment-wrap, .alt{
padding:10px;
border:1px solid #FFF;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin-bottom:5px;
}
.alt{
background-color:#b0eca6;
}
div.footer-column { width: 240px; height: 164px;padding: 5px; margin-right: 10px; border:none; text-align:left; overflow: hidden;}
div.border-left{border-left:3px dashed #FFF; }
div.float-left { float: left; overflow: hidden; }
div.site-information{ width:350px; padding-top:0px;}
div.footer-wrapper { 
margin:auto;
display:block;
width: 900px;
height:170px;
}
#footer hr{
width:100%;
}
#footer {
	position: relative;
	margin-top: -177px; /* negative value of footer height */
	height: 177px;
	background:url(images/greenbg.png) repeat-x top #B0ECA6;
	text-align:center;
	color:#FFF;
	clear:both;
	} 
/*#footer { 
position: relative;
margin-top: -164px; 
height: 164px;
clear:both;
float: left;
margin: 0px auto;
text-align:center;
overflow: hidden;
background:url(images/greenbg.png) repeat-x top #B0ECA6;
color: #FFF;
}*/
#footer ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; border-top: 1px #FFF solid; text-align:left;}
#footer li { margin: 0px; padding: 1px 0px 1px; border-bottom: 1px #FFF solid; width: 280px; }
#footer li a { display: block; text-decoration: none; padding: 1px 0px; }
#footer a, #footer li a { color: #FFF; }
#footer a[href^="http://persocon.org"]:hover, #footer a[href^="http://dropstudio.com.br/"]:hover, #footer li a:hover { background:#EF99BC; }
#footer h2, #footer h2 a { font-size: 1.3em;margin-top:0px; }
#footer a:hover img, a:active img, a:visited img, a:link img{border:none; background:none;}


#mycarousel {
float: left;
width: 750px;
text-align: center;
}
#mycarousel ul {
list-style: none;
}

#mycarousel li a {
color: #FFF;
}

#mycarousel li a:hover{color:#FFF; text-decoration:underline;}
.color{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background:#A6C0EC;
border: 2px dashed #FFF;
}
.color2{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background:#b0eca6;
border: 2px dashed #FFF;
}
.post-wrap{
position:relative;
width:244px;
height:168px;
}
.post-wrap2{
position:relative;
width:244px;
height:168px;
float:left;
margin-bottom:3px;
margin-left:3px;
}
.data{
position:absolute;
bottom:2px;
right:3px;
}

