/*  
Theme Name: Internet Vibes
Theme URI: http://wordpress.org/
Description: Vibes Theme
Version: 1.5
*/

/* Begin Typography & Colors */

html {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}

body {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px;
	FONT: 75%/1.6 verdana, tahoma, arial, sans-serif; 
	WIDTH: 100%; 
	COLOR: #333; 
	BACKGROUND: url(images/mbg.gif) repeat-x left top;	
	background-color: #CBD1DB;
	TEXT-ALIGN: center;	
}

#wrapper {
	TEXT-ALIGN: left; 
	width: 980px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

A, A:link {
	color: #305080;
}

A:visited {
	color: #305080;
}

A:hover {
	color: #803040;
}

FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
	MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; 
}

#columnwrap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 0px; 
}

#right {
	WIDTH: 28%;
	FLOAT: right;
	background-color: #ECECEC;
	padding-left: 8px;
	padding-right: 8px;
	background: url(images/side-bg1.gif) top;
}

#left {
	WIDTH: 66%; FLOAT: left;
	padding-top: 8px;
	padding-left: 24px;
	padding-right: 14px;
}


#project {
	border: 4px solid #e0e0f0;
	background-color: #ffffff;
}

#logotop {

}

#logo {
	height: 62px;
	padding: 0 0 0 0;
}

.bg1 {
	background-color: #e8ecf8;
}

#logoleft {
	height: 32px;
	width: 260px;
	BACKGROUND: url(images/vibes_logo.gif) no-repeat right top;	
	margin-top: 5px;
	margin-right: 4px;
	margin-left: 6px;
	float: left;
}

#logoright {
	text-align: right;
}


.gb {
	height: 25px;
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
	BACKGROUND: url(images/gbm.gif) repeat-x;					
}


.gb-l {
	height: 25px;
	width: 4px;
	BACKGROUND: url(images/gbl.gif) no-repeat left;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

.gb-c {
	height: 25px;
	margin-left: 6px;
	margin-right:0px;
	line-height: 25px;
	font-weight: bolder;
}


.gb-r {
	height: 25px;
	width: 4px;
	BACKGROUND: url(images/gbr.gif) no-repeat right;		
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
}

.gb-d {
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.gb-s {
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 0;
	padding-bottom: 0;
	overflow: hidden;
}

.hg60 {
	height: 60px;
}

.hg80 {
	height: 76px;
	max-height: 76px;
}

.gb-size {
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;	
	height: 20px;
	background: url(images/resize.gif) right bottom no-repeat;
	margin-top: -2px;
	text-align: right;
}

.h { cursor: pointer; }

.gb-a {
	border-left: 1px solid #404040;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px; 
	clear: both;
}


.gb-t {
	border-left: 1px solid #404040;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px; clear: both;
}


.ga {
	height: 32px;
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
	BACKGROUND: url(images/gam.gif) repeat-x  top;					
}


.ga-l {
	height: 32px;
	width: 4px;
	BACKGROUND: url(images/gal.gif) no-repeat left  top;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

.ga-c {
	height: 32px;
	margin-left: 6px;
	margin-right:0px;
	font: 11px verdana;
	font-weight: bolder;
	color: #333333;
	line-height: 32px;
}


.ga-r {
	height: 32px;
	width: 4px;
	BACKGROUND: url(images/gar.gif) no-repeat right top;		
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
}


.bg-w {
	background-color: white;
}

.bg-g {
	background-color: #f9f9f9;
}


.mg4 { margin-bottom: 4px; }
.mg8 { margin-bottom: 8px; }
.mg12 { margin-bottom: 12px; }

.mgt4 {
	margin-top: 4px;
}


.infoline{
	height: 25px;
	FONT: 11px verdana, tahoma, arial, sans-serif; 
	BACKGROUND: url(images/icon-tag.gif) no-repeat left;		
	padding-left: 12px;
	line-height: 25px;
	border-bottom: 1px solid #333333;
}

/* topic */
.topic {
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #888888;

}

.page {
	padding-top: 0px;
	padding-bottom: 0px;
}


.excerpt {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}

.postbody {
	padding-top: 2px;
	padding-bottom: 8px;
	text-align: left;
}

.excerpt img, .postbody img {
	margin: 4px 4px 4px 4px;
	border: 0;
	
}

.excerpt h3, .postbody h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Trebuchet MS';
	font-size: 18px;
	color: #334466;
	line-height: 140%;
}

.excerpt h2, .postbody h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Trebuchet MS';
	font-size: 21px;
	color: #334466;
	line-height: 140%;
}


.t-info {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 4px;
	color: #202020;
	font-size: 10px;
	border: 1px solid #cccccc;
	border-left: 2px solid #bbbbbb;
}

.topic h1, .topic h1 a {
	margin-top: 2px;
	margin-bottom: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: 'Trebuchet MS';
	font-size: 20px;
	color: #324577;
	text-decoration: none;
}

hr {
	color: #444444;
}

/* menu */

.menu ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	DISPLAY: inline;
	margin-right: 8px;
	LIST-STYLE-TYPE: none;
}

.menu ul li {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

	padding-left: 4px;
	padding-right: 4px;
	DISPLAY: inline;
	LIST-STYLE-TYPE: none;
	font-weight: bolder;
}

.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active  {
	font-weight: bolder;
	color: #222222;
	text-decoration: none;
}

.postmetadata {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #f8f8ff;
	color: #202020;
	font-size: 10px;
	border: 1px solid #cccccc;
	border-left: 2px solid #bbbbbb;
}

/* vibes */

.ct {
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;

	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
		
	min-height: 130px;
	
	border-top: 1px #d0d0d8 dashed;


	color: #404040;
	clear: both;
}

.ct:hover {
	border: 1px solid #bbbbcc;
	background: #f8f8fc;
	
	
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	
	
}

.ct-r h1 {
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-family: 'Trebuchet MS', Verdana, helevetica;
	font-size: 18px;
	line-height: 120%;
}

h1.ctitle {
	margin-top: 0px;
	margin-bottom: 14px;
	padding-top: 0px;
	padding-bottom: 4px;
	font-family: 'Trebuchet MS', Verdana, helevetica;
	font-size: 22px;
	line-height: 140%;
	border-bottom: 1px solid #ccccdd;
	color: #404060;
	text-decoration: none;
}

h1.ctitle A {
	color: #404060;
	text-decoration: none;
}

.ct-r h1 A {
	color: #404040;
	text-decoration: none;
}

.ct-l {
	float: left;
	width: 174px;
}

.ct img {
	border: 1px solid #c0c0c0;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
}

.ct-r {
	margin-right: 4px;
	font-size: 11px;
	float: right;
	width: 70%;
}

.ct-a {
	margin-bottom: 4px;
	color: #505060;
}

.ct-d {
	margin-bottom: 4px;
	font-style:italic;
	color: #102040;
}

.ct-i {
	text-align: center;
	font-size: 10px;
	height: 17px;
	line-height: 17px;
	font-weight: bolder; 
	color: #606060;
}

.ct-rate {
	text-align: center;
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 3px
}

.ratex {
	cursor: pointer;
	font-size: 10px;
	padding-top:1px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #ffffff;
	border: 1px solid #8090a0;
	
}
.tags-s {
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 2px;
	cursor: pointer;	
	color: #505060;
}

.tags-in {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #c0c0e0;
	background-color: #ffffff;

}

.tags-in STRONG {
	font-weight: normal;
}

.ct-d b, .ct-d strong {
	font-weight: normal;
}

/*forms*/
label {
	cursor: pointer;
}

label.req {
	font-weight: bolder;
	color: #304060;
}


.form-line {
	clear: both;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.form-l {
	float: left;
}

.form-r {
	margin-left: 160px;
}

.form-r INPUT, .form-r TEXTAREA {
	border: 1px solid #8090aa;
}

.form-line INPUT, .form-line TEXTAREA {
	border: 1px solid #8090aa;
}


.errmsg{
	font-size: 10px;
	border-bottom: 1px dotted #804040;
	display: inline;
	margin-left: 4px;
}

/* navigation */
.navigation{
	clear: both;
}

.navigation {
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 32px;
	line-height: 32px;
	border-bottom: 2px solid #cccccc;
}


.alignright {
	float: right;
	text-align: right;
	}
	
.alignleft {
	float: left;
	text-align: left;
	}

/*stuff*/
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}
	
/* nav */
.nav-r {
	float: right;
}

.nav {
	clear: both;
	height: 29px;
	line-height: 27px;
	background-color: #f0f4f8;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	background-image: url(images/tnav.gif);
}

.tnav {
	margin-bottom: 4px;
}

.bnav {
	margin-top: 4px;
}

#right ul {
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 2px;
	
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	LIST-STYLE-TYPE: none;	
}

#right ul li {
}

.gb-c h2 {
	font-size: 12px;
	margin: 0 0 0 0;
}

.gb-d ul, .gb-s ul  {
	LIST-STYLE-TYPE: disc;	
	list-style-image: url( images/icon-tag.gif );
	color: #303030;
	font-size: 10px;
}

.gb-d ul li, .gb-s ul li  {
	LIST-STYLE-TYPE: disc;	
	margin-left: 10px;	
	list-style-image: url( images/icon-tag.gif );
	color: #303050;
	font-size: 10px;	
}

.gb-d ul li A, .gb-d ul li A:link, .gb-d ul li A:visited  {
	color: #102060;
	font-size: 11px;
	text-decoration: none; 
	border-bottom: 1px dotted #404040;
}

.gb-d ul li A:hover {
	color: #306080;
	font-size: 11px;
}

.gb-d ul li A:active {
	color: #808080;
	font-size: 11px;
	border-bottom: 1px solid #404040;
}


/* ads  */
.ads {
	clear: both;
	background-color: #ffffff;	
}

.iad {
	margin-top: 8px;
	margin-bottom: 0px;
}

.iad0 {
	float: right;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 20px;
	border-left: 1px solid #c0c0c0;
}

.ads0 {
	clear: both;
	margin-top: -6px;
	margin-bottom: 6px;
	
	border-bottom: 1px #e0e0e0 solid;
	border-right: 1px #e0e0e0 solid;
	border-top: 1px #f0f0f0 solid;
	border-left: 1px #f0f0f0 solid;
	padding-bottom: 4px;

}

.ads2 {
	clear: both;
	margin-top: 0px;
	margin-bottom: 6px;
	
	border-bottom: 1px #e0e0e0 solid;
	border-right: 1px #e0e0e0 solid;
	border-top: 1px #f0f0f0 solid;
	border-left: 1px #f0f0f0 solid;
	padding-bottom: 4px;

}


.ads0:hover {
	border: 1px solid #bbbbcc;
	
}

.ads1 {
	clear: both;
	margin-top: 2px;
	margin-bottom: 6px;
	
	border-bottom: 1px #e0e0e0 solid;
	border-right: 1px #e0e0e0 solid;
	border-top: 1px #f0f0f0 solid;
	border-left: 1px #f0f0f0 solid;
	padding-bottom: 4px;

}

.ads1:hover {
	border: 1px solid #bbbbcc;
}


.adleft {
	float: left;
	width: 50%;
	padding-left: 8px;
}

.adright {
	margin-left: 50%;
	text-align: right;
	padding-right: 8px;
}

/*tabs*/
.top-tabs { padding-left: 4px; margin-left: 6px; margin-right: 6px; text-align: right; font-size: 11px; }

.tab-no {
	border-bottom: 1px solid #606060;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	background-color: #ffffff;
	font-size: 11px;
}



.bottom-tabs { padding-left: 4px; margin-left: 6px; margin-right: 6px; text-align: right; font-size: 11px; padding-bottom: 0px; margin-bottom: 1px; }

.tab2-no {
	border-top: 1px solid #606060;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-left: 2px;
	background-color: #ffffff;
	font-size: 11px;
}

/* smw */
.smwl {
	background: url(images/smwl.gif) left top no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	width: 50%;
	height: 5px;
	float: left;
}

.smwr {
	background: url(images/smwr.gif) right top no-repeat;
	margin-right: 0px;
	padding-left: 0px;
	width: 50%;
	height: 5px;
	float: right;
}

.smw {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 5px;
	clear: both;
}

.smw-c {
	background-color: white;
	padding: 4px 8px 8px 8px;
	margin: 0 0 0 0;
}

img.shim {
	margin: 0 0 0 0; 
	width: 4px;
	height: 5px;
	border: 0px;
}

.mgt8 {
	margin-top: 8px;
}

.minus8 {
	margin-top: -8px;
}

.minus16 {
	margin-top: -24px;
}


.smw-c h3, .smw-links h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-top: 0px;
	padding-bottom: 4px;
	margin-bottom: 6px;
	font-family: 'Trebuchet MS';
	font-size: 16px;
	color: #334466;
	border-bottom: 1px solid #c0c8d0;
	line-height: 100%;
}

INPUT.plain, TEXTAREA.plain {
	border: 1px solid #8090aa;
}


.smw-c ul {
	LIST-STYLE-TYPE: disc;	
	margin-left: 12px;		
}

.smw-c ul li  {
	list-style-image: url( images/li_bg.gif );
	list-style-position: outside;
	color: #303050;
	font-size: 10px;	
	line-height: 170%;
	margin-left: 12px;
	
}

.smw-c ul li A, .smw-c ul li A:link, .smw-c ul li A:visited  {
	color: #102060;
	font-size: 10px;
	text-decoration: none; 
}

.smw-c ul li A:hover {
	color: #993333;
	font-size: 10px;
}

.smw-c ul li A:active {
	color: #101010;
	font-size: 10px;
}

.smw-links {
	background-color: white;
	padding: 4px 8px 8px 8px;
	margin: 0 0 0 0;
}

.smw-links ul {
	margin: 0 0 0 0;
	LIST-STYLE-TYPE: none;		
}

.smw-links ul li {
	LIST-STYLE-TYPE: none;	
	color: #303050;
	font-size: 10px;	
	margin-bottom: 4px;
	margin-top: 4px;
} 

.smw-links ul li, .smw-links ul li A img {
	border: 0px;
} 


.mini{
	color: #101010;
	font-size: 10px;
}

.mini A, .mini A:link, .mini A:visited {
	font-size: 10px;
}

.small {
	font-size: 10px;
}

#footer {
	font-size: 11px;
}

ul.page-list {

}

ul.page-list li {
	list-style-image: url( images/icon-tag.gif );
	margin-left: -16px;
}

ul.page-list li A {
	font-weight: bolder;
}

.red {
	color: #902020;
}


/**/

UL.tla {
	margin: 0 0 0 0;
	padding: 0px;
	font-size: 12px;
	
}

UL.tla li {
	margin: 0 0 0 12px;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
}

UL.tla li A, UL.tla li A:link, UL.tla li A:visited, UL.tla li A:active, UL.tla li A:hover {
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

UL.tla li A strong, UL.tla li A:link strong, UL.tla li A:visited strong, UL.tla li A:active strong, UL.tla li A:hover strong {
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

