/*
Theme Name: Minimilistica
Theme URI: http://stabani.com/wordpress/minimilistica
Description: A lightweight theme by stabani
Version: 1.0
Author: S.Tabani
Author URI: http://stabani.com

CSS Documentation: http://k2.stikipad.com/docs/show/CSS+Overview
*/

/* CSS Document */

body {
font:65% Verdana, "Bitstream Vera Sans", sans-serif;
color:#333;
border-top: 5px solid #4095C6;
margin:0;
padding:0;
background:#fff;
background-position: 890px 100%;
background-attachment:fixed;

}

a{
color: #666666;
text-decoration:none;}

a:visited {
color: #333;}

a:hover {
color: #0099CC;
text-decoration:underline;}

#page {
padding-top:0;
margin-top:-8px;
}

/*LEFT SIDE*/
#left {
width: 260px;
float:left;
text-align: right;
padding-top: 5px;
display:block;
padding-right: 10px;
padding-left: 10px;
}

#left h2 {font-size:1.3em;}

#logo {padding-right: 5px;padding-top: 0px; }
#logo h1{font-weight:normal;font-family:verdana, Sans-serif;font-size:2em;}
#logo h1 a:hover {text-decoration:none;}

#logo img{border:0;}

#pageslist ul {
list-style: none;}

/*MAIN BODY AREA */
.middle {
width: 480px;
float:left;
display:block;
overflow:hidden;
}

.middle div{
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background:#fff;}

#posts div{
border: 0;}

#tagline {
background: #e0e0e0 !important;
height: 35px;
padding-left: 10px;
padding-right: 10px;
}

#tagline h2{
font-size: .9em;
font-weight: normal;
color: #666666;
padding-top: 18px;}



#alert {
padding: 5px;
background: #ccffcc;
text-align:center;
border: 1px solid #00C600;}

.thedate {
background: #666 !important;
color: #CCCCCC;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
}

.thedate h2{
font-size: 1.2em;
padding-top: 5px;
padding-bottom: 5px;}

.item {
padding-left: 10px;
padding-right: 10px;
border-bottom:0;}

.itemtext {border-bottom:0;}
/*ITEM FORMATTING*/
.itemhead h3{font-size:1.4em;padding-bottom:0;margin-bottom:0;}
.itemhead h3 a{color:#4095C6;text-decoration:none;}
.itemhead h3 a:hover{color:#0099CC;border-bottom:2px solid;}
.itemhead {color:#003562}
.itemhead span{font-size: .9em;}
/*ASIDE FORMATTING*/
.aside .itemhead{float:left;margin-right:5px;margin-top:-1px;}
.aside .itemhead h3{font-size: 1.1em;margin-top:0px;margin-bottom:0;padding:0;}
.aside .itemhead p{padding-top:0;}
/*BOTTOMBAR AND FOOTER FORMATTING*/

.panel{
background: #fff;
border-top: 1px solid #666;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;}

#linkedin {
background: #eee !important;}


#footer{
border-top: 1px solid #666;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
background: #D7E9F3 !important;}
/** RIGHT AREA: ASIDES FOR LIFE, META DESCRIPTION FOR SINGLE AND BODY PAGES*/

#right {
width: 220px;
float:left;
display:block;
background: #fff url('slash.png');
padding-bottom: 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 8px;

}

#right div {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 1px;
margin-top: 10px;
background: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


#right h2 {
font-size: 1.4em;
color: #666666;
padding: 0;
margin: 0;
}

/**zooomrrss and flickrrss***/


.panel img {
	border: 0px;
	padding: 0px;
}



.panel a img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 2px 0;
}

.panel a:hover img {
	border: 1px solid #999;
	background: #4095C6;
}




/**clearfix**/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Comments Junk*/

#comments ul {list-style: none; margin: 0; padding: 0;}

#comments li {border: 1px solid #999; margin-bottom: 10px;padding-left: 5px; padding-right: 5px;}

#comments div {background:none;}

#comments li:hover {background: #D7E9F3;}

#comments .entry { border: 0 !important; padding-right: 40px;}


/*GRAVATAR implementation */
.gravatar {
	float:right;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 5px;
}

.postgrav {
	float: right;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: #fff;
}


/*END Comments Junk */
.right {position:relative;left:270px;}

/**Based of Sawchuck Special Notices */

.alert {
	background: #ffcccc url('images/sawchuk/emblem-important.png') 10px center no-repeat;
	border-top: 2px solid #993333;
	border-bottom: 2px solid #993333;
	margin: 10px auto;
	padding: 20px 20px 20px 65px;
	text-align: center;
	font-size: 1.7em;
	line-height: normal;
	}

.construction {
	background: #FFF6BF url('images/sawchuk/applications-development.png') 10px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 20px 20px 20px 65px;
	text-align: center;
	font-size: 1.7em;
	line-height: normal;
	}

.callout {
	background: none;
	margin: 10px auto;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	font-size: 1.7em;
	line-height: normal;
	}

.download {
	background: #D0F29D url('images/sawchuk/mail-attachment.png') 10px center no-repeat;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	margin: 10px auto;
	padding: 20px 20px 20px 65px;
	text-align: center;
	font-size: 1.7em;
	line-height: 115%;
	}

.blue_hilite {
	background: #9DD1F2 url('images/sawchuk/help-browser.png') 10px center no-repeat;
	border-top: 2px solid #419ED9;
	border-bottom: 2px solid #419ED9;
	margin: 10px auto;
	padding: 20px 20px 20px 65px;
	text-align: center;
	font-size: 1.7em;
	line-height: 115%;
	}

.code { /* use p class=code when you want to fake it, sometimes handy */
	background: #f2f2f2 url('images/sawchuk/utilities-terminal.png') 10px 20px no-repeat;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	margin: 10px auto;
	padding: 20px 20px 20px 70px;
	text-align: left;
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
code {
	display: block;
	background: #f2f2f2 url('images/sawchuk/utilities-terminal.png') 10px 20px no-repeat;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	margin: 10px auto;
	padding: 20px 20px 20px 70px;
	text-align: left;
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
	
.other {
	background: #ededed url('images/sawchuk/dialog-warning.png') 10px center no-repeat;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin: 10px auto;
	padding: 20px 20px 20px 65px;
	text-align: center;
	font-size: 1.7em;
	}
.download a, .download a:visited {
	color: #ed1c24;
	text-decoration: none !important;
	border-bottom: 2px dotted #ed1c24;
}

.download a:hover  {
	color: #c90404;
	text-decoration: none !important;
	border-bottom: 2px dotted #c90404;
}


.blue_hilite a, .blue_hilite a:visited {
	color: #444;
	text-decoration: none !important;
	border-bottom: 2px dotted #FFF;
}

.blue_hilite a:hover  {
	color: #0072bc;
	text-decoration: none !important;
	border-bottom: 2px dotted #FFF;
}

.callout a, .callout a:visited {
	color: #2ece00;
	text-decoration: none !important;
	border-bottom: 2px dotted #2ece00;
}

.callout a:hover  {
	color: #8de34c;
	text-decoration: none !important;
	border-bottom: 2px dotted #8de34c;
}

