/* 
White Rabbit Design for Sandvox
http://www.behindtherabbit.com/sandvox/white-rabbit/
Version 1.2.3

CSS created by Cristiano Maria Gaston - BehindTheRabbit
http://www.behindtherabbit.com/
Released under Creative Commons License
http://creativecommons
*/

/* General */
body {
	font-size: 76%;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../_Media/images/PM1D-LongShot-BleachedBkgrnd-PraizLogo.JPG);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-attachment: fixed;
}
table { font-size:90%;}
li {list-style-image:url(bullet.png);}
dl {font-family: "Monaco", Courier, "Courier New", monospace;}
pre {overflow:scroll;}
.clear {clear: both; height: 0;}
.hidden {display:none;}

h1, #title p {font-family:"Avant Garde", "Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal;}
h2, h3, h4 {color:#333;}

/* Header */
#page-container {
	padding:0;
	width:888px;
	margin:0 auto 0 auto;
	top: -24px;
	position: relative;
}
#page {
	padding:0;
	margin-right: auto;
	margin-top: 0px;
	margin-left: 50px;
	width: 99%;
}
#page-top {
	padding:0;
	margin:0 -50px 0 0;
	/* [disabled]background-color: rgba(255,255,255,0.3); */
}
#title {
	height:110px;
	padding:0;
	margin:0;
	border-top:1px solid #FFF;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: 0 0;
}
h1 {
	padding:25px 0px 0 37px;
	color:#3B98E5;
	margin:0;
	font-size:230%;
}
h1 a {text-decoration:none; color:#3B98E5;}
h1, h1 a:link, h1 a:visited {text-shadow:#3B98E5 0 1px 3px;}
h1 a:hover, h1 a:active {text-shadow:#CCC 0 0 4px;}
p a:link,p a:visited {
	/* [disabled]text-shadow:#3B98E5 0 1px 3px; */
	color: #3B98E5;
}
p a:hover, p a:active {
	text-shadow:#CCC 0 0 4px;
}
#title img {
	float:right;
	margin:10px 20px 20px 20px;
	padding:0;
	position: relative;
	right: 50px;
}
#title p {
	padding:0 0px 0 0;
	color:#3B98E5;
	font-size:120%;
	text-align: center;
	top: -14px;
	position: relative;
}

.has-custom-banner #page-top h1 {display:none;}
.has-custom-banner #page-top p {display:none;}

/* Sitemenu */
#sitemenu {
	height:40px;
	text-align:left;
	padding:0;
	margin:0;
	overflow:hidden;
	top: -105px;
	position: relative;
}
#sitemenu-content {
	padding:0px 0 0 0;
	margin:0;
}
#sitemenu-content ul {margin:0;	padding:0 0 14px 0;}
#sitemenu-content li {display:inline; margin:0 0 0 2px;	padding: 5px 0 5px 10px; border-bottom:5px solid #3B98E5; }
#sitemenu-content a { text-decoration:none;}
#sitemenu-content a:link, #sitemenu-content a:visited { color:#3B98E5; }
#sitemenu-content a:hover, a:focus, a:active {color:#E53B6F;}
.currentPage {color:#E53B6F; border-bottom:5px solid #E53B6F !important;}

/* Sidebar */
#sidebar {
	width:230px;
	float:left;
	padding:3px 0 0 0;
	margin:0;
}
#matthewjdoughty_com #page-container #page #page-content {
	position: relative;
	top: -20px;
}
#sidebar .pagelet {
	width:230px;
	word-wrap:break-word;
	overflow:hidden;
	margin:0 0 2px 0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #EEE;
	color:#333;
	font-size:90%;
	line-height:1.3em;
}
#sidebar .pagelet h4 {font-size:140%; padding:0 0 10px 0; margin:0;}
#sidebar .bordered {border:1px solid #CCC !important; background-color:#EEE;}

/* Main Content */
body.no-sidebar #main {padding:10px 0; min-height:400px; }
body.allow-sidebar #main {
	float:right;
	width:558px;
	padding:3px 0 0 0;
	min-height:400px;
}
#page-content a:link, #page-content a:visited  {
	color:#3B98E5;
	text-decoration:none;
	font-size: 110%;
}
#page-content a:hover, #page-content a:active {
	color:#3B98E5;
	text-decoration:underline;
}
h2 {margin:0; padding:10px 0 10px 0; text-shadow:#999 2px 2px 4px; font-size:180%; }
h5 {
	margin:0;
	padding:10px 0 10px 0;
	text-shadow:#999 2px 2px 4px;
	font-size:110%;
}
h6 {
	margin:0;
	padding:10px 0 10px 0;
	text-shadow:#999 2px 2px 4px;
	font-size:88%;
}
.article {
	padding-bottom:3px;
}
.article .narrow img {float:right; padding:0 0 5px 5px; margin:0;}
.article h3 {margin:0; padding:10px 0 10px 0; font-size:140%; }
.article h3 a:link, .article h3 a:visited { color:#3B98E5; text-decoration:none;}
.article h3 a:hover, .article h3 a:active {
	color:#E53B6F !important;
	text-decoration:underline;
}
.article-thumbnail {float:left; padding-right:5px;}
.article p {
	line-height:150%;
	color:rgba(255,255,255,1);
	margin:0;
	padding:0 0 3px 0;
}
#main p, #main ul {
	color:#333;
}
.elementIntroduction {clear:both;}
.listing-index ul li {font-size:100%; list-style-image:url(bullet.png);}
.listing-index li h3 a {text-decoration:none; }
.timestamp {font-family:"Monaco", Courier, "Courier New", monospace; text-align:right; clear:both; padding:10px 0; color:#999;}
.js-kit-comments {color:#333;}

/* Pagelets and callouts */
.callout {
	width:250px;
	float:right;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: rgba(220,220,221,.3);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
#main .pagelet {word-wrap:break-word; margin:0 0 10px 0; padding:10px;}
#main .pagelet h4 {
	font-size:140%;
	padding:3px;
	margin:0 0 10px 0;
	text-shadow:#999 1px 1px 2px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: rgba(255,255,255,1);
}
#main .bordered {word-wrap:break-word; margin:0 0 10px 0; padding:10px; background-color:#EEE; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
#main .bordered h4 {font-size:140%; padding:3px; margin:0 0 10px 0; background-color:#FFF; border-top:1px solid #CCC; border-left:1px solid #CCC; text-shadow:#999 1px 1px 2px;}
.pagelet-body p, .elementIntroduction p {padding-top:0; margin-top:0;}
.pagelet-body ul {margin:0; padding:0 0 0 15px;}

/* Footer */
#page-bottom {
	margin-top:0px;
	clear:both;
	text-align:center;
	color:#A43A3A;
	font-size:88%;
	clear:both;
	margin-right: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#page-bottom a:link, #page-bottom a:visited {
	color:#A03A38;
	text-decoration:none;
}
#page-bottom a:hover, #page-bottom a:active {color:#999; text-decoration:underline;}

/* Images */
.ImageElement, .VideoElement {
	text-align:center;
}
.ImageElement p, .VideoElement p { margin:auto; }
img {
	border:none;
	/* [disabled]-webkit-border-radius: 20px; */
	/* [disabled]-moz-border-radius: 20px; */
	/* [disabled]border-radius: 20px; */
}
img.narrow {display:block; float:right; clear:right; margin-left:10px;}
img.wide {display:block;clear:both;}

/* Grids */
.allow-sidebar #index {
	padding:0;
	margin:0;
	text-align: center;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	left: 33px;
}
.no-sidebar #index {padding-left:50px; 	margin:0;}
.gridItem {
	float:left;
	position:relative;
	width:150px;
	height:188px;
	overflow:hidden;
	margin:0 4px 4px 0;
	background-color:rgba(219,217,218,.7);
	text-align:center;
	padding: 4px 0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.gridItem h3 {
	font-size:0.7em;
	font-weight:normal;
	padding: 0 4px;
	text-align:center;
	position:absolute;
	top:140px;
	width:138px;
}
.gridItem img {border: 1px solid #222; margin: auto!important; display:block; position: absolute; top: 0; bottom: 48px; right: 0; left: 0;}

/* Navigation */
.collection-navigation {height:60px; }
.text-navigation {border-bottom:1px solid #CCC;}
.text-navigation .previous-page, .text-navigation .next-page, .text-navigation .collection-index {display:block; text-align:right;}
.text-navigation a { display:block;}
.photo-navigation {width:150px; margin:0 auto; }
.photo-navigation .previous-page .imageLink { background: url(previous.png) 0 0 no-repeat;}
.photo-navigation .previous-page .imageLink:hover { background: url(previous.png) -100px 0 no-repeat;}
.photo-navigation .next-page .imageLink {background: url(next.png) top left no-repeat;}
.photo-navigation .next-page .imageLink:hover {background: url(next.png) -100px 0 no-repeat;}
.photo-navigation .collection-index .imageLink {background: url(list.png) 0 0 no-repeat;}
.photo-navigation .collection-index .imageLink:hover {background: url(list.png) -100px 0 no-repeat;}
.photo-navigation div, .photo-navigation a:link, .photo-navigation a:visited {
	display:block;
	float:left;
	width:50px;
	height:45px;
	line-height:60px;
	text-indent: -9999px;
	border-radius: 5.5em;
	-webkit-border-radius: 5.5em;
	-moz-border-radius: 5.5em;
	padding: -3px;
}

/* IE Hacks */
* html .gridItem {margin:0 2px 4px 0;}
* html .gridItem img {position: relative;}
* html .gridItem h3 {position: relative; top: 0px;}
#creditsbanner {
	/* [disabled]background-color: rgba(255,255,255,.8); */
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	width: auto;
	margin-right: 0px;
	padding: 0 50px 50px 50px;
}
#creditsbanner ul li {
	list-style-type: none;
	list-style: none;
}
#creditsbanner ul {
	list-style-type: none;
	list-style: none;
	padding-left: 0px;
}
#matthewjdoughty_com #page-container #page #creditsbanner ul li .imageLink .imgelement  {
	float: left;
	padding: 5px;
	margin: 5px;
}
#social2 {
	background-color: rgba(255,255,255,.8);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	width: auto;
	margin-right: 0px;
	padding: 4px;
}
.photo      {
	margin-right: 0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#matthewjdoughty_com #page-container #page #page-bottom div .in #social2 a img {
	background-color: rgba(255,255,255,1);
	border-radius: 0px;
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	
}
#matthewjdoughty_com center #TopTwitter{
	top: 105px;
	position: relative;
}


#div_65left
{	padding: 10px;
	float: left;
	margin-left: 110px;
	width : 260px;
	background-color : rgba(255,255,255,.3);
	border-color : #FFFFFF;
	border-style : solid;
	border-width : 1px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


#div_65right
{	padding: 10px;
	float: right;
	margin-right: 110px;
	width : 260px;
	background-color : rgba(255,255,255,.3);
	border-color : #FFFFFF;
	border-style : solid;
	border-width : 1px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#textheader_66
{
	
	width : 211px;
	font-size : 18px;
	margin : 0;
	width : 100%;
	text-align: center;
	font-weight: bold;
}


#textheader_66 a
{
	
	text-decoration : none;

}
