/*  
Theme Name: Lifetinker
Description: Lifetinker is a blog skin designed specially for Toby and Brooke. It is a 3 column fluid Wordpress theme is not free for public use.
Version: 0.1
Author: Clauz from Cricava 
Author URI: http://www.clauz.com.ar/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/


/******* CRICAVA CSS STYLESHEET ******/

/******* SKELETON CLASSES ******/


html
{
	height: 100%;
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	
}

body 
{
  	min-width: 550px;     
  	margin: 0px;
	padding: 0px;
	height: 100%;
	background: url('images/background-right.jpg') repeat-y right;
	
}

#frame 
{
	margin: 0px auto;
	padding: 0px;
	background: url('images/background-left.jpg') repeat-y 0 455px;
}

#main-outer
{
	margin: 0px auto;
	width: 100%;
	text-align: left;
}

#main-inner
{
	margin: 0px auto;
	width: 100%;
	text-align: left;
}

#header 
{ 
	padding: 0px; 
	margin: 0px;
	height: 110px;
	text-align: center;
	color: #C00000;
}

#left 
{ 
	float: left;
	width: 200px;
	height: 100%;
	padding: 0px;
	line-height: 18px;
}

#right 
{ 
	float: right;
	width: 195px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -100px;
	padding-left: 10px;
}

#middle 
{ 
	float: none;
	margin-right: 230px;
	margin-left: 210px;
}

#footer 
{ 	
	float: left;
	padding: 0px; 
	color: #b0b0b0;
	text-align: center;
	width: 100%;
	background: transparent;
}


/********** HEADER COLUMN ************/

#logo
{
	float: left;
	width: 20%;
	text-align: left;
}

#search
{
	float: left;
	width: 40%;
	text-align: right;
}




/********** LEFT COLUMN ************/


#left h2.widgettitle
{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	font-family: century gothic;
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}


#left li a, li a:link, li a:visited
{
	color: #000000;
	text-decoration: none;
	margin-left: 15px;
	line-height: 18px;
	padding-left: 0px;
	background: none;
	
}

#left li a:hover
{
	text-decoration: none;
	color: #ea7b05;
	border-bottom: 1px dashed;
}

#left ul
{
	margin-top: 5px;
	margin-bottom: 20px;
	
}

div.textwidget
{
	margin-bottom: 20px;
	margin-left: 15px;
}

div.sections
{
	float: left;
	width: 200px;
	background: #ffffff;
	position: relative;
	z-index: 2;
	position: relative;
	top: -5px;
}

div.columnImage
{
	float: left;
	position: relative;
	margin-top: 0px;
	width: 200px;
	z-index: 1;
	height: 100%;
	
}

/*********** RIGHT COLUMN ************/


#right li a, #right li a:link, #right li a:visited
{
	color: #000000;
	text-decoration: none;
	margin-left: 0px;
	padding-left:15px;
	line-height: 18px;
	background: url(images/bullet.gif) no-repeat; 
	
}

#right li a:hover
{
	text-decoration: none;
	color: #1083ff;
}

#right li.recentcomments, #right li.recentcomments a
{
	list-style-position: inside;
	list-style-type: square;
	list-style-image: url(images/bullet.gif);
	background: none;
}

#right ul
{
	margin-top: 5px;
	margin-bottom: 20px;
}

#right div.ngg-widget
{
	width: 180px;
	text-align: center;
}

#right div.ngg-widget a, #right div.ngg-widget li, #right div.ngg-widget li a, #right div.ngg-widget img a
{
	text-align: left;
	background: none;
	list-style-type: none;
}

#right h2.widgettitle
{
	color: #419eca;
	font-size: 15px;
	font-family: Century Gothic;
	margin: 0px;
	margin-bottom: 5px;
}

#right img.arrow
{
	position: relative;
	top: 0px;
	left: -2px;
}

#right img
{
	margin-bottom: 10px;
}



/*********** CENTER COLUMN **********/

#middle img.arrow
{
	position: relative;
	top: 5px;
}

div.post
{
	margin-bottom: 20px;
}

span.postDate
{
	color: #757575;
	font-weight: bold;
}


div.postInfo
{
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 5px;
}

div.postCategory
{
	float: left;
}

div.postAuthor
{
	float: right;
}

div.postText
{
	text-align: justify;
	margin-top: 0px;
	line-height: 17px;
}

div.postFeedback
{
	margin-top:	 10px;
}

div.postActions
{
	margin-top:	 10px;
}

div.post a, div.post a:link, div.post a:visited
{
	text-decoration: underline;
	color: #6b9215;
}

#middle h2.postTitle, #middle h2.postTitle a, #middle h2.postTitle a:link, #middle h2.postTitle a:visited 
{
	text-align: left;
	font-family: Arial, Verdana, Courier New, Courier, Helvetica;
	font-size: 18px;
	color: #ff991b;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}

#middle h2.postTitle a:hover
{
	text-decoration: none;
	color: #ffca00;
}

#middle ul
{
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 0px;
	list-style-position: inside;
	
}

#middle li
{
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	padding-left: 10px;
	line-height: 17px;
	margin-bottom: 8px;
}

#middle li a
{
	margin-left: 5px;
}

/********** FOOTER ************/


#footer a, #footer a:link, #footer a:visited
{ 	
	color: #a0a0a0;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#footer a:hover
{ 	
	color: #C00000;
	text-decoration: none;
	border-bottom: 1px dashed;
}


/******** SEARCH ELEMENTS **********/


div.search
{
	color: #C00000;
}

div.search span.imageInput
{
	position: relative;
	top: 14px;
	left: 2px;
}

div.searchNotFound
{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

div.searchSummaryInfo
{
	border-top: 1px solid #c0c0c0;
}



/********* COMMENTS **********/

.ucomment 
{ 
	border-left:none; 
	border-right:none; 
	margin-bottom:3px; 
	margin-top:3px; 
} 


.ucomment img,.addthis img 
{ 
	border:0; 
}

ol.commentlist 
{ 
	margin:0 0 1px; 
}

ol.commentlist li
{ 
	list-style:none; 
	margin:0; 
	padding: 0px;
}

ol.commentlist li.commenthead 
{ 
	list-style:none; 
	margin:0; 
} 

ol.commentlist li.commenthead h2 
{ 
	margin:0; 
}

.gcomment 
{ 
	margin-bottom:10px; 
}


/***********  ADS ************/

.ads 
{ 
	margin-top:10px; 
	line-height:16px; 
	margin-left:10px; 
	float:left; 
	width:510px; 
	border:3px solid #f3f3f3; 
	text-align:center; 
	padding:10px; 
}

.ads img 
{ 
	border:0; 
	text-align:center; 
}


/****** TITLES, INPUTS AND HRS *******/


h1
{
	text-align: left;
	font-family: Tahoma, Arial, Verdana, Courier New, Courier, Helvetica;
	font-size: 14px;
	color: #000000;
	border-bottom: 1px solid #000000;
	text-transform: capitalize;
}

h2
{
	font-family: Century Gothic;
	font-size: 16px;
	font-weight: bold;
	color: #6b9215;
}

h3
{
	font-family: Century Gothic;
	font-size: 15px;
	font-weight: bold;
	color: #6b9215;
	border-bottom: 1px solid #c0c0c0;
}


input.textInput
{
 	border: 1px solid #c0c0c0; 
 	font-family: Verdana;
 	font-size: 13px;
}

textarea.textInput
{
	border: 1px solid #909090; 	
	font-family: Verdana;
 	font-size: 12px;
}

input.submitButton
{
	border: 1px solid #909090;
	font-family: Verdana;
	font-size: 11px;
	color: #505050;
	background: #FFFFFF;
} 

hr 
{	
	height: 3px;	
	color: #c0c0c0;
	background-color: #c0c0c0;
	border: 0;
	padding: 0px;
}

img
{
	border: 0px solid;
}

p
{
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: justify;
	line-height: 17px;
	
}

ul
{
	list-style-type:none; 
	margin: 0px;
	padding: 0px;
}

li, li a, li a:link, li a:visited
{
	background: none;
	list-style-type: none;
	padding: 0px;
}

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