/*

		CSS Styles for whitetip.org by Stefan Liden (jofan.net)

		(c) 2005, All Rights Reserved.

		

*/

/* General styles */	

* {margin: 0; padding: 0;}

body {

	text-align: center;

	background: #DDF url(design/bg.gif) repeat-x top left;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;}

	

/* Text styles: Headers & Paragraphs */

h1 {margin: 20px 0 5px 0; padding-left: 7px; font-size: 1.4em; font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans serif;}

h2 {clear: left; margin: 2px 0 7px 0; padding-left: 7px; font-size: 1.3em; font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans serif; color: #99C;}

#entrymain h2 {padding-top: 12px;}
h2.title {margin-left: 7px; padding-left: 0; padding-bottom: 5px; font-size: 1.2em; border-bottom: 1px solid #666;}

h3 {margin-left: 7px; padding: 3px; font-size: small; font-family: Century Gothic, Arial, Helvetica, Sans serif; letter-spacing: 0.1em; font-variant: small-caps; font-weight: normal; background: #CCF;}
h3.date {margin-bottom: 5px;}

h6 {

	padding: 3px 7px; background: transparent url(design/main_hdbg2.gif) no-repeat top left; font-size: 1em; font-weight: normal;

	font-family: Century Gothic, Arial, Helvetica, Sans serif; font-variant: small-caps; letter-spacing: 0.1em;}

p {margin-bottom: 12px; padding: 0 20px 0 7px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; letter-spacing: 0.05em; color: #666;}

p.small_text {font-size: small;}

p.link_back {padding-top: 5px; font-size: small; border-top: 1px dashed #CCC;}

hr {margin-left: 7px; height: 1px;}

.center {text-align: center; font-weight: bold;}



/* Main Navigation (menu on top) */

#nav {float: left;

	width: 760px;

	margin-top: 1px;

	margin-bottom: 1px;

	color: #CCF;

	font-size: 11px;

	background: #003 url(design/menu_bg.gif) repeat-x top left;}

#nav ul {list-style: none; display: inline;}

#nav li {float: left; padding: 0px 1px 0px 0px; list-style: none; background: url(design/navbreak.gif) no-repeat 100% 0;}

#nav a:link {float: left; padding: 11px 10px; color: #CCF; text-decoration: none;}

#nav a:visited {float: left; padding: 11px 10px; color: #CCF; text-decoration: none;}

#nav a:hover {color: #FFF; text-decoration: none;}

#nav a.active {

	font-weight: normal; color: #FFF;

	background: #003 url(design/nav_act.gif) repeat-x bottom left;}



/* Site structure */

#rap	{

	position: relative;

	margin: 0 auto;

	padding: 0 1px 1px 1px;

	width: 760px;

	background: #FFF;

	text-align: left;}

#top {position: relative; margin: 0 auto; width: 760px; height: 65px; text-align: left; background: url(design/bg.gif) repeat-x top left;}
.faq {margin-bottom: 12px; padding: 0 20px 0 7px; font-size: .75em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; letter-spacing: 0.05em; color: #666;}
#fin {

	float: left;

	height: 35px;

	margin-top: 7px;

	padding-top: 18px; padding-right: 150px;

	font-family: Century Gothic, Verdana, Arial, Helvetica, Sans serif;

	font-size: 12px;

	color: #66C;

	background: url(design/fin.gif) no-repeat top right;}

#himb {

	float: right;

	left: 427px;

	height: 27px;

	margin-top: 20px;

	padding: 5px 0 0 0;

	font-family: Century Gothic, Verdana, Arial, Helvetica, Sans serif;

	font-size: 12px;

	color: #66C;

	background: url(design/bucky.gif) no-repeat 100% top;}

#banner {

	position: relative;

	clear: both;

	margin: 0 0 1px 0;

	height: 119px;

	background: #CCF url(design/banner2.jpg) no-repeat top left;}

#main {

	float: left;

	width: 550px;}

#entrymain {

	float: left;

	width: 760px;

	background: url(design/main_bg.gif) repeat-x 0 -2px;}

#content {

	position: relative;

	margin: 0 35px 20px 35px;}

#sidebar {

	float: right;

	width: 250px;

	background: #FFF;}

#sidebar p {padding: 3px; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif;}

#footer {

	position: relative;

	clear: both;

	font-size: 0.8em;

	color: #FFF;

	background: #003;}

#footer p {

	padding: 10px;

	margin: 0;

	color: #CCC;}

* html #footer p { height: 1%; }



/* List styles */

#content ul {margin: 0 0 0 20px; font-size: medium;}

#content li {margin: 15px 0;}

#content ul ul {margin: 0 0 0 30px; font-size: small;}

#content ul ul li {margin: 5px 0;}



/* Link styles */

#content a:link {color: blue; text-decoration: none;}

#content a:visited {color: purple; text-decoration: none;}

#content a:hover {color: red; text-decoration: underline;}

#himb a:link, a:visited {color: #66C; text-decoration: none;}

#himb a:hover {color: red; text-decoration: underline;}

#content ul a:link {color: blue; text-decoration: none;}

#content ul a:visited {color: purple; text-decoration: none;}

#content ul a:hover {color: red; text-decoration: underline;}

a img {border: none;}

a.caption {clear: right; float: right; margin: -2px 0 5px 15px; padding: 0 3px 3px 3px; background: #E1E1E1; text-align: right; font-size: x-small;}

#content a.caption:link {color: #666;}

#content a.caption:visited {color: #666;}

#content a.caption:hover {color: red; background: #FFF;}



/* Image styles */

.imgright {float: right; margin: 0 0 2px 10px; padding: 5px; background: #E1E1E1;}

.nobrdimgright {float: right; margin: 0 0 2px 10px;}

.imgleft {float: left; margin: 0 5px 2px 0;}

img.popleft {margin: 2px 5px 5px 0; padding: 11px; float: left; background: #E1E1E1 url(design/extlink.png) no-repeat 100% 0;}

img.popright {margin: 2px 0 5px 5px; padding: 11px; float: right; background: #E1E1E1 url(design/extlink.png) no-repeat 100% 0;}

img.author_pic {float: left; border: 2px solid #99C;}



/* Misc */

.logistical {

	float: left;

	width: 200px;

	height: 180px;

	margin-right: 20px;

	text-align: center;

	}

.logistical span {font-size: small;}
.posted {clear: both; margin-left: 7px; padding-bottom: 10px; border-bottom: 1px solid #999;}
.comment {margin-left: 7px; padding-bottom: 5px; border-bottom: 1px dashed #CCC;}

.onebreath {font-size: xx-large; font-family: Tahoma, Helvetica, sans serif;}

.deli {font-family: Curlz MT, sans serif; font-size: 2.5em;}

.funding {float: left; margin: 15px 45px 10px 0; text-align: center;}

/* Gallery Styles */
#narrowcontent {
 left:              0px;
 right:             10px;
 background-color: 	#fff;
 border: 1px solid 	#333;
 margin:            0 10px 0 10px;
 padding:           10px 12px 12px 12px;
 width:             auto;
}
* html #narrowcontent {
 width:             100%;
 width:            	auto;
}

/* a {
 text-decoration:   none;
 color:             #330099;
 background-color:  transparent;
}
  
a:visited {
 color:             #330099;
 background-color:  transparent;
}

a:hover {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}*/

.breadcrumb {
 margin:            15px 0 15px 6px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 background-color:  transparent;
}

.paginate {
 margin:            10px 0 10px 6px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 background-color:  transparent;
}

.windowclose {
 margin:            15px 0 10px 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 background-color:  transparent;
 text-align: 		center;
}

.spacer {
 font-size:	10px;
 margin:		5px 0 5px 0;
}

/*img {
 margin:		0;
 padding:	0;
 border:		0;
}*/

.border {
 border:	1px solid #000;
}

.paddedborder {
 padding: 	20px;
 border: 	1px solid #000;
}

.thumbs {
 text-align:	center;
 padding:	15px 3px 8px 3px;
 background-color: #EAEBEE;
}

.title {
 margin:            3px 0 0 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 font-weight: 		bold;
 color:             #000;
}

.caption {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color: #000;
}

.commentlink {
 margin:            4px 0 8px 0;
}


/*li {
 margin:            0 0 15px 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color: 				#333;
 background-color:  transparent;
 text-align: 		left;
 padding-bottom: 	5px;
 border-bottom: 		1px dashed #ccc;
}*/

.stats {
 margin:            4px 0 4px 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 font-weight: 		normal;
 color:             #fff;
}

.imageBG {
 text-align: center;
 background-color:  #8185A9;  
}

.categories {
 padding:           5px 10px 5px 12px;
 background-color:  #E9E9F2;  
}

.tableBorder {
 border: 1px solid #73737E;
}

th {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 color:             #fff;
 font-weight:		bold;
 text-align:			left;
 padding:           5px 4px 5px 12px;
 background-color:  #7378A7;  
}

td {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
}

.powered {
 margin:            15px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 background-color:  transparent;
 text-align:			center;
}