/*  
Theme Name: My2Gig Butterfly
Theme URI: http://www.my2gig.com
Description:  Get More Free Wordpress Themes By Visiting <a href="http://www.wordpress.pro">Wordpress Theme</a>
Version: WP 2.2.1
Author: Adis Arifagic
Author URI: http://my2gig.com

	 My2Gig ButterFly
	 http://my2gig.com/blog

	This theme was designed and built by Adis Arifagic,
	whose blog you will find at http://my2gig.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	background:repeat-x top url(images/pattern_bg.jpg) #555546;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#757575;
	margin:0px;
	padding:0px;
}

img {	
	border:0;
}

/*Wrapper*/
#wrapper {
	background:#fff;
	width:860px;
	padding:10px;
	margin:0 auto;
}

/*Header*/
#banner {
	background:repeat-x center url(images/banner-bg.gif);
	width:880px;
	margin:0 auto;
	height:49px;
	font:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}

#banner h2 {
	margin:4px 0 0 33px;
	display:inline;
	padding:0px;
	float:left;
}

#banner h1 {
	margin:4px 0 0 0;
	padding:0px;
	font-size:18px;
	color:#fff;
	float:left;
}

#banner h1 a:link,
#banner h1 a:visited {
	color:#fff;
	text-decoration:none;
}

#banner h1 a:hover,
#banner h1 a:active {
	color:#fff;
	text-decoration:none;
}

.clear {
	clear:both;
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
}

#banner p {
	margin:0 0 0 62px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	float:left;
}

/*Pages*/
#pages {	
	margin-right:15px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	font-weight:bold;
	line-height:19px;
	float:right;
}

#pages li {
	display:inline;
}
 
#pages li a:link,
#pages li a:visited {
	color:#fff;
	text-decoration:none;
	padding:15px;
}

#pages li a:hover,
#pages li a:active {
	background:repeat-x url(images/hover-2.gif);
	width:72px;
	color:#fff;
	text-decoration:none;
}

/*Left Column*/
#left-column {
	width:144px;
	float:left;
}

#left-column h2 {
	font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#93CFF8;
	font-weight:bold;
	margin:0px;
	padding:10px 0;
	float:left;
}

#left-column ul {	
	width:142px;
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;
}

#left-column li {
	width:142px;
	border-bottom:2px dotted #D8D8D8;
	padding:3px 5px;
}

#left-column li a:link,
#left-column li a:visited {
	color:#BABABA;
	text-decoration:none;
}

#left-column li a:hover,
#left-column li a:active {
	color:#FF4F9B;
	text-decoration:none;
}

#rssfeed {
	margin:15px 0 20px 0;
	float:left;
}

/*Main Content*/
/*Seach Bar*/
#searchform {
	margin:0 16px 0 0;
	display:inline;
	float:right;
}

#s {
	background:no-repeat center url(images/search-bar.gif);
	width:264px;
	height:33px;
	line-height:33px;
	border:0px;
	float:left;
}

#searchsubmit {
	background:no-repeat center url(images/search-button.gif);
	width:68px;
	height:33px;
	border:0px;
	float:left;
}

/*Right Column*/
#right-column {
	margin:0 0 0 20px;
	display:inline;
	width:686px;
	float:left;
}

/*Post*/
.top-post {
	margin:45px 0 0 0;
	float:left;
}

/*Date*/
.date-bg {	
	background:no-repeat center url(images/date-bg.gif);
	width:49px;
	height:59px;
	text-align:center;
	float:left;
}

.datebg2 {	
	margin:10px 0 0 0;
}

.date-bg p {
	margin:0px;
	padding:0px;
}

.date1 {
	color:#93CFF8;
	padding:0px;
	font-size:18px;
}

.date2 {
	color:#B8B8B8;
	font-weight:bold;
	margin:0px;
	padding:0px;
	font-size:13px;
}

/*Post-title*/
h3 {
	margin:5px 0 0 10px;
	font-size:16px;
	padding:0px;
	float:left;
}

h3 a:link,
h3 a:visited {
	color:#B2E658;
	text-decoration:none;
}

h3 a:hover,
h3 a:active {
	color:#B2E658;
	text-decoration:none;
}

/*Posted in*/
small.categories {
	background: url("images/tag_blue.gif") no-repeat;
	color: #68d0f0;
	padding-left: 20px;
}

.categories {
	margin-left:20px;
}


.categories a:link,
.categories a:visited {
	color:#A3A3A3;
	text-decoration:none;
}

.categories a:hover,
.categories a:active {
	color:#FF4F9B;
	text-decoration:none;
}

/*Post*/
.post {
	width:580px;
	margin:0 0 0 80px;
	display:inline;
	float:left;
}

/*Comments*/
.comments {
	margin:0 0 0 80px;
	display:inline;
	float:left;
}

.comments a:link,
.comments a:visited {
	color:#55CAEF;
	text-decoration:none;
}

.comments a:hover,
.comments a:active {
	color:#55CAEF;
	text-decoration:none;
}

/*Line*/
.line {
	margin:0 0 0 80px;
}


/*Comments*/
.top-comment p {
	margin:0px;
	padding:0px;
}
h2#comments-no {
	color:#FF348C;
	margin:20px 0 0 0;
	float:right;
}

.big-comments {
	margin:0 0 0 10px;
	float:right;
}

#commentlist {
	list-style-type:none;
}

.author {
	color:#97CFFD;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

/*Comment Date*/
.comment-date {
	font-size:9px;
	color:#A5A5A5;
}

.comment-date a:link,
.comment-date a:visited {
	color:#A5A5A5;
	text-decoration:none;
}

.comment-date a:hover,
.comment-date a:active {
	color:#A5A5A5;
	text-decoration:none;
}

/*comment-text*/
.comment-text p {
	color:#646464;
}

p {
	margin:10px 0;
}

/*RSS*/
.rss a:link,
.rss a:visited {
	color:#FF348C;
	text-decoration:none;
}

.rss a:hover,
.rss a:active {
	color:#FF348C;
	text-decoration:underline;
}

/*postcomment*/
#postcomment {
	color:#B2E658;
	font-size:15px;
}

/*Login*/
#login a:link,
#login a:visited {
	color:#A5A5A5;
	text-decoration:none;
}

#login a:hover,
#login a:active {
	color:#A5A5A5;
	text-decoration:none;
}

/*Submit*/
#submit {
	background:no-repeat center url(images/comment.gif);
	width:105px;
	height:33px;
	border:0px;
	margin:0 0 0 200px;
	float:float;
}


/*Bottom section*/
#bottom-round {
	background:no-repeat bottom url(images/bottom-round.gif);
	width:882px;
	height:19px;
	margin:0 auto;
	clear:both;
}

/*BOttom Section*/
#bottom-wrapper {
	width:845px;
	margin:0 auto;
}

/*About*/
#about {
	width:255px;
	font-size:10px;
	color:#fff;
	float:left;
}

#about h2 {
	margin:10px 0;
	font-size:18px;
	color:#93CFF8;
	padding:0px;
}

/*Recent Posts*/
#recent-posts {
	width:222px;
	text-align:center;
	margin:0 30px;
	float:left;
}

#recent-posts h2 {
	margin:10px 0;
	font-size:18px;
	color:#fff;
	padding:0px;
}

#recent-posts ul {	
	width:222px;
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-align:left;
	float:left;
}

#recent-posts li {
	width:222px;
	border-bottom:1px solid #5C5C4D;
	padding:3px 5px;
}

#recent-posts li a:link,
#recent-posts li a:visited {
	color:#BABABA;
	text-decoration:none;
}

#recent-posts li a:hover,
#recent-posts li a:active {
	color:#B2E658;
	text-decoration:none;
}


.green {
	color:#B2E658;
}

/*Recent Posts*/
#blogroll {
	width:222px;
	text-align:center;
	margin:0 30px;
	float:left;
}

#blogroll h2 {
	margin:10px 0;
	font-size:18px;
	color:#fff;
	padding:0px;
}

#blogroll ul {	
	width:222px;
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-align:left;
	float:left;
}

#blogroll li {
	width:222px;
	border-bottom:1px solid #5C5C4D;
	padding:3px 5px;
}

#blogroll li a:link,
#blogroll li a:visited {
	color:#BABABA;
	text-decoration:none;
}

#blogroll li a:hover,
#blogroll li a:active {
	color:#B2E658;
	text-decoration:none;
}

/*Standard links*/
a:link,
a:visited {
	color:#BABABA;
	text-decoration:none;
}

a:hover,
a:active {
	color:#B2E658;
	text-decoration:none;
}

a.commentslink {
	background: url("images/speach-bubble.gif") no-repeat;
	padding-left: 20px;
}


/*Footer*/
#copyright {
	color:#fff;
	float:right;
	font-weight:bold;
	margin:30px 0 0 0;
}

a:link,
a:visited {
	color:#93CFF8;
	text-decoration:none;
}

a:hover,
a:active {
	color:#93CFF8;
	text-decoration:none;
}

#body_content {position: absolute;left: -10000px;};

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.1 Plugin: WP-PageNavi 2.20									|
|	Copyright (c) 2007 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/pagenavi/pagenavi-css.css						|
|																							|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #777;
	color: #333;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #4a5f82;
	color: #4a5f82;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #333;
	border: 1px solid #333;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #777;
	color: #777;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #333;
	color: #333;
	background-color: #FFFFFF;
}
img {
border: 0;
max-width: 100%;
}

--------------------------------------------------------------------------------------------------------------------

