/* -----------------------------------------
Stylesheet for clipyourhip.com / HipClip
Author: cdeVision.com
Created: 31 May 2007 
-------------------------------------------- */

body {background:#000; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#fff;}

h1, h2 {padding:0; margin:0;}
h2 {font-size:20px; font-weight:normal; color:#C73C38; padding:0 0 6px 10px;} /* page titles */
p {margin:0; padding:0 0 12px 0; line-height:17px;}
p.intro {font-size:16px; line-height:22px;}
ul {margin:0; padding:0;}

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}


/* ---- links ----------------------------------------- */
a {color:#C73C38; text-decoration:underline;}  
a:visited {}
a:hover {color:#F87671; text-decoration:none;}
a:active {color:#C73C38;}
a:active, a:focus {outline:none;}

/* ---- images -----------------------------------------*/
.image_right {display:block; float:right; margin:0 0 10px 10px;}
.image_left {display:block; float:left; margin:0 10px 10px 0;}

/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:Arial, Helvetica, sans-serif; font-size:11px;width:160px;}
textarea {height:80px;}
#sendButton {width:75px;}
#userentry {width:140px;}

/* ---- ids & classes ----------------------------------------- */
#frame { /* this centers the page */
	 width:730px; height:550px; margin:0 auto; padding:15px 0 0 60px; text-align:left; background:transparent url(images/bg.gif) 0 0 no-repeat; position:relative;}
	 
	 
/* header styles */ 
#header {width:690px; height:100px; position:relative;}
	#logo {position:absolute; top:20px; left:10px; width:184px; height:60px; background:url(images/logo.gif) no-repeat; text-indent:-4000px;}
		#logo h1 {}
		#logo a {display:block; width:184px; height:60px;}
	#navmenu {position:absolute; width:460px; top:38px; right:0; text-align:center; border-bottom:1px solid #C73C38;}
		#navmenu ul {margin:0 auto !important; list-style:none; text-align:left;}
		#navmenu li {display:inline; line-height:26px; padding:0 18px 0 0;}
		#navmenu li#last {padding:0;}
		#navmenu a {color:#F87671; text-decoration:none; font:normal 14px arial,helvetica,sans-serif;}
		#navmenu a.on {color:#C73C38;}
		#navmenu a:hover {color:#C73C38;}

/* content area */
#content {width:690px; margin:0 0 20px;}
#content a {font-weight:bold;}
#homepix {padding-bottom:15px;}
	#homepix img {display:block; margin-bottom:7px;}
	#homepix img#moneyshot {float:left; width:500px;}
	#linkcol {float:right; width:180px; position:relative;}
		.linkimg {position:relative;}
			.linkband {position:absolute; top:85px; left:0; background:#000; height:30px; width:100%; 
				filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; z-index:50;}
			.linkimg a {display:block; position:absolute; top:85px; left:0;  color:#fff; height:30px; line-height:30px; width:100%; 
			font-size:18px; font-weight:normal !important; text-decoration:none; padding-left:8px; z-index:100;}
			.linkimg a:hover {color:#F87671}
#homebottom {margin-top:0px; background:transparent url(images/bg-home.gif) 0 0 no-repeat; padding:1px 0;}
	 /* for IE 5.5 & 6 - disappearing background bug */
	/*\*/
	* html #homebottom {height:1%;}
	/**/
	#homebottom h2 {padding:0 0 16px 0; background:transparent;}
	#homebottom a {background:transparent; display:inline;}
	#homebottom .text {padding:10px;}
	#gethip {float:left; width:316px; padding:0 12px; background:transparent;}
		
	#didyouknow {float:right; width:314px; padding:0 12px; background:transparent;}
.greybox {border-top:1px solid #474747; background:#1f1f1f;} /* for solid grey background area - wraps #leftcol & #rightcol - see wheretofind page */
/* column widths are set inline - total width available = 630px (mind the padding) */
/* where to buy page - 2 columns */
#leftcol {float:left; margin:15px 0 15px 15px; display:inline;}
#rightcol {float:right; margin:15px 15px 15px 0;}
/* photos page - 2 columns */
#leftcolgrey {float:left; padding:15px; border-top:1px solid #474747; background:#1f1f1f; display:inline;}
	table#photogrid {margin:5px auto 0px;}
		table#photogrid td {vertical-align:middle; text-align:center; padding:2px;}
			table#photogrid td.first {padding-left:0;}
			table#photogrid td.last {padding-right:0;}
		table#photogrid img {display:block; margin:0 auto; border:2px solid #1f1f1f;}
		table#photogrid a img {padding:2px;}/* this might not work */
		table#photogrid a:hover img {border:2px solid #C73C38;}
		table#photogrid a#on img {border:2px solid #C73C38;}
#detail {float:right; width:340px;}
	#detail img {display:block; margin-bottom:8px;}
	#detail p {padding:0 8px;}


/* footer styles */
#decobar {width:690px; height:16px; margin-bottom:3px; background:transparent url(images/decobar.gif) 0 0 no-repeat}
#footer {width:690px; height:21px; padding:8px 0; color:#D26460; font-size:10px; background:transparent url(images/hipclip.gif) 8px 8px no-repeat;}
	#footer p {padding:0 0 0 80px; line-height:21px; float:left;}
	#footer a {color:#D26460; text-decoration:underline;}
	#footer a:hover {text-decoration:none;}
	/* "site by cdevision" */
	p#props {color:#999; float:right !important; line-height:21px;}
	p#props a {color:#999;}
	p#props a:hover {}
	



#adminmenu { z-index:999; background-color:#FFFFFF; font:normal 10px Arial, Verdana, Helvetica, sans-serif; width:150px; height:98px; clear:both; font-size:11px; position:absolute; right:0; top:78px;}
	#adminmenu table { text-align:left; background-color:#FFFFFF; width:150px;}
	#adminmenu a {text-decoration:none; color:#000000;}