/******************************************************  

ALWAYS INTERACTIVE
www.alwaysinteractive.com

V1 - Patchwork Interactive - Patch-net-work - June 2008

******************************************************/

html, body, div, ul, ol, li, dl, dt, dd, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
pre, code, address, caption, cite, code, em, strong, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}
fieldset, img {
	border: none;
}
.clear {
	clear: both;
}
.showhide_text {
	font-size:10px;
}

/********** BODY **********/

body {
	color: #333;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#patch-net-work {
	background: url(../images/patch-net-work-bg.gif) repeat-y;
}
.profileform {
	background-color:#f7edc3;
	border:#CCCCCC solid 1px;
	padding:10px;
}
.alt_row {
	background-color:#fbf6e1;
}
.patchnetwork_col3 {
	width:380px;
	float:right;
}
.patchnetwork_col2 {
	width:34px;
	height:525px;
	float:right;
	background-image:url(../images/patchnetwork_divider.gif);
}
.patchnetwork_col1 {
	width:220px;
}
/********** ADS **********/

#ad1, #ad2 {
	width: 680px;
	height: 88px;
	background-color: #900;
	clear: both;
}
#ad1 {
	padding-bottom: 4px;
}
#ad2 {
	padding-top: 4px;
}

/********** PROFILE-IMAGE **********/

#column1 .profile-image {
	list-style: none;
	padding: 3px 5px;
}
#column1 .profile-image li {
	margin: 0 0 10px;
	float: left;
	position: relative;
}
#column1[id] .profile-image li {
	margin: 0 0 30px;
	float: left;
	position: relative;
}
#column1 .profile-image img {
	padding: 10px 0 0 5px;
	overflow: hidden;
	width: 165px;
	height: 164px;
}
#column1[id] .profile-image img {
	padding: 21px 0 0 17px;
	overflow: hidden;
	width: 165px;
	height: 164px;
}
#column1[id] .profile-image em {
	width: 194px;
	height: 195px;
	background: url(../images/patch-net-work-frame.png) no-repeat;
	display: block;
	position: absolute;
	top: 8px;
	left: 5px;
}

/********** COLUMN 1 **********/

#column1 {
	width: 185px;
	float: left;
}
	#column1 h1 {
		width: 175px;
		color: #900;
		font: 22px bold;
		padding: 10px 5px 5px 15px;
	}
	#column1 h2 {
		color: #333;
		font: 14px bold;
		padding: 6px 5px;
	}
	#column1 .quote {
		color: #595959;
		font: 12px oblique;
		padding: 0 5px 0 30px;
	}
	#column1 .slice {
		width: 166px;
		height: 2px;
		background: url(../images/patch-net-work-slice1.gif) no-repeat;
		margin: 12px 9px;
		clear: both;
	}
	#column1 .list {
	    list-style: none;
	    float: left;
	    margin-bottom: 8px;
	}
	    #column1 .list li.title {
	    	width: 63px;
	    	color: #900;
	    	float: left;
	    	text-align: right;
	    	padding: 0 8px 0 0;
	    }
	    #column1 .list li.text {
	    	width: 108px;
	    	float: left;
	    
	    }
	    
/********** COLUMN 2 **********/

#search2 {
	width: 197px;
	height: 35px;
	background: url(../images/patch-net-work-search.png) no-repeat;
}
#search2 {
	margin: 0 0 15px 480px;
}
#search2[id] {
	margin: 0 0 15px 483px;
}
#search p {
	padding: 10px;
}
#column2 {
	width: 431px;
	background: #FFF;
	padding: 0 19px 0 35px;
	float: left;
}
	#column2 h1 {
		color: #900;
		font: 22px bold;
		padding: 0 0 10px;
	}
	#column2 p {
		color: #333;
		line-height: 2em;
	}
	#column2 .slice {
		width: 431px;
		height: 2px;
		background: url(../images/patch-net-work-slice2.gif) no-repeat;
		margin: 15px 0;
		clear: both;
	}
	#column2 .list {
	    list-style: none;
	    float: left;
	    margin-bottom: 8px;
	    width: 198px;
	}
	    #column2 .list li.title {
	    	width: 63px;
	    	color: #900;
	    	float: left;
	    	text-align: right;
	    	padding: 0 8px 0 0;
	    }
	    #column2 .list li.text {
	    	width: 125px;
	    	float: left;
	    
	    }

/********** GALLERY **********/

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 0;
	float: left;
	position: relative;
	width: 125px;
	height: 90px;
}
#column2 .gallery li {
	margin: 0 5px 20px 0;
}
#column2[id] .gallery li {
	margin: 0 18px 20px 0;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
	width: 125px;
	height: 90px;
}
.gallery li:hover img {
	border-color: #999;
}
.gallery a {
	text-decoration: none;
	color: #000;
}

/********** FORM **********/
.cat_listbox_contact {
	height: 120px;
	width: 166px;
	margin-left: 5px;
}
.cat_button_contact {
	background: url(../images/patch-net-work-submit.png) no-repeat;
	width: 91px;
	padding-top: 22px;
	height: 0;
	border: 0px;
	display: block;
	text-indent: -9999;
	margin: 5px 0;
	cursor: pointer;
}

/********** HIDDEN **********/

.hidden {
	visibility: hidden;
}

 /********** SMALL / LIST DETAILS VIEW **********/

#home #latest-profile .content .profile-image-small {
	list-style: none;
	float: left;
}
#home #latest-profile .content .profile-image-small li {
	margin: 0 0 10px 0;
	position: relative;
}
#home[id] #latest-profile .content .profile-image-small li {
	margin: 0 0 10px 0;
	position: relative;
}
#home #latest-profile .content .profile-image-small img {
	padding: 0 0 0 17px;
	overflow: hidden;
	width: 137px;
	height: 138px;
}
#home[id] #latest-profile .content .profile-image-small img {
	padding: 0 0 0 17px;
	overflow: hidden;
	width: 137px;
	height: 138px;
}
#home[id] #latest-profile .content .profile-image-small em {
	width: 163px;
	height: 164px;
	background: url(../images/patch-net-work-frame-small.png) no-repeat;
	display: block;
	position: absolute;
	top: 11px;
	left: 5px;
}
#home #latest-profile .content .profile-image-small li.name {
	width: 150px;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: center;
	clear: both;
	font: 20px bold;
	color: #900;
}
#home #latest-profile .content .profile-image-small li.quote {
	width: 150px;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: center;
}

 /********** SMALL / LIST DETAILS VIEW **********/

#latest-profile-search .profile-image-col01 {
	list-style: none;
	float: left;
	padding: 0 0 10px 0;
}
#latest-profile-search .profile-image-col01 li {
	margin: 0 0 10px 0;
	position: relative;
}
#latest-profile-search[id] .profile-image-col01 li {
	margin: 0 0 10px 0;
	position: relative;
}
#latest-profile-search .profile-image-col01 img {
	padding: 0 0 0 17px;
	overflow: hidden;
	width: 137px;
	height: 138px;
}
#latest-profile-search[id] .profile-image-col01 img {
	padding: 20px 0 0 17px;
	overflow: hidden;
	width: 137px;
	height: 138px;
}
#latest-profile-search[id] .profile-image-col01 em {
	width: 163px;
	height: 164px;
	background: url(../images/patch-net-work-frame-small.png) no-repeat;
	display: block;
	position: absolute;
	top: 11px;
	left: 5px;
}
#latest-profile-search .profile-image-col02 li {
	float: left;
}
#latest-profile-search .profile-image-col02 li.name {
	width: 460px;
	margin: 10px 0 0 20px;
	padding: 0 0 5px 0;
	font: 20px bold;
	color: #900;
}
#latest-profile-search .profile-image-col02 li.description {
	width: 460px;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
}
#latest-profile-search .profile-image-col02 li.button {
	margin: 0 0 0 12px;
}
#latest-profile-search hr {
	clear: both;
}