/*
Theme Name: RabbitHoles-v1
Theme URI: http://www.rabbitholes.com
Description: Template for RabbitHoles web site. Closely replicating the original static HTML design by Douglas Johnson.
Author: Roman Rus
Author URI: http://www.rabbitholes.com
Tags: RabbitHoles
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }

h1, h2, h3, h5, h5, h6 { font-weight:bold } 

body
{
	background-color: #262a39;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	font-size: 0.9em;
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.infopagecontent p {
	line-height: 20px;
	font-size: 1em;

}

h1 {
	font-size:1.5em;
	margin:0px;
	padding-top: 10px;
}
.infopagecontent h1 {
	color:#DA1D43;
	padding-top:10px;
}

h2
{
	font-size: 1.5em;
	margin: 0px;
	padding-top: 10px;
}
.infopagecontent h2
{
	color: #2b5eac;
	padding-top: 10px;
}

.gallerycontent h2
{
	color: #111111;
	padding: 10px;
}

h3 {
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.infopagecontent h3 {
	color:#2B5EAC;

}

a 
{
	border: 0px;
}
#InTextTable td
{
	padding: 5px;
}

.infopagecontent
{
padding: 10px;
}

.infopagecontent ul {
	list-style-type:none;
	padding-left:100px;
	width:571px;
}

.infopagecontent li
{
	margin-top: 12px;
	line-height: 18px;
	list-style-image: none;
}

#faq-list ul {
	list-style-type:none;
	padding-left:0px;
	width:600px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#faq-list li
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-image: none;
	font-size: 1.2em;

}

.paragraphleft_80
{
	padding-left: 10px;
	width: 571px;
}

.paragraphleft_60
{
	width: 501px;
}

.galleryitem
{
	width: 161px;
	padding: 7px;
	background-color: #262a39;
}
.galleryitem p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 12px;
	margin-top: 0px;
	padding: 0px;
}

.galleryitem_links
{
	background-color: #262b39;
	color: #FFFFFF;
	opacity: .80;
	filter: Alpha(opacity=80);
	-moz-opacity: .80;
	text-align: center;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 0.8em;
	padding: 2px;
	margin-bottom: 8px;
}
.galleryitem_links a
{
	color: #FFFFFF;
}
.galleryitem_title
{
	font-size: 1em;
	margin-top: -3px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 4px;
}
.galleryitem_artist
{
	font-size: 1em;
	margin-top: 2px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.galleryitem_moreinfo
{
	line-height: 11px;
	font-size: 1em;
	margin-top: 6px;
	padding-top: 0px;
	color: #FFFFFF;
}
#GalleryLinksIndex td {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#GalleryLinksIndex h2 {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
}

.gallerythumbnail
{
	width: 158px;
	height: 23px;
	border: 1px solid #000000;
	background-color: #999999;
	background-repeat: no-repeat;
	padding-top: 95px;
}

.gallerythumbnailTwoLines {
	width: 158px;
	height: 33px;
	border: 1px solid #000000;
	background-color: #999999;
	background-repeat: no-repeat;
	padding-top: 85px;
	display: block;
}

#MainPageInfo a:hover {
	text-decoration: underline;
}
#MainPageInfo a {
	text-decoration: none;
}

#MainPageNews {
	height: 600px;
	overflow: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#MainPageNews ul {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

#MainPageNews li {
	list-style-image: none;
	list-style-type: none;
	font-size: 0.8em;
	text-align: left;
	text-indent: 0px;
	border-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top:5px;
	padding-bottom:5px;
}

#PageList li {
	list-style-image: none;
	list-style-type: none;
	font-size: 1em;
	text-align: left;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;

}

a.RH-preview-3D{
  width:auto;
  text-decoration:none;
  position:relative;
  display:block;
}

a.RH-preview-3D span.preview-icon{
  visibility:visible;
  position:absolute;
  left:0%;
  top:0%;
  filter:alpha(opacity=900);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

.SharingIcons
{
  position:absolute;
  left:490px;
  top:140px;
}

a.RH-preview-3D:hover span.preview-icon{
  visibility:visible;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;

}

#Samples h4 {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
	color: #2b5eac;


}
#Samples h5 {
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	font-size: 1em;
	color:#DA1D43;
}
#Samples td {
	border: thin solid #CCCCCC;
	padding: 0px;
}
.CheckMarkOnRight {
	clear: none;
	width: auto;
	font-size: 0.8em;
	color: #666666;
	padding: 10px;
	padding-top: 5px;
	height: auto;
	overflow: hidden;
	float: right;
	border: thin none #CCCCCC;
	margin: 0px;
}

#ContactForm td {
	border: thin none #CCCCCC;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	border: thin none #CCCCCC;
}

#ContactForm span.wpcf7-list-item { 
	display: block; 
	text-align: left;
	padding-left: 50px;
}

.location {
color:#666666;
font-size:0.8em;
}

#PageList ul {
	padding-left:40px;
	width:400px;
}
#related-posts ul {
	padding-left:20px;
}
#TagList ul {
padding-left:0px;
width:200px;
}

.headerwhite{height:17px;background-color:#FFFFFF; }
.wrapper{width: 769px;margin-left: auto;margin-right: auto;}
.hiddenPic{display: none;}

.topnav_home{float:left; clear:right;background-repeat:no-repeat; height:60px;background-image:url(http://img.rabbitholes.com/topnav_home.gif); width:181px;}
.topnav_buy{float:left; clear:right;  background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_buy.gif); width:161px;}
.topnav_create{float:left; clear:right; background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_create.gif); width:173px;}
.topnav_galleries{float:left; clear:right;  background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_galleries.gif); width:124px;}
.topnav_news{float:left; clear:right; cursor:pointer; background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_news.gif); width:121px;}

.topnav_home_active{float:left; clear:right; background-repeat:no-repeat; height:60px;background-image:url(http://img.rabbitholes.com/topnav_home_active.gif); width:181px;}
.topnav_buy_active{float:left; clear:right; background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_buy_active.gif); width:161px;}
.topnav_create_active{float:left; clear:right; background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_create_active.gif); width:173px;}
.topnav_galleries_active{float:left; clear:right;  background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_galleries_active.gif); width:124px;}
.topnav_news_active{float:left; clear:right; background-repeat:no-repeat; height:60px; background-image:url(http://img.rabbitholes.com/topnav_news_active.gif); width:121px;}
.tabs
	{
	margin-top: 49px;
	background-color: #4b4f61;
	height: 0px;
	font-size: 11px;
	}
.tabs a
	{
	color: #FFFFFF;
	text-decoration: none;
	display: block;

	}
.tabs a:hover
	{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	}
.tabs td
	{
	border-bottom: 2px #61667c;
	border-bottom-style: groove;

	background-color: #61667c;
	padding: 5px
	}
.tabs td:hover
	{
	background-color: #333745;
	padding: 5px
	display: block;

	}

#hometabs
{
	visibility: hidden;
	width: 179px;
}
#buytabs
{
	visibility: hidden;
	width: 159px;
}
#createtabs
{
	visibility: hidden;
	width: 169px;
	margin-left: 2px;
}
#galleriestabs
{
	visibility: hidden;
	width: 120px;
	margin-left: 1px;
}

#newstabs
{
	visibility: hidden;
	width: 120px;
	margin-left: 1px;
}


/* LAYOUT */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

.maincontent_topleft
{
	vertical-align: top;
}
.maincontent_topright
{
	vertical-align: top;
}
.maincontent_bottomleft
{
}
.maincontent_bottomright
{
}
#redtop
{
	background-image: url(/images/tabbednav_redtop.gif);
	background-repeat: no-repeat;
}

.maincontenttitle
{
	width: 367px;
	height: 36px;
	color: #ffffff;
	font-size: 11em;
	padding-left: 9px;
	line-height: 41px;
	font-weight: bold;
}
#contenttitle_red
{
	background-image: url(/images/maincontent_redtitle.gif);
	background-repeat: no-repeat;
}


.ImageRight {
	margin-bottom: 5px;
	margin-left: 5px;
	width: auto;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	border: thin solid #CCCCCC;
}
.ImageRightFirst {
	margin: 5px;
	width: auto;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: right;
	border: thin solid #CCCCCC;
}

.ImageLeft {
	margin-bottom: 5px;
	margin-left: 5px;
	width: auto;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	border: thin solid #CCCCCC;
}
.ImageLeftFirst {
	margin: 5px;
	width: auto;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: left;
	border: thin solid #CCCCCC;
}


.ImageCenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	border: thin solid #CCCCCC;
	padding: 2px;
}
.ImageRightArticle {
	clear: right;
	margin-bottom: 5px;
	margin-left: 5px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	border: thin solid #CCCCCC;
}
.ImageLeftArticle {
	clear: none;
	width: auto;
	font-size: 0.8em;
	color: #666666;
	padding: 1px;
	height: auto;
	float: left;
	border: thin solid #CCCCCC;
	margin: 5px;
}


.aaron_interview {
	display: none;
}

.GalleryLink {
	width: 215px;
	height: 300px;
	clear: none;
	float: left;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;

}
.ImageRightArticle1 {
	clear: none;
	margin-bottom: 5px;
	margin-left: 5px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	border: thin solid #CCCCCC;
}
.ImageRightArticle2 {
	clear: none;
	margin-bottom: 5px;
	margin-left: 5px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	padding: 2px;
	height: auto;
	overflow: visible;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	border: thin solid #CCCCCC;
}

.clearsection {
	clear: both;
}


.footer
{
	width: 769px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.contactinfo
{
	font-size: 0.9em;
	color: #FFFFFF;
}

#NavBar {
width: 714px;
background: #FFFFFF;
float: left;
margin-top: 5px;
}

#NavBar ul {
list-style: none;
border-right: 1px #61667c groove;
margin: 0;
padding: 0;
float: left;
}

#NavBar .current-page {
display: block;
border-width: 0px;
margin: 0;
padding: 2px 3px;
background: #aaa;
font-size: 1em;
color: #333;
text-decoration: none;
}

#NavBar a, #NavBar h2 {
display: block;
border-width: 0px;
margin: 0;
padding: 2px 3px;
background: #eee;
font-size: 1em;
color: #555;
text-decoration: none;
}

#NavBar a:hover {
color: #ffffff;
background: #4b4f61;
text-decoration: none;
}

.newspageleft
{
	width: 226px;
	float: left;
	clear: right;
}

.newspage_right
{
	width: 534px;
	float: left;
}
.news
{
	float: left;
	width: 274px;
	padding-left: 37px;
	padding-right: 9px;
}
.newstabletitle
{
	background-image: url(/images/newstable_title.gif);
	background-repeat: no-repeat;
	height: 31px;
	color: #ffffff;
	padding-left: 19px;
	font-size: 1em;
	padding-bottom: 6px;
	font-weight: bold;
}

.newspage_newstabletitle
{
	background-image: url(/images/newspage_newstable_title.gif);
	background-repeat: no-repeat;
	height: 31px;
	color: #ffffff;
	padding-left: 19px;
	font-size: 1em;
	padding-bottom: 6px;
	font-weight: bold;
}

.newspage_news
{
    float: left;
    width: 226px;
}

.newscontent
{
    width: 500px;
    float: right;
}
.newsdiv
{
    padding: 8px;
    line-height: 19px;
    font-size: 12px;
}
.newsdiv h1
{
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #dc1d44;
}
.newsdiv h2
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #2b5eac;
}

.newsdiv h3
{
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px;
    color: #999999;
}
.newsdiv a
{
    text-decoration: none;
    color: #2b5eac;
}

.newsdiv td
{
    padding-bottom: 14px;
}
.newsdiv a:hover
{
	text-decoration: underline;
	color: #2b5eac;
}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#buttons { padding:20px; font-family: georgia, serif; }

#buttons a:hover.btn{text-decoration:none;}

#buttons .btn { display: block; position: relative; overflow: visible; padding:5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
#buttons .btn * { font-style: strong; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
#buttons .btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
#buttons .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
#buttons .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
#buttons .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

#buttons * html .btn span,
#buttons * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

#buttons .btn.blue {background: #2ae; }
#buttons .btn.green {background: #9d4; }
#buttons .btn.pink {background: #e1a; }
#buttons .btn:hover {background-color: #a00;}
#buttons .btn:active {background-color: #444; }
#buttons .btn[class] {background-image: url(/images/shade.png); background-position: bottom; }
#buttons .btn img {background-image:none;  float: left; padding-right: 10px;}

#buttons * html .btn { border: 3px double #aaa; }
#buttons * html .btn.blue { border-color: #2ae; }
#buttons * html .btn.green { border-color: #9d4; }
#buttons * html .btn.pink { border-color: #e1a; }
#buttons * html .btn:hover { border-color: #a00; }


#buttons p { clear: both; padding-bottom: 2em; }
#buttons form { margin-top: 2em; }
#buttons form p .btn { margin-right: 1em; }
#buttons textarea { margin: 1em 0;}