/*
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+ :)
*/


body{
background-image: url(img/background.gif);
padding:0;
margin:0;
color:#666;
font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a{
color:#110;
text-decoration:none;
}

a:hover{
color:#666;
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{
list-style:square;
}

/* Headers */

h1{
font-size:43px;
color:#fff;
font-family:"Helvetica 65 Medium", Helvetica, sans-serif;
padding:91px;
text-transform:lowercase;
}

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


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

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

h2 a:hover{
color:#c00;
}

h3{
font-size:24px;
margin:5px 0 7px 0;
color:#000;
}

h4{
font-size:16px;
color:#333399;
}

/* Blog Contents */



#container{
background: #fff url(img/container.gif) repeat;
width:830px;
margin:0 auto;
}

#header{
width:800px;
height:150px;
margin:0 auto 20px auto;
background: #fff url(img/header.jpg) no-repeat;
}



#wrapper{
background-color:#fff;
width:800px;
margin:0 auto;
}


/* Navigation */


#nav_x{
padding:3px;
margin: 0 0 30px 0;
}


ul.nav_x, ul.nav_x2{
list-style:none;
margin:0;
padding: 0;
}

ul.nav_x li, ul.nav_x2 li {
display:inline;
}

ul.nav_x li a, ul.nav_x2 li a {
display:inline;
padding:20px 15px 4px 15px;
width:92px;
height:auto;
color:#339;
text-align:center;
font-family:Helvetica;
/*font-size:16px;*/
text-transform:lowercase;
text-decoration:none;
border-bottom: solid 3px #ddd;
}

ul.nav_x2 li a {
border-bottom: solid 2px #ddd;
}


ul.nav_x li a:hover, ul.nav_x li.current_page_item a, ul.nav_x li.current_page_ancestor a{
color:#000;
text-decoration:none;
border-bottom: solid 3px #339;
}

ul.nav_x2 li a:hover, ul.nav_x2 li.current_page_item a{
color:#000;
text-decoration:none;
border-bottom: solid 2px #339;
}

ul.nav_x {
	font-size: 16px !important;
}

ul.nav_x2 {
	margin: 20px 0 0 0;
	font-size: 14px !important;
}





/* Posts */

#main{
float:left;
width:900px;
}

.post{
min-height:400px;
padding: 40px;
text-align:justify;
}

.main{
text-align:justify;
}

.main p{
line-height:20px;
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:1px solid #999;
}

/*
.main img:hover{
padding:5px;
border:1px solid #444;
background:#666;
}
*/

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

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


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

.navigation{
font-size:11px;
}

/* Comments */

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

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

.alt{
color:#777;
}

ol#comments{
text-align:justify;
}

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


/* Forms */

input, textarea, select, button{
background:#fafafa;
border:1px solid #333399;
color:#666;
padding:3px;
margin:3px 0 5px 0;
font:12px Verdana, Arial, Helvetica, sans-serif;
}

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

/* Footer */

#footer{
background:#fff;
font-size:9px;
text-align:center;

margin:10px 0 0 0;
padding:10px 0 10px 0;
border-top:1px solid #999;
width:800px;
}

#footer a{
color:#999999;
}

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




/* 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: 10px 5px;
   margin: 0;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 20px 20px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* the overlayed element */
div.overlay {

    /* growing background image */
    background-image:url(img/white.png);

    /* dimensions after the growing animation finishes  */
    width:810px;
    height:500px;

    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(img/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}


/* black */
div.overlay.black {
    background:url(img/transparent.png) no-repeat !important;
    color:#fff;
}

/* petrol */
div.overlay.petrol {
    background:url(img/petrol.png) no-repeat !important;
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;
}

#lightbox-infoHeader {
font-size:14px;
font-style:italic;
text-align:center;
width:100%;
}