/* @override http://localhost:8888/safari_extensions-SVN/css/styles.css */


@font-face {
	font-family: 'Roke1984Regular';
	src: url('fonts/roke1984-webfont.eot');
	src: url('fonts/roke1984-webfont.eot?iefix') format('eot'),
         url('fonts/roke1984-webfont.woff') format('woff'),
         url('fonts/roke1984-webfont.ttf') format('truetype'),
         url('fonts/roke1984-webfont.svg#webfontVQoS40vh') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SkyhookMonoRegular';
	src: url('fonts/skyhookmono_regular-webfont.eot');
	src: url('fonts/skyhookmono_regular-webfont.eot?iefix') format('eot'),
         url('fonts/skyhookmono_regular-webfont.woff') format('woff'),
         url('fonts/skyhookmono_regular-webfont.ttf') format('truetype'),
         url('fonts/skyhookmono_regular-webfont.svg#webfontOvmOedwC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'EnglandHandDBRegular';
    src: url('fonts/england-webfont.eot');
    src: url('fonts/england-webfont.eot?iefix') format('eot'),
         url('fonts/england-webfont.woff') format('woff'),
         url('fonts/england-webfont.ttf') format('truetype'),
         url('fonts/england-webfont.svg#webfontc6AcXmXs') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @group HTML5 CSS reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

ul, menu {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

/* @end */

/* @group clearfix */

/* =Clearfix (all browsers)--------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE6 */

* html .clearfix {
	height: 1%;
}

/* IE7 */

*:first-child+html .clearfix {
	min-height: 1px;
}

/* @end */

/* @group global */

.plus1 {
	float: right;
}

.plus1-top {
	width: 920px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	text-align: right;
}

* html body {
	overflow: hidden;
}

* html div#site-container {
	height: 100%;
	overflow: auto;
}

.app-store-banner {
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
}

@media screen {

body>div#top {
	position: fixed;
}
 }

body {
	background: #dfdfdf url(../images/theme/body.jpg) repeat-y center;
	color: rgba(102,102,102,1);
	text-shadow: rgba(255,255,255,1) 0 1px 0;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	font: 16px/21px SkyhookMonoRegular, "Courier New", Courier, mono;
	margin: 0;
	padding-top: 26px;
}

p a:link, p a:visited {
	text-decoration: none;
	color: #007879;
}

p a:hover, p a:active {
	color: #a36666;
}

#top {
	background: url(../images/theme/top.png) repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 26px;
	z-index: 100;
}

#site-container {
	width: 960px;
	margin: 0 auto;
	padding-top: 50px;
}

header {
	padding-right: 20px;
	padding-left: 20px;
}

header h1 {
	font: 72px Roke1984Regular;
	text-align: right;
	float: right;
	clear: both;
}

header h1 span {
	color: #a36666;
	font: 40px EnglandHandDBRegular, "Snell Roundhand";
}

header a {
	color: #dbdcdc;
	font: 30px/51px EnglandHandDBRegular, "Snell Roundhand";
	text-decoration: none;
	display: block;
	width: 191px;
	text-align: center;
	background-image: url(../images/theme/visit.png);
	text-shadow: rgba(91,58,58,1) 0 -1px;
	margin-top: 15px;
	float: left;
}

#info {
	width: 940px;
	height: 225px;
	padding-right: 20px;
}

#info p {
	float: right;
	width: 418px;
	text-align: right;
	margin-top: 40px;
}

.name {
	font-size: 12px;
}

#info #slides {
	width: 460px;
	height: 225px;
	float: left;
}

#info #slides div {
	width: 460px;
	height: 225px;
}

#extensions {
	width: 960px;
	background: url(../images/theme/divider.png) no-repeat;
	padding-top: 75px;
	padding-bottom: 75px;
}

#ad {
	width: 120px;
	height: 600px;
	float: right;
	padding-top: 20px;
}

#extensions article {
	width: 280px;
	display: block;
	float: left;
	text-align: center;
}

.bb-article {
	background-color: rgba(255,255,255,.3);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.wrap {

}

#extensions article h2 {
	color: #a36666;
	font: 24px EnglandHandDBRegular, "Snell Roundhand";
	float: none;
	text-align: center;
}

.hover-wrap {
	width: 128px;
	height: 128px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.hover-content {
	width: 128px;
	height:128px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	}

.hover-content a {
	width: 128px;
	height: 128px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#extensions article p {
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
}

a.install:link, a.install:visited {
	line-height: 37px;
	text-indent: -500px;
	background: url(../images/theme/install.png) no-repeat 0 0;
	width: 156px;
	display: block;
	margin: 0 auto 8px auto;
	overflow: hidden;
}

.class {
	text-shadow: #d15955 0 0 0;
}

a.install:hover {
	background-position: 0 -37px;
}

a.install:active {
	background-position: 0 -74px;
}

a.bbplus:link, a.bbplus:visited {
	line-height: 37px;
	text-indent: -500px;
	background: url(../images/theme/bbplus.png) no-repeat 0 0;
	width: 156px;
	display: block;
	margin: 0 auto 8px auto;
	overflow: hidden;
}

a.bbplus:hover {
	background-position: 0 -37px;
}

a.bbplus:active {
	background-position: 0 -74px;
}

#extensions article p.stats {
	font-size: 10px;
}

footer {
	width: 920px;
	background: url(../images/theme/footer.png) no-repeat;
	padding-top: 25px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 100px;
}

footer p {
	font-size: 12px;
}

footer p a:link, footer p a:visited {
	text-decoration: none;
	color: #a36666;
}

footer p a:hover, footer p a:active {
	color: #7d0805;
}

.red {
	color: #a36666;
	font-weight: bold;
}

#about header {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#about {
	background: url(../images/theme/footer.png) no-repeat;
	padding-top: 40px;
}

#about header h1, #extensions header h1 {
	float: none;
	text-align: left;
	font-size: 50px;
}

#about header h1 span, #extensions header h1 span {
	font-size: 36px;
}

#about h2 {
	color: #a36666;
	font: 24px EnglandHandDBRegular, "Snell Roundhand";
	margin-bottom: 15px;
}

.col-main
 {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

.col-left {
	margin-bottom: 30px;
	float: left;
	width: 446px;
}

.col-right {
	margin-bottom: 30px;
	float: right;
	width: 446px;
}

.col-span {
	clear: both;
	padding-bottom: 20px;}

.img-right
 {
	float: right;
}

#extensions h1 {
	font: 60px Roke1984Regular;
	float: none;
	text-align: center;
	font-size: 50px;
	margin-top: -30px;
	margin-bottom: 30px;
	width: 840px;
}

/*

@end */

/* @group colorbox */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: none;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#a36666;font: 18px EnglandHandDBRegular, "Snell Roundhand";text-shadow: none;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999; font-size: 11px; text-shadow: none;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444; font-size: 11px;text-shadow: none;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444; font-size: 11px;text-shadow: none;}
        #cboxLoadingOverlay{background:#fff url(../images/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; font-size: 11px;text-shadow: none;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}




/* @end */

/* @group buttonbar+ */

#bb-plus {
	width: 960px;
	background: url(../images/theme/divider.png) no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}

#bb-ad {
	width: 920px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/theme/bb-ad.png);
}

#bb-text {
	width: 920px;
	height: 203px;
	overflow: hidden;
	text-indent: -5000px;
}

#bb-text * {
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#bb-form {
	padding-left: 40px;
	padding-top: 13px;
}

#bb-form label {
	float: left;
	text-align: left;
	font: bold 16px Helvetica, Arial, Verdana, sans-serif;
	color: #9a3cf5;
	text-shadow: #d4f1ff 0 0 5px;
	padding-right: 20px;
}

#email {
	border-style: none;
	padding: 3px 10px;
	font: 16px Helvetica, Arial, Verdana, sans-serif;
	width: 300px;
	margin-top: -3px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: block;
	float: left;
	margin-right: 20px;
}

input#submit {
	width: 118px;
	background: url(../images/theme/buttons.png) no-repeat 0 0;
	border-style: none;
	color: #fff;
	text-shadow: #008c36 0 -1px 0;
	height: 28px;
	cursor: pointer;
	padding-bottom: 2px;
	font: 14px Helvetica, Arial, Verdana, sans-serif;
	margin-top: -4px;
	float: left;
	margin-right: 20px;
}

input#submit:hover {
	background-position: 0 -30px;
	text-shadow: #561e8d 0 -1px 0;
	
}

input#submit:active {
	background-position: 0 -60px;
}

label#email_error.error {
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	padding: 0;
	margin: -2px 0 0;
	background-image: url(../images/theme/error.png);
}

#message h2, #message p {
	text-shadow: none;
	color: #9a3cf5;
	font: bold 18px Helvetica, Arial, Verdana, sans-serif;
}



/* @end */