/*********************
CaptionAddict stylesheet
*********************/

/*********************
			Page Elements
*********************/
body				{	margin: 0px;		}
h1					{	margin: 0px;		}
h2,h3,h4,h5,h6		{	margin: 3px 5px 10px 5px;	 text-align: center;	font-family: 'Garamond'; }
h2 					{	border-bottom: 1px solid #aa6666; vertical-align: top; line-height: 16px; font-size: 18px; padding: 0px 4px;	}
h3					{	color: white; text-align: left; background: url('/img/h3bg.png') repeat-y; padding: 2px 2px 2px 6px;	}
iframe				{	border: 0px solid #999999;	}
table				{	border-collapse: collapse;	}
img					{	border: 0px;		}
ol li				{	margin-bottom: 5px;	}

/*********************
			Form Elements
*********************/
textarea				{	display: block;	padding: 2px; border: 1px inset grey; background: #ffffff; font-weight: bold; font-family: 'Trebuchet MS'; font-size: 12px;	}
input					{	vertical-align: middle; font-size: 9px;	}
input[type="text"]	 	{	padding: 1px; width: 180px; margin: 0px;	}
input[type="password"] 	{	padding: 1px; width: 180px; margin: 0px;	}
input[type="file"]		{	padding: 1px; width: 180px; height: 15px; margin: 0px;	}
input[type="submit"]		{		}
select					{	margin-bottom: -2px; font-size: 9px;	}
label					{	margin: 0px; font-size: 14px; line-height: 14px; vertical-align: bottom;}

/*********************
			Tools
*********************/
.clr		{	clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0;	}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after	{	content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;	}
* html .pkg	{	display: inline-block;	}
/* no ie mac \*/
* html .pkg	{	height: 1%;	}
.pkg			{	display: block;	}
/* */


/*********************
			Modifiers
*********************/
.border_w0			{	border-width: 0px;	}
.border_w1			{	border-width: 1px;	}
.border_w2			{	border-width: 2px;	}
.border_w3			{	border-width: 3px;	}

.border_c000000		{	border-color: #000000;	}
.border_c888888		{	border-color: #888888;	}
.border_cFFFFFF		{	border-color: #FFFFFF;	}
.border_cDDDDEE		{	border-color: #DDDDEE;	}

.border_sS			{	border-style: solid;	}
.border_sD			{	border-style: dotted;	}
.border_sI			{	border-style: inset;	}
.border_sO			{	border-style: outset;	}

.background_cEEEEFF	{	background-color: #EEEEFF;	}
.background_cFCFCFF	{	background-color: #FCFCFF;	}
.background_cFAFAFF	{	background-color: #FAFAFF;	}

.align_r			{	text-align: right;	}
.align_l			{	text-align: left;	}
.align_c			{	text-align: center;	}
.align_j			{	text-align: justify;}

.pad_1				{	padding: 1px;	}
.pad_2				{	padding: 2px;	}
.pad_3				{	padding: 3px;	}
.pad_4				{	padding: 4px;	}
.pad_5				{	padding: 5px;	}

.color_DD8888		{	color: #DD6666;	}

.display_block		{	display: block;	}

.float_l			{	float: left;	}
.float_r			{	float: right;	}

/*
Hidden Data (Not Supported in IE)
*/
.revealTrigger {
	text-align: right;
	border: 1px solid #999999;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	font-size: 12px;
	vertical-align: top;
}
.revealTrigger .revealData {
	display: none;
	text-align: left;
}
.revealTrigger .revealArrow {
	visibility: hidden;
}
.revealTrigger:hover {
	color: blue;
}
.revealTrigger:hover .revealArrow {
	visibility: visible;
	color: #bbbbbb;
}
.revealTrigger:hover .revealData {
	position: absolute;
	z-index: 10000;
	display: inline;
	margin: -6px 5px 0px 5px;
	padding: 5px;
	width: 150px;
	border: 1px solid #9999aa;
	background: #f8f8f8;
	color: black;
}
.hide {
	display: none;
}
.show {
	position: absolute;
	z-index: 10000;
	display: inline;
	margin: -6px 5px 0px 5px;
	padding: 5px;
	width: 150px;
	border: 1px solid #9999aa;
	background: #f8f8f8;
	color: black;
	text-align: left;
	line-height: 14px;
}


/*********************
			Page Elements
*********************/
body {
	background: #000000 url('/img/background.png') repeat-y top center;
	margin: 0px auto;
	text-align: center;
}
body.narrow {
	background: #000000 url('/img/background_narrow.png') repeat-y top center;
	margin: 0px auto;
	text-align: center;
}
.wrapOuter {
	width: 928px;
	margin: 0px auto 0px auto;
	text-align: left;
}
.wrapInner {
	text-align: center;
}

.wrapNarrowOuter {
	width: 610px;
	margin: 0px auto 0px auto;
	text-align: left;
}
.wrapNarrowInner {
	text-align: center;
}
.headerOuter {
	border-bottom: 0px solid #999999;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;

}
.headerInner {

}
.menuOuter {

}
.menuInner {
	text-align: center;
}
.menuTable {
	margin: auto;
}
.menuTable a {
	text-decoration: none;
	color: blue;
	display: block;
	margin: auto 3px auto 3px;
	padding: 3px;
	border: 2px solid #dddddd;
}
.menuTable a:hover {
	border: 2px solid #bb6666;
	background: #dddddd;
}

.footerOuter {
	padding-bottom: 10px; 
	
	border-top: 0px solid #999999;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;

}
.footerInner {

}
.bodyOuter {

	border: 0px solid #999999;
	margin: 20px auto 20px auto;
}
.bodyInner {

}

/*********************
			Current Image
*********************/
.imageOuter {
	border: 0px solid #aaaadd;
	background: #fdfdff;
	margin: 0px auto 30px auto;
}
.imageInner {
	text-align:center;
}
.imageCaptionOuter {
	margin: 0px auto 10px auto;
}
.imageCaptionInner {
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #666666;
	text-align: left;
}
.captionOuter {
	background: #ffffff;
	padding: 10px 5px 10px 5px;
	margin: auto;
}
.captionInner {
	font-size: 16px;
	font-weight: bold;
}
.captionFormOuter {
	margin: 0px auto 0px auto;
}
.captionFormInner {

}
.captionTextArea {

}
.credit {
	text-align: left;
	margin: 0px;
}

/*********************
			Previous Image
*********************/
.recentOuter {
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	margin: 0px auto 5px auto;
}
.recentInner {
	text-align:center;
}
.recentCaptionOuter {
	background: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: auto;
}
.recentCaptionInner {
	text-align: left;
}


/*********************
			Tiny Image
*********************/
.tinyOuter {
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #666666;
	margin: 0px auto 5px auto;
}
.tinyInner {
	text-align:center;
}
.tinyCaptionOuter {
	background: #ffffff;
	padding: 2px 2px 2px 2px;
	margin: auto;
}
.tinyCaptionInner {
	text-align: left;
	font-size: 9px;
}


/*********************
			Image Upload
*********************/
.uploadFormOuter {
	text-align: left;
	margin: 0px auto 20px auto;
	border-top: 0px solid #666666;
	border-bottom: 0px solid #666666;
}
.uploadFormInner {
	margin: 5px 10px 5px 10px;
	padding: 5px; 
}


/*********************
			Body Table
*********************/
.mainBodyTable {
}
.leftCell {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 160px;
	background: #ffffff;
}
.rightCell {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 610px;
	text-align: center;
}


/*********************
			Ratings
*********************/
.ratingOuter {

}
.ratingInner {
	text-align: center;
}
.ratingTable {
	margin: auto;
	border: 0px;
}
.ratingTable td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.recentRatingOuter {
	margin: 0px auto 5px auto;
}
.recentRatingInner {
	text-align: center;
}
.recentRatingTable {
	margin: auto;
	font-size: 10px;
	font-weight: bold;
}
.smallRatingTable {
	font-size: 10px;
	font-weight: bold;
}
.ratingText {
	width: 192px; height: 30px;
	background: white url('/img/rate_this_sm.png') no-repeat top left;

}
.ratingValueText {
	width: 48px; height: 24px;
}
.starRed {
	width: 24px; height: 24px;
	background: white url('/img/stars/smRed.png') no-repeat top left;
}
.starYellow {
	width: 24px; height: 24px;
	background: white url('/img/stars/smYellow.png') no-repeat top left;
}
.starHalf {
	width: 24px; height: 24px;
	background: white url('/img/stars/smHalf.png') no-repeat top left;
}
.starGrey {
	width: 24px; height: 24px;
	background: white url('/img/stars/smGrey.png') no-repeat top left;
}
.smStarYellow {
	width: 24px; height: 24px;
	background: white url('/img/stars/smYellow.png') no-repeat top left;
}
.smStarHalf {
	width: 24px; height: 24px;
	background: white url('/img/stars/smHalf.png') no-repeat top left;
}
.smStarGrey {
	width: 24px; height: 24px;
	background: white url('/img/stars/smGrey.png') no-repeat top left;
}
.minus1 {
	width: 48px; height: 24px;
	background: white url('/img/numbers/minus_1_sm.png') no-repeat top left;
}
.plus1 {
	width: 48px; height: 24px;
	background: white url('/img/numbers/plus_1_sm.png') no-repeat top left;
}
.plus2 {
	width: 48px; height: 24px;
	background: white url('/img/numbers/plus_2_sm.png') no-repeat top left;
}
.plus3 {
	width: 48px; height: 24px;
	background: white url('/img/numbers/plus_3_sm.png') no-repeat top left;
}
.plus4 {
	width: 48px; height: 24px;
	background: white url('/img/numbers/plus_4_sm.png') no-repeat top left;
}
.plus5 {
	width: 48px; height: 24px;
	background: white url('/img/numbers/plus_5_sm.png') no-repeat top left;
}
.plus0 {
	width: 48px; height: 24px;
}

/*********************
			Ads
*********************/
.adsOuter {
	margin: auto;
	border: 0px;
}
.adsInner {
	border: 0px;
}

/*********************
			Errors
*********************/
.errorOuter {
}
.errorInner {
	margin: 5px auto 5px auto;
	padding: 5px;
	text-align: left;
	width: 600px;
	border: 1px solid red;
	background: #ffffcc;
}

/*********************
			Messages
*********************/
.messageOuter {
}
.messageInner {
	margin: 5px auto 5px auto;
	padding: 5px;
	text-align: left;
	width: 600px;
	border: 1px solid blue;
	background: #eeeeff;
}

/*********************
			FormTables
*********************/
.formTable {
	margin: auto;
}
.formTable td {
	padding: 4px;
}

/*********************
			GalleryTable
*********************/
.galleryTable {
	margin: auto;
}
.galleryTable tr {
	margin: 0px 10px 0px 10px;
}
.galleryTable td {
	width: 140px; height: 140px;
}
.galleryTable td.flex {
	width: auto; height: auto;
}
.thumbnail {
}

/*********************
			PagiNavi
*********************/
.paginavi {
	font-size: 14px;
	margin: 20px 10px 20px 10px;
}
.paginavi a { 
	text-decoration: none;
	color: #333333;
	display: block;
	float: left;
	margin: auto 3px auto 3px;
	padding: 3px 8px 3px 8px;
	border: 2px solid #dddddd;
}
.paginavi a:hover { 
	border: 2px solid #bb6666;
	background: #dddddd;
}
.paginavi strong {
	text-decoration: none;
	color: #333333;
	display: block;
	float: left;
	margin: auto 3px auto 3px;
	padding: 3px 8px 3px 8px;
	border: 2px solid #000000;
	background: #dddddd;
}
.paginavi .ellipsis {
	text-decoration: none;
	color: #333333;
	display: block;
	float: left;
	margin: auto 3px auto 3px;
	padding: 3px 8px 3px 8px;
	border: 0px solid #000000;
	background: none;
}

/*********************
			captionList
*********************/
.captionList {
	font-size: 12px;
	margin: 4px 0px 4px 0px;
	list-style: none;
}
.captionList li {
	clear: right;
	margin-left: 0px;
}
.captionList li a{
	font-size: 14px;
	text-align: middle;
	color: #0000aa;
	text-decoration: none;
}
.captionList .captionPreview {
	width: 250px;
}
/*********************
			share
*********************/
.shareOuter {
}
.shareInner {
	text-align: left;	
}
.shareInner label {
	font-size: 10px;	
	display: block;
	margin-top: 5px;
}
.shareInner input[type="text"] {
	width: 370px;	
	display: block;
	margin-bottom: 2px;
}
.shareInner textarea {
	width: 370px;	
	display: block;
	margin-bottom: 2px;
	background: white;
}
.shareTable {
	font-weight: bold;
	line-height: 14px;
	vertical-align: middle;
}

/*********************
			Tab Box
*********************/
.tabBoxOuter {
	text-align: center;
}
.tabBoxInner {
	text-align: left;
	width: 420px;
	margin: auto;
}
.tabBoxTabsOuter {
	position: relative;
	height: 19px;
	z-index: 100;
}
.tabBoxTabs {
	position: absolute;
	z-index: 100;
	font-size: 12px;
	font-weight: bold;
}
.tabBoxTabActive {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 2px 10px 1px 10px;
	border: 1px solid #aaaaaa;
	border-bottom: 1px solid #eeeeee;
	background: #eeeeee;
	height: 14px;
	line-height: 14px;
/*
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 16px;
*/
}
.tabBoxRight {
	display: block;
	float: right;
	margin-right: 5px;
	padding: 4px 15px 1px 15px;
	border: 0px solid #666666;
	border-bottom: 0px solid #eeeeee;
	height: 16px;
	line-height: 16px;
	color: blue;
/*
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 16px;
*/
}
.tabBoxTab {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 2px 10px 1px 10px;
	border: 1px solid #aaaaaa;
	background: #cccccc;
	height: 14px;
	line-height: 14px;
/*
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 16px;
*/
}
.tabBoxDataWrapOuter {
	position: relative;
	top: -1px;
}
.tabBoxDataWrap {
	position: relative;
	display: block;
	padding: 5px;
	border: 1px solid #aaaaaa;
	border-bottom: 1px solid #666666;
	background: #eeeeee;
}
.tabBoxDataActive {
	display: block;
	background: white;
	padding: 4px 10px 4px 10px;
	border: 1px solid #dddddd;
}	
.tabBoxData {
	display: none;
}


/*****************
		Columns
*****************/
#mainOuter {
	margin: auto;
}
#mainColumn1 {
	width: 164px;
	overflow: hidden;
}
#mainColumn2 {
	width: 600px;
	margin: 0px 0px;
}
#mainColumn3 {
	width: 164px;
	overflow: hidden;
}

/*****************
		Lower Adsense
*****************/
#adsLowerOuter {
	width: 100%;
	margin: 20px auto;
}
#adsLowerColumn1 {
	width: 50%;
	text-align: center;
}
#adsLowerColumn2 {
	width: 50%;
	text-align: center;
}

/*****************
		Project Wonderful
*****************/
.pwWrap {
	float: right;
}