/*
Theme Name: Capricorn
Theme URI: http://www.random-is.me/themes/
Version: 1.3
Description: Capricorn is a light simple one cloumn theme, designed for people with simple taste.
Author: <a href="http://shaibanii.com">Shaibanii</a>
Tags: white, black, one-column, fixed-width, light
For the WordPress community (GPL), enjoy!
by Shaibanii - Random-is.me

For WordPress 2.7+ :)
*/

#s{
width:170px;
}
	
.screen-reader-text{
color:#ffffff;
size:1px;
line-height:1px;
}

body{
background-color:#00BCE4;
background-image:url('/images/bgsun.png');
background-repeat:no-repeat;
background-position:top;
background-attachment:fixed;
color:#464646;
font:12px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}

a{
color:#00BCE4;
text-decoration:none;
}

a:hover{
color:#000;
text-decoration:none;
}

blockquote {
padding:0 0 0 20px;
color:#000;
}

blockquote a{
color:#999;
}

cite{
font-size:inherit;
font-style:normal;
}

code{
background:#efefef;
color:#000;
}

ul, li{
list-style:square;
}

img{
border:0px;


}

/* Headers */

h1{
font-size:43px;
color:#464646;
font-family:"Helvetica 65 Medium", Helvetica, sans-serif;
text-align:center;
text-transform:lowercase;
}

h1 a, h1 a:hover{
color:#00BCE4;
text-decoration:none;
}


h2{
font-size:20px;
margin:5px 0 7px 0;
text-align:justify;
}

h2 a{
color:#000;
text-decoration:none;
}

h2 a:hover{
color:#00BCE4;
}

h3{
font-size:20px;
margin:5px 0 7px 0;
text-align:justify;
color:#000;
}


h4{
text-align:center;
font-size:12px;
color:#464646;
}



/* Blog Contents */

#wrapper{
width:950px;
min-height:1950px;
margin:0 auto;
background:#fff;
padding-top:0px;
padding-bottom:20px;
}

#follow{
float:right; 
padding-right:10px;
padding-top:150px;
}

#header{
margin:0 auto;
width:950px;
}

/* Navigation */


#nav{

width:100%;
height:40px;
background:#FFEF00;
overflow:hidden;
padding:0px;
margin:0px;
margin-bottom:10px;
}

.nav{
position:relative;
top:10px;
width:100%;
height:25px;
overflow:hidden;
padding:0px;
margin:0px;
}

.nav a{
font-size:20px;
color:#000;
}

.nav a:hover{
color:#00BCE4;
}

/* Posts */
#frame{
padding:0px;
margin:0px;
width:150px;
height:170px;


}
#main{
position:relative;
top:-20px;
left:0px;
width:480px;
padding:0px;
padding-left:20px;
overflow:hidden;


}


.post{
text-align:left;
width:480px;

}

.main{
text-align:left;
border-bottom:1px solid #bbb;
width:480px;

}

.main p{
line-height:18px;
margin:0 0 15px 0;
}

.main ol{
line-height:18px;
margin:0 0 15px 30px;
}

.main ul{
line-height:18px;
margin:0 0 15px 30px;
}

.main li{
margin:0 0 5px 0;
}


.main img{
padding:5px;
border:0px solid #999;
max-width:425px;
}

.main img:hover{
padding:5px;
border:0px solid #444;
background:;
}

img.wp-smiley{
padding:0px;
border:0px;
}

img.wp-smiley:hover{
padding:0px;
border:0px;
}


.meta{
font-size:9px;
line-height:15px;
display:inline;
color:#333;
padding:5px;
margin:0 0 30px 0;
}

.navigation_group{
font-size:11px;
width:450px;
margin-left:auto;
margin-right:auto;
padding: 10px;
text-align: center;
}



/* Sidebar */
.sidebar, .sidebar2{
float:left;
background:#fff;
padding:5px;
width:190px;
height:100%;
margin-left:0px;
margin-right:0px;
border-right: 1px solid #bbb;
position:relative;
top:-20px;
}

.sidebar2{
float:right;
border-right:0px;
border-left: 1px solid #bbb;
margin-left:0px;
margin-right:0px;
padding-left:20px;
}


.sidebar ul, li{
list-style:none;
padding-left:0px;
width:140px;
}

.sidebar2 ul, li{
list-style:none;
padding-left:0px;
width:140px;
}

.sidebar h2, .sidebar2 h2{
font-size:12px;
color:#000;

}


#cat{
height:36px;
width:189px;
background-repeat:no-repeat;
list-style:none;
padding-top:10px;
padding-left:10px;
color:#fff;
}


#cat a{
color:#fff;
font-weight:bold;
}

#cat a:hover{
color:#000;

}

li.cat-item a, li.rectangle a{
padding-left:10px;
font-size:14px;
color:#fff;
}

li.cat-item a:hover, li.rectangle a:hover{
color:#000;

}

.makesomething{
width:170px;
height:220px;
background:#1fb25a;

padding:10px;
color:#fff;
}

/* Comments */
.comments{
float:left;

}

.gravatar{
float:left;
padding:2px;
border:1px solid #999;
margin:5px;
}

.gravatar:hover{
padding:2px;
border:1px solid #444;
}

.alt{
background:#eee;
min-height:70px;
margin-bottom:-20px;
width:300px;
}

ol#comments{
text-align:left;
}

.gravatar{
float:left;
border:1px solid #222;
}

.comments li{
width:600px;
list-style:none;

}

/* Forms */

input, textarea, select, button{
color:#464646;
padding:2px;
margin:3px 0 5px 0;
font:10px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}

input:focus{
border:1px solid #555;
}



/* Footer */

#footer{
font-size:9px;
text-align:center;
float:left;
margin:10px 0 0 0;
padding:10px 0 10px 0;
width:100%;
color:#000;
}

#footer p{
font-size:11px;
padding:0px;
margin:0px;
}

#footer a{
color:#000;
}

#footer a:hover{
color:#fff;
}




/* Others */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*Homepage Loop*/
.feat li{
margin-top:0px;
padding:5px;
display:inline;
float:left;
width:190px;
height:204px;
color:#fff;
}


.feat{
height:240px;
width:440px;
background-image:url('/images/bg1.jpg');
}

.recentposts li{
margin-top:0px;
padding:5px;
display:inline;
float:left;
width:190px;
height:204px;
color:#fff;
}

.recentposts{
height:240px;
width:440px;
background-image:url('/images/bg2.jpg');

}

.category_crafts li{
margin-top:0px;
padding:5px;
display:inline;
float:left;
width:190px;
height:204px;
color:#fff;

}

.category_crafts{
height:240px;
width:440px;
background-image:url('/images/bg3.jpg');

}

.category_food li{
margin-top:0px;
display:inline;
float:left;
width:180px;
height:204px;
color:#000;
}

.category_food{
margin-top:10px;
height:240px;
width:440px;
overflow:hidden;
background-image:url('/images/bg4.jpg');


}

.feat a, .recentposts a, .category_crafts a, .category_food a{
color:#000;

}


.feat a:hover, .recentposts a:hover, .category_crafts a:hover, .category_food a:hover{
color:#fff;

}

/*Rollovers */
a.rollover_welcome {
	display: inline-block;
	width: 86px;
	height: 30px;
	text-decoration: none;
	background: url("/images/welcome.png");
	vertical-align:top;
	text-decoration:none;	
	margin-right:20px;
	}

a.rollover_welcome:hover {
	background-position: 0px -30px;
	}

.displace_classroom {
	position: absolute;
	top: -5000px;
	}

a.rollover_classroom {
	display: inline-block;
	width: 90px;
	height: 30px;
	text-decoration: none;
	background: url("/images/classroom.png");
	vertical-align:top;
	text-decoration:none;	
	margin-right:20px;
	}

a.rollover_classroom:hover {
	background-position: 0px -28px;
	}

.displace_welcome {
	position: absolute;
	top: -5000px;
	}
a.rollover_kids {
	display: inline-block;
	width: 39px;
	height: 30px;
	text-decoration: none;
	background: url("/images/kids.png");
	vertical-align:top;
	text-decoration:none;	
	margin-right:20px;
	}

a.rollover_kids:hover {
	background-position: 0px -30px;
	}

.displace_kids {
	position: absolute;
	top: -5000px;
	}
a.rollover_adult {
	display: inline-block;
	width: 86px;
	height: 30px;
	text-decoration: none;
	background: url("/images/adult.png");
	vertical-align:top;
	text-decoration:none;
	margin-right:20px;	
	}

a.rollover_adult:hover {
	background-position: 0px -30px;
	}

.displace_adult {
	position: absolute;
	top: -5000px;
	}
a.rollover_holiday {
	display: inline-block;
	width: 86px;
	height: 30px;
	text-decoration: none;
	background: url("/images/holiday.png");
	vertical-align:top;
	text-decoration:none;	
	margin-right:20px;
	}

a.rollover_holiday:hover {
	background-position: 0px -30px;
	}

.displace_holiday {
	position: absolute;
	top: -5000px;
	}
a.rollover_food {
	display: inline-block;
	width: 86px;
	height: 30px;
	text-decoration: none;
	background: url("/images/foodart.png");
	vertical-align:top;
	text-decoration:none;	
	margin-right:20px;
	}

a.rollover_food:hover {
	background-position: 0px -30px;
	}

.displace_food {
	position: absolute;
	top: -5000px;
	}
a.rollover_shop {
	display: inline-block;
	width: 47px;
	height: 30px;
	text-decoration: none;
	background: url("/images/shop.png");
	vertical-align:top;
	text-decoration:none;
	margin-right:20px;	
	}

a.rollover_shop:hover {
	background-position: 0px -26px;
	}

.displace_shop {
	position: absolute;
	top: -5000px;
	}
a.rollover_comics {
	display: inline-block;
	width: 86px;
	height: 30px;
	text-decoration: none;
	background: url("/images/comics.png");
	vertical-align:top;
	text-decoration:none;
	margin-right:20px;	
	}

a.rollover_comics:hover {
	background-position: 0px -30px;
	}

.displace_comics {
	position: absolute;
	top: -5000px;
	}
a.rollover_sites {
	display: inline-block;
	width: 47px;
	height: 30px;
	text-decoration: none;
	background: url("/images/sites.png");
	vertical-align:top;
	text-decoration:none;
	margin-right:20px;	
	}

a.rollover_sites:hover {
	background-position: 0px -30px;
	}

.displace_sites {
	position: absolute;
	top: -5000px;
	}
a.rollover_advertisewithus {
	display: inline-block;
	width: 140px;
	height: 30px;
	text-decoration: none;
	background: url("/images/advertisewithus.png");
	vertical-align:top;
	text-decoration:none;
	margin-right:20px;	
	}

a.rollover_advertisewithus:hover {
	background-position: 0px -28px;
	}

.displace_advertisewithus {
	position: absolute;
	top: -5000px;
	}


