/*



	Theme Name: Tin Can

	Theme URI: 

	Description: Tin Can

	Version: 1.0

	Author: Underground Creative

	Author URI: www.undergroundcreative.com



*/







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

********* Reset defaults *********

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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}


ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}





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

********* Overall styles *********

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



body {

	line-height: 1;

	color: black;

	background: #cccccc url("http://www.tincan.tv/images/bg.gif");
	
	background-repeat: repeat-y;
	
	background-position: center;

	font-family:arial,helvetica,sans-serif;

	}



* html .post{

	height:1%

	}

p {

	margin: 0.5em;
	
	font-size: 0.9em;
	
	line-height: 1.2em;
	
}

li {

	margin: 4px;

}

.wrapper2 {

	margin:0 auto;

	background:#FFFFFF;
	
	width:990px;
	
	}

#contentwrapper {

	margin:0 203px;

	background:#ffffff;

	}



#maincontent {

	position:relative;

	padding:10px;

	background:#ffffff;

	}



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

************* Header *************

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

#top_bar {
	background:#FFFFFF;
	margin:0 auto;
	text-align: right;
	width:990px;
	padding-top: 5px;
}

#top_bar img {
	padding-right: 5px;
	padding-top: 2px;
}
#top_bar .black_button {

	padding: 2px;

	background-color: #000;	

	border: solid 0 #000;

	font: 0.6em Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFF00;	

	cursor: pointer;

	width: auto;
	
	margin-right: 24px;

}
#top_bar .btn {
	
	margin-right: 24px;
	padding-right: 0;

}

#page_wrapper {

	margin:0 auto;
	
	background:#ffffff;

	padding:0px;

	width:990px;
	
	min-height: 200px;

	}


#header_wrapper {

	margin:0 auto;
	
	background:#ffffff;

	padding:0px;

	width:990px;

	height:175px;

	}

#header {

	height:160px;

	background:#ffffff url('../images/header_bg.png') no-repeat;

	background-position:17px center;
	
	padding: 10px;

	/*padding: 3px 10px 10px 10px;*/

	margin-bottom: 10px;

	}
	
#header .left_head {

	height:160px;

	width: 580px;
	
	float: left;
	
	display: inline;


}

#header .right_head {

	height:160px;

	width: 380px;
	
	float: left;
	
	display: inline;


}

#header #sign_up {

	width: 380px;

	font-size: 0.7em;

	color: #fff;

	
}

#header #sign_up .left_col {

	width: 45%;

	float: left;

	display: block;

	margin: 0px;

}

#header #sign_up .right_col {

	width: 50%;

	float: left;

	display: block;

	margin: 0px;

}

#header #sign_up .left_col {

	padding-left: 10px;

}

#header #sign_up .right_col {

	float: right;

}

#header #sign_up .right_col ol {

	margin-left: 14px;

	margin-top: 9px;

}



#header #sign_up .left_col h2 {

	color: #FFFF00;

	text-transform: uppercase;

	font-size: 1.6em;

	padding: 20px 0 2px 0;

	margin-top: 7px;
	
	margin-bottom: 4px;

	line-height: 12px;

}



#header #sign_up .left_col p {

	margin: 4px 0;

}



#header #sign_up .right_col form ol {

	list-style:none;

}



#header #sign_up .right_col input, #header #sign_up .right_col .bigselect {

	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 10px;

	color: #666;

	/*margin: 0 0 4px 0;*/

	padding: 1px;

	display: block;

	width: 155px;
	
	margin-left: 0;

}

#header #sign_up .right_col input.btn {

	width: auto;
	
	display: inline;
	
	vertical-align: top;
	
}

#header #sign_up .right_col select {

	font-size: 0.9em;

	color: #666;

	margin: 0 2px 2px 2px;

	padding: 0px;
	
	display: inline;

}

#header #sign_up .right_col select.no_margin {

	margin: 0;
	
	width: 161px;

}

#header #sign_up .right_col .left-indent {

	margin: 0 0 0 2px ;
	
}

#header #sign_up .right_col input.yellow_button {

	margin: 0px 10px 8px 0px;

	padding: 1px;

	background-color: #FFFF00;	

	border: solid 0px #000;

	font: 0.9em Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #000;

	cursor: pointer;

	width: auto;
	
	display: inline;
	

}

/*

#header #sign_up .right_col input.yellow_button:hover {

	background-color: #000;

	color: #FFFF00;	

	border: solid 1px #FFFF00;

}

*/



#hdr_nav_container {

	background: #58595B;
	padding: 4px;
	width: 556px;
	margin-top: 19px;
	text-align: center;
}


#hdr_nav_container ul.secondary_nav {

	font-size: 12px;

}

#hdr_nav_container ul.secondary_nav li {

	padding:0;
	
	margin-right: 12px;
	
	display: inline;
	
	margin: 0 10px 0 0;

}

#hdr_nav_container ul.secondary_nav li a {

	color: #fff;

	text-transform: uppercase;

	font-weight: 900;

}

#hdr_nav_container ul.secondary_nav li a:hover {

	text-decoration: underline;

}



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

********* Header Content *********

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

#logo {

	background: url('../images/areyoutincan.png') no-repeat;

	margin:50px 44%;

	background-position:center 30%;

	width:260px;

	height:41px;

	display:block;

	}
#tincanlogo {

	margin:20px 60px;

	width:80px;

	height:110px;

	display:block;
	
	float: left;

}

.vr {

	position: absolute;

	right: 200px;

	width: 7px;

	height: 149px;

}

.description {

	display:none;

	}



.rss {

	background:url('../images/rss.gif');

	width:16px;

	height:16px;

	display:inline-block;

	position:relative;

	top:3px;

	}



#header_wrapper h1 {

	display:none;

	}

h1 a {

	color:#FFFF99;

	text-decoration:none;

	}

h1 a:hover {

	text-decoration:none;

	}



div.hr {

  height: 6px;

  background: url(../images/hr.gif) repeat-x scroll center;

  margin-bottom: 10px;
  
}

.clearboth {
  
  clear:both;
  
}

div.hr hr {

  display: none;

}

div.hr.no_margin {

	margin: 10px 0 1px;
	
}



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

************* Sidebar ************

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



#sidebar_left {

	float:left;

	position:relative;

	left:-0px;

	margin-left:-183px;

	padding:0 0 10px 0;

	}

#sidebar_right {

	font-size: 15px;
	
	line-height: 18px;

	float:right;

	position:relative;

	right:-1px;

	margin-right:-183px;

	padding:0 0 10px 0;

	}

#sidebar_left h1{

	color: #000000;
	
	font-weight: bold;
	
	display: block;
	
	margin-bottom: 6px;
	
}

#sidebar_left img.profile_pic {

	padding: 0 4px 10px 4px;
	
}

#sidebar_left, #sidebar_right {

	color:#333333;

	display:inline;

	width:183px;

	background:#fff;

	}



#sidebar_left label,#sidebar_right label,#sidebar_left td,#sidebar_right td,#sidebar_left th,#sidebar_right th,#sidebar_left caption,#sidebar_right caption  {

	color:#333333;

	}

#sidebar_left a {

	color: #000000;

	}
	
#sidebar_right a {

	color: #FFDF7F;

	}

#sidebar_right .logged a {

	font-weight: bold;
	color: #000000;

}

#sidebar_left li a,#sidebar_right li a {

	text-decoration:none;

	color:#000000;

	margin-left:-10px;

	display:block;

	padding:2px 10px 1px 10px;

	background:#FFFFFF;

	}

#sidebar_left li a:hover,#sidebar_right li a:hover {

	text-decoration:underline;

	background:#FFFFFF;

	}

#sidebar_left li,#sidebar_right li {

	font-size:0.9375em;

	color:#333333;

	margin: 0;

	}

#sidebar_left li li,#sidebar_right li li {

	font-size:1em;

	color:#333333;

	padding:6px;

	}

#sidebar_left ul,#sidebar_right ul {

	list-style-type:none;

	}

#sidebar_left p, #sidebar_right p, #maincontent p {

	letter-spacing:0em;

	line-height:1.375em;

	padding:0.1875em 0em 0.1875em 0em;

	font-size:0.875em;

	color:#58595b;

	font-family:arial,helvetica,sans-serif;

	}

#sidebar_left p, #sidebar_right p {

	color:#333333;

	}

#sidebar_left p a, #sidebar_right p a {

	color:#000000;

	}

#sidebar_left ul, #maincontent ul, #sidebar_right ul {

	margin:0;

	padding:0;

	}

#sidebar_left input#s {

	width:100%;

	}

#sidebar_left h3, #sidebar_right h3 {

	margin:0 -10px;

	text-indent:17px;

	padding:0.75em 0 0.75em 5px;

	font-style:normal;

	font-weight:normal;

	font-size:1.5em;

	color:#000000;

	font-family:arial,helvetica,sans-serif;

	text-transform:uppercase;

	letter-spacing:0em;

	line-height:1.5em;

	background:#FFFFFF

	}

#sidebar_left h3 a, sidebar_right h3 a {

	color:#000000;

	text-decoration:none;

	}

#sidebar_left h3 a:hover, sidebar_right h3 a:hover {

	text-decoration:underline;

	}



#sidebar_left li a:hover {

	text-decoration:none;

}


#sidebar_left ul.primary_subnav {
	
	margin: 2px 0 6px ;
	
	font-size: 0.9em;
	
	list-style-type: 

}

#sidebar_left ul.primary_subnav li {

	padding:0;

}

#sidebar_left ul.primary_subnav li a {

	color: #6d6e71;

	font-weight: 900;

}

#sidebar_left ul.primary_subnav li a:hover {

	text-decoration: underline;

}


#sidebar_left ul.secondary_nav {

	margin:12px 0;

}

#sidebar_left ul.secondary_nav li {

	padding:0;

}

#sidebar_left ul.secondary_nav li a {

	color: #6d6e71;

	text-transform: uppercase;

	font-weight: 900;

}

#sidebar_left ul.secondary_nav li a:hover {

	background: #6d6e71;

	color: #fff;

}



.large {
	
	font-size:1.45em;

	font-weight: bold;

}

.caps {

	text-transform: uppercase;

}

#sidebar_left .left_small {

	line-height: 0.7em;

	font-size:0.7em;

	color:#666666;

	font-weight: bold;
	
	position:relative;
	
	bottom: 6px;

	}
	
#sidebar_left .left_small a, #sidebar_left .left_small a:hover {

	color:#666666;

}

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

************ Sidebar boxes ************

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

#header #sign_up .right_col select {
	color:#666666;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0 4px 2px;
	padding:0;
}


#sidebar_right div.grey_box, #sidebar_left div.grey_box {

	background: #999999;

	width: 88%;

	min-height:98px;

	padding: 10px;

	margin: 4px 0 8px;

}

#sidebar_right div.grey_box.search select {
	
	font-size:10px;

	color:#666666;

}

.login {

	min-height: 75px;
	
}

#sidebar_right div.grey_box.search {

	min-height: 40px;
	
}

#sidebar_right div.grey_box.full_column {

	height:400px;

}

#sidebar_left div.poll_box {

	background: #999999;

	width: 88%;

	min-height:90px;

	padding: 10px;

	margin: 4px 0 8px;

}



#sidebar_left div.grey_box {

	color: #fff;

	font-size: 1em;

	font-weight: bold;

}



div.grey_box input {

	font-size: 0.65em;

	color: #666;

	margin: 0 0 4px 0;

	padding: 1px;

	display: block;

	width: 155px;

}
div.grey_box input.no_margin {

	margin: 0;

}

div.grey_box input.btn {

	width: auto;
	
	float: right;
	
}



#sidebar_right a.yellow_link {

	font-size: 0.6em;

	color: #FFDF7F;

	text-decoration: none;

	padding-left: 6px;
	
	padding-top: 0px;
	
	margin-top: 0px;

}



#sidebar_right a.yellow_link:hover {

	color: #FFDF7F;

	text-decoration: underline;

}

#sidebar_right p.yellow_text {

	font-size: 0.6em;

	color: #FFDF7F;

	text-decoration: none;

	padding: 0 0 0 2px;
	
	margin-top: 8px;
	
	clear: both;
	
	float: left;

}
#sidebar_right img.signup {

	float: right;
	
	margin: 4px 2px 0 0;
	
}

#sidebar_right div.grey_box input.black_button {

	margin: 3px;

	padding: 2px;

	background-color: #000;	

	border: solid 0 #000;

	font: 0.6em Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFF00;

	float: right;	

	cursor: pointer;

	width: auto;

}

/*

#sidebar_right div.grey_box input.black_button:hover {

	background-color: #FFFF00;

	color: #000;

}

*/

#sidebar_left h1.username {
	
	display: inline;
	
}

#sidebar_left span.status {

	font-size: 11px;
	
	font-weight: bold;
	
	line-height: 1.2em;
	
	margin-bottom: 10px;
	
}

#sidebar_left a.small_blue {

	font-size: 11px;
	
	color: #000000;
	
	font-weight: bold;
	
	margin-bottom: 4px;
	
}



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

************ Headings ************

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



h2 {

	margin:0;

	padding:0.625em 0px 0em 0px;

	font-weight:normal;

	font-size:2em;

	color:#000000;

	font-family:arial,helvetica,sans-serif;

	letter-spacing:0em;

	line-height:2em;

	}

h3 {

	margin:0;

	padding:0.375em 7px 0.375em 7px;

	font-weight:bold;

	font-size:1em;

	color:#000000;

	font-family:arial,helvetica,sans-serif;

	letter-spacing:0em;

	line-height:1.125em;

	}

h4 {

	margin:0;

	padding:0.4375em 0px 0.25em 0px;

	font-weight:normal;

	font-size:0.875em;

	color:#000000;

	font-family:arial,helvetica,sans-serif;

	letter-spacing:0em;

	line-height:0.875em;

	}

h5 {

	margin:0;

	padding:0.375em 0px 0.1875em 0px;

	font-weight:normal;

	font-size:0.75em;

	color:#000000;

	font-family:arial,helvetica,sans-serif;

	letter-spacing:0em;

	line-height:0.75em;

	}

h6 {

	margin:0;

	padding:0.375em 0px 0.1875em 0px;

	font-weight:normal;

	font-size:0.75em;

	color:#000000;

	font-family:arial,helvetica,sans-serif;

	letter-spacing:0em;

	line-height:0.75em;

	}



h2 a {

	color:#443833;

	text-decoration:none;

	}

h2 a:hover {

	color:#6C574F;

	text-decoration:underline;

	}

h3 a {

	color:#337FA9;

	text-decoration:none;

	}

h3 a:hover {

	color:#337FA9;

	text-decoration:underline;

	}

h4 a {

	color:#337FA9;

	text-decoration:none;

	}

h4 a:hover {

	color:#337FA9;

	text-decoration:underline;

	}

h5 a {

	color:#337FA9;

	text-decoration:none;

	}

h5 a:hover {

	color:#337FA9;

	text-decoration:underline;

	}

h6 a {

	color:#337FA9;

	text-decoration:none;

	}

h6 a:hover {

	color:#337FA9;

	text-decoration:underline;

	}



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

************* Footer *************

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



#footer {

	text-align:right;  

	margin:0 auto;

	background:#fff;

	width:990px;

	height:100px;

	clear:both;

	letter-spacing:0em;

	line-height:100px;

	font-family:helvetica,sans-serif;

	font-size:0.875em;

	color:#333;

	min-width:990px;

	}

#footer a {

	color:#333;

	text-decoration:none;

	}

#footer a:hover {

	color:#333;

	text-decoration:underline;

	}

#footer #addthis {

	/*width: 564px;*/

	width: 747px; 
	
}

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

************* Posts **************

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



.clear{

	overflow:hidden;

	clear:both;

	}

.post {

	border-top:0px solid #ededed;

	border-bottom:0px solid #ededed;

	border-left:0px solid #ededed;

	border-right:0px solid #ededed;

	padding:0px 20px 0px 20px;

	margin-bottom:10px;
	
	clear:both;

	}

.post li {

	letter-spacing:0em;

	line-height:1.375em;

	padding:0.1875em 0 0.1875em 0;

	font-size:0.875em;

	color:#58595b;

	font-family:arial,helvetica,sans-serif;;

	}

.post ul li {

	margin-left:20px;

	}

.postinfo {

	border-bottom:1px solid #eeeeee;

	font-family:arial,helvetica,sans-serif;

	font-size:0.625em;

	letter-spacing:0em;

	color:#666666;

	padding:10px 0px 4px 0px;

	}

.postinfo_footer {

	border-bottom:0;

	border-top:0px solid #eeeeee;

	}

.postinfo a {

	color:#443833;

	text-decoration:none;

	}

.postinfo a:hover {

	color:#443833;

	text-decoration:underline;

	}

a, p a {

	color:#000000;

	text-decoration:none;

	}

a:hover, p a:hover {

	color:#5994ab;

	text-decoration:underline;

	}

.postcontent {

	font-family:arial,helvetica,sans-serif;

	font-size:11px;

line-height:14px;

	letter-spacing:0em;

	color:#666666;

	padding:10px 0px 4px 0px;

	}







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

********** Breadcrumbs ***********

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

#pagecontent .breadcrumbs {

	width:560px;
	font-size: 0.7em;
	display:block;
	margin:0px 8px 10px 8px;
	padding: 3px;
	color: #999999;
	border-bottom: #999999 solid 1px;
	line-height: 0.9em;
	
}

#pagecontent .breadcrumbs a {

	color: #999999;
	text-decoration: none;
	
}

#pagecontent .breadcrumbs a:hover {

	color: #999999;
	text-decoration: underline
	
}

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

************ Comments ************

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



#comments_wrapper {

	padding:0px 10px;

	border-top:0px solid #ededed;

	border-bottom:1px solid #ededed;

	border-left:0px solid #ededed;

	border-right:0px solid #ededed;

	overflow:hidden;

	}

.comment {

	padding:0;

	list-style:none;

	margin:10px 0 0 0;

	padding-top:10px;

	border-bottom:1px solid #ededed;

	overflow:hidden;

	}

.comment .alt {

	background:#eeeeee;

	}

.comment .alt p {

	background:#eeeeee;

	}

textarea#comment {

	width:90%;

	}

.comment img.avatar {

	float:right;

	margin:0 10px 10px 10px;

	width:60px;

	height:60px;

	}

#comments_wrapper p {

	margin:0 10px 10px 10px;

	font-family:arial,helvetica,sans-serif;

	font-size:0.6875em;

	letter-spacing:0em;

	color:#444444;

	}

#comments_wrapper h3 {

	margin-top:0;

	}

.comment p a {

	color:#A91B33;

	text-decoration:none;

	}

.comment p a:hover {

	color:#A91B33;

	text-decoration:underline;

	}

#commentform {

	padding: 0px 20px 0px 20px;

	width: 400px;

}

#commentform input,#commentform textarea {

	margin:20px 0 0 0;

	display:inline;

	font-family:arial,helvetica,sans-serif;

	font-size:0.6875em;

	letter-spacing:0em;

	}

#commentform label, {

	margin:0px 0 0 0;

	display:inline;

	font-family:arial,helvetica,sans-serif;

	font-size:0.6875em;

	letter-spacing:0em;

	}

#commentform label {

	margin-left:10px;

	}

#commentform input,#commentform textarea {

	clear:left;

	}

#respond {

	padding: 0px 20px 0px 20px;

	margin-top:30px;

	margin-bottom: 20px;

	}





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

*********** Extra stuff **********

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



.nextprevpage {

	margin:10px 0;

	text-align:center;

	letter-spacing:0em;

	line-height:1.375em;

	padding:0.1875em 0 0.1875em 0;

	font-size:0.875em;

	color:#58595b;

	font-family:arial,helvetica,sans-serif;

	}

#myGallery, #myGallerySet, #flickrGallery {

	width:auto;

	}

.ngg-galleryoverview {

	clear:none;

	}

.ngg-gallery-thumbnail img:hover {

	background-color: #A9A9A9;

	border:1px solid #A9A9A9;

	padding:4px;

	}

#menu_wrapper1 {

	display:none;

	}#menu_wrapper2 {

	display:none;

	}



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

********** Post content **********

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



img {

	border:0px solid #cccccc;

	padding:0px;

	}

img.wp-smiley {

	border:none;

	}

a:hover img {

	border:0px solid #aaaaaa;

	padding:0px;

	}

a img {

	border:0px solid #cccccc;

	padding:0px;

	}

.wp-caption img {

	margin:0;

	padding:2px;

	border:none;

	}

.wp-caption a img {

	border:none;

	}

.wp-caption a:hover img {

	border:none;

	}

.aligncenter, div.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

	}

.alignleft {

	float:left;

	margin:0 5px 0 0;

	}

.alignright {

	float:right;

	margin:0 0 0 5px;

	}

.wp-caption {

	border:1px solid #cccccc;

	text-align:center;

	background:#fefefe;

	padding-top:4px;

	margin:10px;

	}

.wp-caption p.wp-caption-text {

	letter-spacing:0em;

	line-height:1.375em;

	font-size:0.875em;

	color:#58595b;

	font-family:arial,helvetica,sans-serif;

	padding:0 4px 5px;

	margin:0;

	}







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

********* Profile *********

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



#pagecontent.profile #category_left_col h1 {

	font-size: 1.25em;

	display:block;
	
	font-weight: bold;
	
	padding: 0 5px 5px 5px;
	
	color: #000;

	border-bottom: #ffff00 solid 12px;
	margin-bottom: 10px;
	
}

#pagecontent.profile #category_left_col h2 {

	font-size: 1em;

	display:block;
	
	font-weight: bold;
	
	padding: 0 5px 0px 5px;
	
	line-height: 1em;
	
	color: #000000;
	
}

#pagecontent.profile #category_right_col a .blue_underlined {

	color: #000000;
	
	text-decoration: underline;
	
}





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

*********************************************************



SLIDES



*********************************************************

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



.scroll_header {

	width: 544px;

	height: 29px;

	background: #fff url(../images/scroll_header2.gif) no-repeat;

	text-align:center;

	letter-spacing:0em;

	line-height:18px;

	font-family:arial,helvetica,sans-serif;

	font-size:0.6em;

	color:#fff;

	font-weight:bold;

}



.scroll_footer {

	width: 544px;

	height: 29px;

	background: #fff url(../images/scroll_footer.gif) no-repeat;

	margin-bottom: 15px;

}



a.tooltip span {display:none;}



/*a.tooltip:hover span{text-decoration:none; cursor: pointer; width:135px; padding: 10px; display:block; line-height:14px; font-size: 11px; position:relative; bottom: 88px; left: 10px; background:#80bebf; color:#ffffff;}*/

a.tooltip:hover span{text-decoration:none; cursor: pointer; width:132px; height:58px; padding: 10px; display:block; line-height:14px; font-size: 11px; position:absolute; bottom: 10px; right: 9px; background:#ffff00; color:#000;}



a.tooltip2 span {display:none;}



/*a.tooltip2:hover span{text-decoration:none; cursor: pointer; width:135px; padding: 10px; display:block; line-height:14px; font-size: 11px; position:relative; bottom: 88px; left: 10px; background:#fcb03b; color:#ffffff;}*/

a.tooltip2:hover span{text-decoration:none; cursor: pointer; width:132px; height:58px; padding: 10px; display:block; line-height:14px; font-size: 11px; position:absolute; bottom: 10px; right: 9px; background:#ffff00; color:#000;}



#myslides{



background:#000000;

width: 542px;

height:98px;

margin-bottom:10px;



}



#myslides2{



background:#000000;

width: 542px;



}



.stepcarousel {

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 530px; /*Width of Carousel Viewer itself*/

height: 98px; /*Height should enough to fit largest content's height*/

margin: 0px 10px 0px 10px;

background:#ffffff;

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 10px 0px 0px ; /*margin around each panel*/

width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

background:#ffffff;

height:98px;

border:0px solid #ffffff;

}

.stepcarousel .panel p{

text-align: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 5px ; /*margin around each panel*/



}



.stepcarousel .panel h2{

text-align: left; /*leave this value alone*/

height:20px;

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 5px ; /*margin around each panel*/

font-size:16px;

font-weight:bold;

text-align:center;

font-family:Georgia,century gothic,Arial,verdana, sans-serif;

}



.stepcarousel .panel img{

float: left; /*leave this value alone*/

background:#000000; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 0px 0px 0px; /*margin around each panel*/

padding:0px 0px;

}


.stepcarousel .panel img.video_overlay {
	position: absolute;
	top: 35px;
	left: 73px;	
	background: url(../images/video_overlay.png);
	width: 29px;
	height: 29px;
	float: left;
} 
.stepcarousel .panel img.audio_overlay {
	position: absolute;
	top: 35px;
	left: 73px;	
	background: url(../images/audio_overlay.png);
	width: 29px;
	height: 29px;
	float: left;
} 
.stepcarousel .panel img.article_overlay {
	position: absolute;
	top: 35px;
	left: 73px;	
	background: url(../images/article_overlay.png);
	width: 29px;
	height: 29px;
	float: left;
} 
.media_holder img.video_overlay {
	position: relative;
	top: -65px;
	left: 69px;	
	background: url(../images/video_overlay.png);
	width: 29px;
	height: 29px;
} 
.media_holder img.audio_overlay {
	position: relative;
	top: -65px;
	left: 69px;	
	background: url(../images/audio_overlay.png);
	width: 29px;
	height: 29px;
} 
.media_holder img.article_overlay {
	position: relative;
	top: -65px;
	left: 69px;	
	background: url(../images/article_overlay.png);
	width: 29px;
	height: 29px;
} 

.podcast img.video_overlay {
	position: relative;
	top: 34px;
	left: -106px;	
	background: url(../images/video_overlay.png);
	width: 29px;
	height: 29px;
	float: left;
} 
.podcast img.audio_overlay {
	position: relative;
	top: 34px;
	left: -106px;	
	background: url(../images/audio_overlay.png);
	width: 29px;
	height: 29px;
	float: left;
} 

div#home_content {

	margin: 10px 0;

	width: 100%;

	/*font-size: 0.7em;*/

}

div#home_content p {
	
	font-size: 12px;
	
}

div#home_content li {

        width: 30%;

        min-height: 100px;

        display: -moz-inline-stack;

        display: inline-block;

        vertical-align: top;

        margin: 5px;

        zoom: 1;

        *display: inline;

        _height: 100px;

    }

div#home_content a {

	font-weight: bold;

}

div#home_content div.social{

	border-top: #000000 solid 12px;

}

div#home_content a.social {

	color: #000000;

}

div#home_content div.music{

	border-top: #a1d1d0 solid 12px;

}

div#home_content a.music{

	color: #a1d1d0;

}

div#home_content div.arts{

	border-top: #fcb03b solid 12px;

}

div#home_content a.arts{

	color: #fcb03b;

}

div#home_content div.lifestyle{

	border-top: #cdaf72 solid 12px;

}

div#home_content a.lifestyle{

	color: #cdaf72;

}

div#home_content div.shop{

	border-top: #c46659 solid 12px;

}

div#home_content a.shop{

	color: #c46659;

}

div#home_content div.sndcity{

	border-top: #8b74a7 solid 12px;

}

div#home_content a.sndcity{

	color: #8b74a7;

}

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

********* Main Content *********

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

#category_left_col {

	float:left;

	display:inline;
	
	width: 374px;
	
	padding: 0px;
	
	margin: 0 10px 0 7px;

	color:#58595B;
	
	font-size: 0.9em;

	}

#category_right_col {

	float:left;

	display:inline;
	
	width: 183px;

	}

#category_left_col h1 {

	font-size: 1.5em;

	display:block;
	
	font-weight: bold;
	
	padding: 0 5px 5px 5px;
	
}

#category_left_col h1 .icons {

	float: right;
	
	padding-top: 2px;
	
}

#category_left_col h1 .icons a img {

	padding: 2px;
	
}


#category_left_col h1.arts{

	border-bottom: #fcb03b solid 12px;

	color: #fcb03b;

}

#category_left_col h2.author {

	margin:0;

	padding:0 5px;

	font-weight:bold;

	font-size:0.75em;

	color:#58595B;

	font-family:arial,helvetica,sans-serif;

	}
	
#pagecontent #category_left_col h2.author a {

	color:#666666;

	}
	
.pic_holder {

	width: 374px;
	
	height: 210px;
	
	background: #58595B;
	
	margin-bottom: 8px;
	
}

p.arts, h4.arts {

	color: #000;

	font-weight:bold;
	
}

p#comments {

	text-align: right;

	font-weight:bold;

	font-size:0.75em;

	color:#58595B;

}


#category_left_col a {

	color: #000;

}

#category_right_col a {

	font-weight:bold;

	font-size:0.75em;

	color:#58595B;

}

#category_right_col p {

	margin: 0;

	font-size:0.75em;
	
}

#category_right_col .category_box {

	width: 96%;
	
	padding: 5px;
	
	border: #000 1px solid;
	
	margin-bottom: 10px;
	
}

#category_right_col .category_box h3 {

	color: #ffff00;
	
	padding: 0;
	
	margin-bottom: 5px;
	
}

#category_right_col .category_box.arts {

	background-color: #000;
	
}

#category_right_col .category_box img {

	margin: 0 auto;
	
}

#category_right_col .white_box {

	width: 96%;
	
	padding: 5px;
	
	background: #ffff00;
	
	border: #000 1px solid;
	
	margin-bottom: 10px;
	
}

#category_right_col .grey_box {

	width: 96%;
	
	padding: 5px;
	
	background: #000;
	
	border: #000 1px solid;
	
	color: #ffff00;
	
	margin-bottom: 10px;
	
}

#category_right_col .grey_box h4.arts {

	color:#ffff00;
	
	margin-bottom: 4px;
	
}

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

********* Signup Form Page *********

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

#signup_form td {
	padding: 5px;
}

#signup_form li {
	display: block;
}

#signup_form label {
	width: 150px;
	float: left;
	font-size: 0.9em;
	color: #333;
	font-weight: bold;
}

#signup_form input, #signup_form .bigselect {

	font-size: 0.8em;

	color: #666;

	/*margin: 0 0 4px 0;*/

	padding: 1px;

	float: left;

	width: 180px;

}

#signup_form select {

	float: left;

	font-size: 0.8em;

	color: #666;

	margin: 0 2px 2px 2px;

	padding: 0px;
	
	display: inline;

}

#signup_form li {
	margin-bottom:10px;
}

#signup_form .error {
	float: left;
	font-size: 0.7em;
	color: #ff0000;
}

#signup_form input.black_button {

	margin: 3px;

	padding: 2px;

	background-color: #000;	

	border: solid 0 #000;

	font: 0.6em Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFF00;

	cursor: pointer;

	width: auto;

}


/* ***************************************
    CLEARFIX
*************************************** */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


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

********* Sidebar and Tag Cloud *********

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


#sidebar_left li a.primary_nav {

	color: #58595B;

}

#sidebar_left li a.primary_nav:hover {

	background: #58595B;

	color: #ffffff;

}

#tagcloud {
width: 150px;
background:#999999;
color:#ffffff;
padding: 10px;
border: 0px;
text-align:center;
font-family: Arial,helvetica,sans;
line-height: 14px;
}

#tagcloud a, #tagcloud a:link, #tagcloud a:visited, #tagcloud a:hover, #tagcloud a:active {
color: #ffffff;
text-decoration:none;
}

#tagcloud a:hover {
color: #ffffff;
text-decoration:underline;
}

#tagcloud span {
padding: 4px;
}

.tcsmallest {
font-size: 12px;
}

.tcsmall {
font-size: 14px;
}

.tcmedium {
font-size:16px;
}

.tclarge {
font-size:18px;
}

.tclargest {
font-size:20px;
}

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

********* From article.php *********

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


#pagecontent #category_left_col h1 {

	font-size: 1.25em;

	display:block;

	font-weight: bold;

	padding: 0 40px 5px 5px;

	color: #000000;

	border-bottom: #ffff00 solid 12px;
	margin-bottom: 10px;

}

#pagecontent #category_left_col p.intro {
color:#000;
font-weight:bold;
}

#pagecontent #category_left_col a {
color:#000;
}

#pagecontent #category_left_col a:hover {
color:#000;
}




#category_right_col .showlinks a {
color:#000000;
}

#category_right_col .showlinks a:hover {
color:#000000;
}