/*
    CSS File for the Daily News 2 theme for ProofBuddy
	(c) 2007 Ryan Nutt
	
	For more information please visit www.ProofBuddy.com
*/

/*  Global Styles
    */
body
    {
    font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0; 
	padding: 0; 
	background: #222222;
	color:#ccc;
	font-size:12px;
    }
form
    {
    padding:    0px;
    margin:     0px;
    }
img {
    border:1px solid #ccc;
	background: #fff;
	padding:5px;
	margin:0px;
    }
a	{
	color: #4682b4;
	text-decoration: none;
	}
table td	{
	vertical-align:		top;
	background:#222222;
	}

.button a	{	
	color: #ccc;
	border: 1px solid #666;
	background: #333;
	text-decoration: none;
	padding: 5px; 
	margin: 1px; 
	}
.button a:hover	{
	background: #666;
	}

a.pb_bwlink, a.pb_sepialink, a.pb_colorlink {
	text-align: center;
	display:block;
	margin: 0;
	padding:0;
	}
	
input.pb_button	{
	color: #ccc;
	border: 1px dotted #666;
	background:#333;
	text-decoration: none;
	margin: 0;
	width:120px;
	margin-top:2px;
	}
input.pb_button:hover	{
	background: #666;
	color:#fff;
	border:1px dotted #fff;
	}
span.pb_button input, span.pb_button a	{
	color: #ccc;
	border: 1px dotted #666;
	background:#333;
	text-decoration: none;
	margin: 0;
	width:120px;
	margin-top:2px;
	}
span.pb_button input:hover, span.pb_button a:hover	{
	background: #222;
	}	
	
/*pb_button2*/
span.pb_button2 input, span.pb_button2 a	{
	color: #4682b4;
	border: 0px dotted #666;
	background:#222;
	text-decoration: none;
	margin: 0ox;
	width:120px;
	margin-top:2px;
	padding-bottom:5px;
	}
span.pb_butto2n input:hover, span.pb_button2 a:hover	{
	background: #222;
	}	
	
	/* end */
	
.box_header	{
	font-size: 14px;
	font-weight:normal;
	margin-top: 2px; 
	text-align: left;
	border-bottom: 1px dotted #999; 
	color:#666666;
	}
	
tr.pricing_header td	{
	border-bottom: 1px dotted #666;
	text-align: center;
	font-weight:normal;
	white-space:nowrap;
	padding:5px;
	}

.input {
	background:#333;
	border: 1px solid #666;
	color:#ccc;
	width:30px;
	margin-top:-2px;
}

/*	The next 4 definitions are for the pricing table to the right of the
	image and control the CSS for the pricing items.  td.pricingRow allows
	you to change all 3 columns at once.  td.pricingDescription, td.pricingCost,
	& td.pricingInput are the individual columns.	*/
td.pricingRow	{
		font-size: 12px;
		background:#222;
		margin-left:3px;
		color:#999;
		padding:5px;
		border-bottom:1px dotted #666;
		border-right:1px dotted #666;
		}
td.pricingDescripton{
	}
td.pricingCost	{
	}
td.pricingInput	{
	}

table#checkout_table input, table#checkout_table textarea	{
	width: 200px;
	}
table#checkout_table input.pb_button	{
	width: auto;
	}
table#checkout_table select	{
	width: 203px;
	}

/*  Shared styles
    */
.alignright	{
	text-align: 		right;
	}
	
#header	{
	margin-bottom:10px;
	font-size:14px;
	text-align:left; 
	margin:0px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	background:#333;
	height:16px;
	border-bottom:1px dotted #666;
	}
	#header p	{
		font-size:16px;;
		}
	#header  a	{	
		color:#ccc;
		text-decoration: none;
		}
	#header a:hover	{
		text-decoration:none;
		}
	#header #title	{
		font-size: 14px;
		text-align: left;
		}
	#header #title a	{
		color: #ccc;
		border-left: 1px dotted #666;
		background: #333;
		text-decoration: none;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:4px;
		padding-top:4px;
		}
	#header #title a:hover	{
		background: #444;
		}
#header #menu	{
		font-size: 14px;
		text-align: right;
		}
	#header #menu a	{
		color: #ccc;
		border-left: 1px dotted #666;
		background: #333;
		text-decoration: none;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:4px;
		padding-top:4px;
		}
	#header #menu a:hover	{
		background: #444;
		}
#footer	{
	text-align: center;
	font-size: 12px;
	margin-top: 15px;
	padding-top: 5px;
	}
#bodydiv	{
	margin: 0px 0px;
	clear: both;
	text-align: left; 
	}
#albumheaderright
    {
    text-align:right;
    }
#albumjump
    {
    text-align:right;
    }
#albumtitle
    {
    font-size:14px;
    }

.carttable  {
    width:600px;
    margin-right:auto;
    margin-left:auto;
    font-size:12px;
    }
.carttable p    {
    margin:0px;
    padding:0px;
    }
    .carttable .medium  {
        font-size:14px;
        }
    .carttable .small   {
        font-size:12px;
        }
    .carttable .cartcol1    {
        text-align:center;
        padding:10px;
        }
    .carttable .cartcol2    {
        padding:10px;
        vertical-align: top;
        padding-left:20px;
        text-indent:-10px;
        }
    .carttable .cartcol3    {
        padding:10px;
        vertical-align: top;
        }
    .carttable .cartcol4    {
        padding:10px;
        vertical-align: top;
        }
    .carttable .cartcol5    {
        padding:10px;
        vertical-align: top;
        }
    .carttable .cartcol6    {
        padding:10px;
        vertical-align: top;
        text-align:center;
        }
.cartheader {
    background-color:#222222;
    }
.pb_cartfooterrow	{
	text-align:center;
	border-top:1px dotted #666;
	}
.cartrow1   {
	background-color:#666;
    padding:0px 10px;
    }
.cartrow2   {
    background-color:#111111;
    padding:0px 10px;
    }
/*  Thumbnail images page   */
#thumbnailtable
    {
    margin-left:    auto;
    margin-right:   auto;
    text-align:     center;
    }
.thumbfooter    {
    text-align:     center;
    font-size:      12px;
    margin:         10px auto 10px auto;
    }
    .thumbfooter a  {
        text-decoration:    none;
        color:              #4682b4;
        }
    .thumbfooter a:hover    {
        text-decoration:    underline;
        }
.thumbnailtext
    {
    text-align:     center;
    font-size:      12px;
    }
.thumbnailcell
    {
    vertical-align: bottom;
    padding:        0px 10px 10px 10px;
    }
    .thumbnailcell a
        {
        color:              black;
        text-decoration:    none;
        }
    .thumbnailcell a img
        {
        border:             0px;
        }
/*  Styles for main image page
    */
#imagetable
    {
    border:     0px;
    margin-left:    auto;
    margin-right:   auto;
    }
    
#imagetitlecell {
    text-align:         center;
    padding-bottom:     20px;
    }
#imagetitle
    {
    font-size:          16px;;
    font-family:        sans-serif;
    text-align:         center;
    margin-right:       auto;
    margin-left:        auto;
    }
/*  Styles for the color, b&w, sepia links on the
    primary image pages.
    */
#imagefooterleft
    {
    padding-top:    20px;
    text-align: left;
    }
#imagefooterright
    {
    padding-top:    20px;
    text-align: right;
    padding-left: 50px;
    }
#imagefooterpagenumber
    {
    text-align: center;
    font-size:  12px;
    padding-top:    10px;
    }
#imagecell
    {
    text-align: center;
    }
#fullsizeimage
    {
    border:     1px solid black;
    }
.pb_colorlink, .pb_bwlink, .pb_sepialink
    {
    font-size:  12px;
    padding:    10px 10px 0px 10px;
	color:		#4682b4;
	text-decoration: none;
    }
.pb_colorlink:hover, .pb_bwlink:hover, .pb_sepialink:hover
    {
    text-decoration:    underline;
    }
#pb_footer	{
	font-size:	12px;
	text-align:	center;
	}
	#pb_footer a	{
		color:		#4682b4;
		text-decoration: none;
		}
	#pb_footer a:hover	{
		text-decoration: underline;
		}
.pb_noalbums	{
	text-align:		center;
	}
	
.pb_button	{
	width:120px;
	}
.pb_errormessage	{
	color:	red;
	}
.pb_useradmin	{
	font-family:    sans-serif;
    font-size:      12px;
    text-align:     right;
    color:          #ffcc33;
    padding:        0px;
    margin:         0px;
    }
    .pb_useradmin a
        {
        color:              #4682b4;
        text-decoration:    none;
        }
    .pb_useradmin a:hover
        {
        text-decoration:    underline;
        }
.pb_thumbnailtable	{
	margin-left:	auto;
	margin-right:	auto;
	text-align:		center;
	}
.pb_thumbnailcell	{
	text-align:		center;
	width:			100px;
	height:			150px;
	}
.pb_carttable	{
	width: 		100%;
	border-collapse: 	collapse;
	margin-bottom:	15px;
	}
.pb_cartcell	{
	vertical-align:	top;
	margin:			0px;
	padding:		10px 0px;
	}
.pb_cartimagecell	{
	text-align:		center;
	padding:		10px;
	}
.pb_carttitle	{
	font-size: 		14px;
	}
.pb_carttext	{	
	font-size:		12px;
	}
.pb_cartrowodd 	{
	border-top:1px dotted #333;
	background:#333;
	}
.pb_cartroweven	{
	border-top:1px dotted #333;
	background:#666666;
	}
.pb_cartheaderrow	{
	border-bottom:	1px solid #666;
	font-weight:	bold;
	}
.pb_albumlist	{
	margin-left:	15px;
	}
.pb_thumbnailtable	td	{
	vertical-align: 	bottom;
	padding:			5px;
	}
.album_title	{
	text-align:		center;
	}
.pb_comments 	{
	border-bottom:	1px solid black;
	}
.pb_comment	{
	border-top:	1px solid black;
	padding-bottom:	10px;
	padding-top:	5px;
	padding-left:	5px;
	padding-right: 	5px; 
	}
	.pb_comment .comment_head	{
		display: 	block;
		font-weight:	bold;
		}
	.pb_comment .comment_subject	{
		display:		block;
		font-weight:	bold;
		}
	.pb_comment .comment_message	{
		display:		block;
		margin-top:		5px;
		}
.pb_comment_even	{
	background:		#eeeeee;
	}	
a.pagetrail_sel	{
	color: fff;
	border: 0px solid black;
	padding: 2px 5px; 
	margin: 2px;
	}
a.pagetrail_sel:hover	{
	text-decoration: none;
	}
a.pagetrail_unsel	{
	color: #ccc;
	border: 1px dotted #ccc;
	background:#333;
	padding: 2px 5px;
	margin: 2px; 
	}
a.pagetrail_unsel:hover	{
	color: #fff;
	border: 1px dotted #fff;
	text-decoration: none;
	background: #666;
	}
div.comments	{
	text-align:center;
	margin:15px;
	}
	

/*	Dropshadow styles	*/
table.shadow { 
    margin: auto; 
  }

  td.shadow-top { 
    height: 17px;  
    background-image: url(images/border_top1.gif);
  }

  td.shadow-topRight { 
    width: 16px;
    height: 16px;
    background-image: url(images/border_topRight1.gif)
  }

  td.shadow-right { 
    width: 16px; 
    background-image: url(images/border_right1.gif)
  }

  td.shadow-bottomRight { 
    width: 16px; 
    height: 16px; 
    background-image: url(images/border_bottomRight1.gif)
  } 

  td.shadow-bottom { 
    height: 16px;
    background-image: url(images/border_bottom1.gif)
  }

  td.shadow-bottomLeft { width: 16px;
    height: 16px;
    background-image: url(images/border_bottomLeft1.gif)
  } 

  td.shadow-left { width: 16px;
    background-image: url(images/border_left1.gif)
  }

  td.shadow-topLeft { 
    width: 16px; 
    height: 16px; 
    background-image: url(images/border_topLeft1.gif)
  }      

  td.shadow-center { 
    background-color: #222222;;
  }
 
div#filmstrip	{
	position: relative; 
	overflow: auto;
	width: auto;
	margin:20px auto;
	padding-top: 10px; 
	white-space:nowrap;
	border: 1px solid silver;
	}
div#filmstrip *	{
	vertical-align: middle; 
	}
div#filmstrip img	{
	border: 0;
	margin: 0 10px; 
	}
	
div.comment	{
	text-align: justify;
	margin: auto 20px; 
	line-height: 150%;
	}
hr.comment_divider	{
	width: 50px;
	height: 1px; 
	}
div.comment_meta	{
	font-size: 12px;
	text-align: center;
	}
span.comment_meta_title	{
	color: silver;
	}