/*

Theme Name: alphanauthilus
Theme URI: http://blog.iqbalir.com
Description: Developed and maintained by <a href="http://iqbalir.com">iqbalir.com</a>. Built on top of the famous <a href="http://getk2.com">K2 
theme</a>. Originally developed by <a href="http://binarybonsai.com">Michael Heilemann</a> and <a href="http://chrisjdavis.org">Chris J. Davis</a>, as a 
sequel in spirit to <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Share and distribute.
Version: (Based on Beta Two svn)
Author: iqbal irwansyah
Author URI: http://iqbalir.com


	This theme is developed and maintained by iqbal ir:
	http://iqbalir.com

	The original 2 column version of this theme was created by Michael Heilemann:
	http://binarybonsai.com/

	And Chris J. Davis:
	http://www.chrisjdavis.org/

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

-->	CSS OVERVIEW
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
	It is suggested, that you copy whatever changes you want
	to make, into a new CSS file, save it in the styles dir
	and select it from the K2 Options panel. So as to keep
	this file intact and make it easier for yourself to debug
	any potential problems as well as upgrade to future K2's.

++++++++++++++++++++++++++++++++++++++++++++

	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Iqbal_Ir
	Author Site	: http://iqbalir.com
	Style Name	: K2 alphanauthilus
	Style URI	: http://blog.iqbalir.com
	Version		: Beta 0.0
	Comments    : Easy switch between 2 columns & 3 columns. All my effort is to make more people use the BEST Wordpress theme , K2

	NOTE: Ok now if anyone wants to release their customizations based on this theme, you should leave the Style URI and Comments section above as it is.
	
*/

#page {
	width: 970px !important;
	_width: 970px !important;
	border: none !important;
	}
body.flex #page {
	min-width: 970px !important;
	}
#primary {
	width: 450px !important;
	_width: 450px !important;
	margin: 0 25px 0 25px !important;
	_margin: 0 25px 0 25px !important;
	}
.secondary {
	padding: 10px 0 10px!important;
	margin: 0 0 20px 500px !important;
	width: 470px !important;
	_padding: 10px 0 10px !important;
	_margin-left: 0%;
	_margin-right: -4%;
	_width: 470px !important;
	}


#pagetrack {
	margin: 0 auto;
	width: 168px;
	}
	
#LSResult {
	width: 52.7% !important;
	}

.pagetitle { /* Used on static pages and archives */
	margin: 0px 0 15px !important;
	}
	
/* My customization for 3 column sidebar */

.lsidebar {
	margin: 0;
	width: 250px !important;
	_width: 250px;
	float: left !important;
	padding: 0 9px 0 9px !important;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
.rsidebar {
	margin: 0;
	width: 165px !important;
	_width: 165px;
	float: right !important;
	padding: 0 25px 0 10px !important;
	}	
.sb-about{
	text-align:justify;
	}


/*-
	FlickrRSS
*/

.sb-flickr h2 {
	padding-left: 0px;
	clear: left;
	padding-top: 10px;
        }
		
.sb-flickr div a img {
	border: none;
	padding: 2px !important;
	margin: 15px 2px 0 !important;
	background-color:#E6F4FC;
}

.sb-flickr div a:hover img {
	border: none;
	background: #FFC0CB;
}

.sb-flickr div img {
	border: 0px;
	padding: 5px;
}

/* --------------------------------------------*/

.feedlink img { /* On the sidebar */
	right: 210px;
	border: 0 !important;
	padding: 0 !important;
	}
.feedlink img:hover { /* On the sidebar */
	background: none !important;
	}

	
.secondary div.sb-comments li > a[title="Go to the comments of this entry"]{
	position:absolute;
	right: 212px;
	color:#999;
	}	

.grav-side img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin: 2px 3px 1px 0px;
	float: left;
}

.grav-side li {
	float: none;
	clear: both;
}


/* Footer */

#footer {
	margin: 2px auto auto;
	padding: 9px;
	height: auto;
	background: white;
	text-align: center;
	width: 952px;
	_width: 950px;
	border-top: 1px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	border-left: 0px solid #ddd;
	}

#footer a {
	color: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: black;
	}

/* Footer 2 */
#footer2 {
	position:fixed;
	bottom:0;
	width:100%;
	background:#3371A3;
	border-top:1px solid #666666;
	border-bottom:none;
	color:#ccc;
	clear:both;
	padding:3px 0;
    text-align:center;
}


/*------------styling for midpan.php---------------*/

#glass-bottomblock a {
        color: #333;
        text-decoration: none !important;
        }

#glass-bottomblock a:hover {
	color: #333 !important;
        text-decoration: underline!important;
        }

#glass-bottomblock a:visited {
        color: #333;
        }

#glass-bottomblock { /* This is the main bottomblock container */
        display: block;
        height: 220px; 
        width: 950px;
        padding: 10px 0px 0px 20px; 
        margin: 0; 
        background: #fff url(images/midpan3.gif) repeat-x left top;
        font-family: Trebuchet MS; 
        font-size: 1.15em;
        color: #666 !important;
        }

#glass-bottomblock h2 {
        font-size: 16px;
        font-family: Helvetica, Arial, Sans-Serif !important;
        text-transform: lowercase;
        letter-spacing: -1px;
        color: #363636 ;
        padding-bottom: 0px;
        padding-left: 0px;
        }

/* These are the individual blocks */

.bottomblockleft {
        width: 220px; 
        height: auto;
        padding: 2px 10px 0px 20px;
        float: left;
        border:none;
        background: transparent;
        }

/*		
.bottomblockleft {
	width: 220px;
	height: 220px;
	padding: 2px;
	float: left;
	background: transparent;
	position: static;
	clear: none;
	border-top: none;
	border-right: 1px solid #0066FF;
	border-bottom: none;
	border-left: none;
        }
*/

.bottomblockmiddle {
	width: 280px;
	height: auto;
	padding: 2px 10px 0px 15px;
	float: left;
	background: transparent;
/*	border-top: 0px none #000099;
	border-right: 1px solid #000099;
	border-bottom: 0px none #000099;
	border-left: 1px solid #000099;
*/
}

.bottomblockright {
        width: 220px; 
        height: auto;
        padding: 0px 7px 0px 15px;
        float: left;
        border:none;
        background: transparent;
        }
		
.bottomblockright1 {
        width: 110px; 
        height: auto;
        padding: 0px 25px 0px 15px;
        float: left;
        border:none;
        background: transparent;
        }		

.bottomblockright2 {
        width: 110px; 
        height: auto;
        padding: 0px 15px;
        float: left;
        border:none;
        background: transparent;
        }
		
.bottomblockleft, .bottomblockmiddle, bottomblockright1 {
        margin-right:13px;
        }

.ft-about {
        margin-top: -10px;
        line-height: 1.5em;
        }

.sb-latest li {
        padding: 0 0 4px;
        margin-left: 0;
        list-style-type: none !important;
        }

.sb-latest h2 {
        padding-left: 0px;
        }

.sb-latest ul {
        margin-top: 0px;
        }
		
.sb-latest li {
        padding: 0 0 4px;
        margin-left: 0;
        list-style-type: none !important;
        }

.sb-latest-mid h2 {
        padding-left: 40px;
        }

.sb-latest-mid ul {
        margin-top: 0px;
        }

.sb-latest-mid li {
        padding: 0 0 2px;
        margin-left: 0;
        list-style-type: none !important;
        }
		
.sb-latest-mid-delicious li {
        padding: 0 0 2px;
        margin-left: 0;
        list-style-type: none !important;
        }

.sb-latest-mid-delicious h2 {
        padding-left: 40px;
        }

.sb-latest-mid-delicious ul {
        margin-top: 0px;
        }

.sb-comments li {
        padding: 0px 0 7px 0;
        list-style: none !important;
        }

.sb-comments {
        margin: -10px 0 0 -40px !important;
        text-transform: lowercase !important;
        }

.item2 {
        padding: 0px 0 60px;
        font: 1.2em Trebuchet MS;
        text-align: left;
        color: #333;
        padding-bottom: 1px;
        line-height: 150% !important;
        }
        
.itemtext2 {
        font: 1.2em Trebuchet MS ; 
        text-align: left;
        color: #333;
        padding-bottom: 1px;
        line-height: 150% !important;
        }

.sb-latest2 a {
        color: #333;
        }

.sb-latest2 a:hover {
        text-decoration: underline !important;
        }

.delicious-extended {
        font-size: 12px !important;
        display: inline !important;
        }

.delicious-post {
        margin-bottom: 8px !important;
        }

.comments h4 a {
        font-family: Trebuchet MS !important;
        font-size: 22px !important;
        }

.comments h4 {
        font-family: Trebuchet MS !important;
        font-size: 22px !important;
        }

.sb-about a:hover {
        text-decoration: underline !important;
        }

img.wp-smiley {
	border: none !important;
	padding: 0!important;
	}
