/*
Theme Name: Abbeydale Custom Theme
Theme URI: http://AbbeyDale.com/
Description: The ultimate apparel blog and online store
Version: 2 (WP3.1)
Author: Ben Borkowski
Author URI: http://visionarylabs.com/ 
Tags: AbbeyDaleUSA, VisionaryLabs, KryOutArts
*/


@import "style/reset.css";
@import "style/typography.css";
@import "style/layout.css";

/* old blue links */
/*
a:link{color: #002b54;}
a:visited{color: #002b54;}
a:hover{color: #607b94;}
a:active{color: #002b54;}
*/

a:link{color: #000000;}
a:visited{color: #000000;}
a:hover{color: #666666;}
a:active{color: #666666;}

/* MAIN LAYOUT */
html{height: 100%; position: relative;}
body{height: 100%; position: relative; 	background: #fff top center repeat-y; color: #231f20; }
#page{width: 900px; margin: 0px auto; padding: 0px;}
body.blog #page{width: 760px;}
body.blog #header{width: 760px;}

#header{width: 900px; margin: 15px auto 0px auto; padding: 0px;}
.header_summary{font-style: italic; font-size: .95em; width: 600px; text-align: right; float: right;}
#stage{width: 730px; margin: 15px auto 0px auto; padding: 0px; z-index: 50; overflow: hidden; position: relative;}
#stage.full{width: 900px;}
body#home #stage, #stage.home{width: 900px; margin: 15px auto 0px auto; padding: 0px; z-index: 50; overflow: hidden; position: relative;}
#stage.side{width: 760px; float: left;}
#stage .content{margin: 0px; overflow: hidden; position: relative;}
#sidebar{width: 150px; float: right; margin: 30px 0px;}
#sidebar .content{margin: 0px;}
#stage ul{list-style: none;}
#stage li, #stage dt{list-style: none; padding-left: 10px; margin-top: 5px; background: url(images/bullet.png) top left no-repeat;}
#stage .gallery dt{background: none;}
.entry{margin: 0px}
.date{position: absolute; top: 0px; right: 0px; text-align: right; margin: 0px;}
.post{background: #fff; margin: 0px 0px 50px 0px; display: block; overflow: hidden; padding: 0px;}
.post .content{margin: 0px !important; padding: 0px;} /*overrides #stage .content margin*/
.page_content{clear: both;}

#sub{width: 120px; float: left; margin: 35px 10px 0px 0px;}
#sub .nav{margin: 0px; padding: 0px;}
#sub .nav li{background: none; padding: 0px; margin: 3px 0px;}

#sub ul{list-style: none; margin: 0px; padding: 0px 0px 100px 0px; width: 125px; float: left;}
#sub ul li{list-style: none; background: none; padding: 0px; margin: 5px 0px;}
#sub ul li a{text-transform: uppercase; text-decoration:none; font-size: 1.3em; display: block;}

.sub_data{background: #eee; padding: 8px; margin: 10px 0px; display: block; overflow: auto; text-align: left; text-decoration: none; clear: both;}
.sub_data p{padding: 0px; margin: 0px;}
.sub_data a{text-decoration: none;}

.post_nav{display: block; margin: 8px 0px 0px 0px; overflow: auto;}

#footer{background: url('images/footer.png') top right no-repeat; z-index: 100; padding: 100px 0px 10px 0px; margin: 0px; display: block;text-align: center;clear: both; font-size: .9em;}
#footer .content{z-index: 100; margin: 20px auto; position: relative;}

#footer .foot_nav li{text-align: left; list-style: none; margin: 5px;}
#footer .foot_nav h3{text-align: center;}
.copyright{display: none;}
/* LOGO */
#logo
{
	font-size: 1.5em;
	line-height: 1.5em;
	display: block;
	height: 100px;
	width: 600px;
	margin: 0px;
	background: url(images/logo.png) top left no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -1000px;	
}



/* Navigation */
#header ul.info
{
	color: #999;
	text-align: right;
	display: inline;
	float: right;
	margin: 0px;
	padding: 4px;
	list-style: none;
	z-index: 200;
	position: absolute;
	top: 0;
	right: 0;
}

#header ul.info li
{
	display: inline;
	margin: 0px 10px;	
}

#header ul.info li a
{
	padding-bottom: 3px;	
	text-decoration: none;
}

#header ul.info li input.link{border: 0px; background: none; padding: 0px; 	font-family: Verdana, Arial ,Geneva , sans-serif;}
#header ul.info li input.link:hover{cursor: pointer; color: #666666;}

#main
{
	padding: 8px 0px;
	width: auto;
	margin: 0px auto 0px auto;		
	text-align: right;
	background: #fff;
}

#main ul.menu
{
	margin: 0px;
	padding: 0px;
	list-style: none;
    z-index: 300;
}

#main ul.menu li
{
	display: inline;
    margin: 0px 0px;
	padding: 5px 0px 5px 8px;
	position: relative;	
	/* background: url(images/main-div.png) 100% 50% no-repeat; */
}

#main ul.menu li a
{
	text-decoration: none;
	margin: 0px;	
	text-align: center;
    display: inline;
	color: #000;	
	padding: 6px 0px 6px 12px;
}
#main ul.menu li a:hover{color: #666666;}
#main ul.menu li.current_page_item a{color: #666666;}

/*DROPDOW*/
#main ul li ul{display: none;}

/* MARKER */
a.marker, a.marker:link, a.marker:visited, a.marker:hover
{	
	text-decoration: none;
	color: #666666 !important;
	font-weight: bold !important;
}


/*ALTERNATE BLOG STYLE*/
body.blog #logo{background: url(images/logo-buildordestroy.png) top left no-repeat;}
body.blog #page{width: 760px;}
body.blog #stage{float: left; width: 560px; margin: 30px 10px;}
body.blog #stage.side{width: 560px; float: left;}

/*HOME*/

.box-wrap{clear: both; overflow: hidden; margin-bottom: 15px;}
.box-wrap .post{margin-bottom: 20px;}
.box1{width: 305px; height: 287px; background: #ccc url(images/home-001.jpg) top left no-repeat; float: left; margin-right: 7px;}
.box2{width: 305px; height: 287px; background: #ccc url(images/home-002.jpg) top left no-repeat; float: left; margin-right: 7px;}
.box3{width: 305px; height: 287px; background: #ccc url(images/home-003.jpg) top left no-repeat; float: left;}

.sub1{width: 280px; float: left; margin-right: 30px; margin-top: 12px;}
.sub2{width: 280px; float: left; margin-right: 30px; margin-top: 12px;}
.sub3{width: 280px; float: left; margin-top: 12px;}

.sub1 h2, .sub2 h2, .sub3 h2{text-transform: uppercase; font-size: 1.3em; font-weight: bold;}

.sub1 .content, .sub2 .content, .sub3 .content{padding: 0px 5px;}

/*STORE*/

#stage .content.middle{float: left; margin-left: 5px; width: 725px;}
#stage .content.full{float: none; margin: auto; width: 940px;}
#stage .content.cat{width: 768px; float: right;}
body#shirts .post, body#accessories .post{width: 168px; height: 280px; float: left; margin: 0px 0px 25px 24px; padding: 0;}
body#shirts .post p{margin: 0px;}
body#shirts .sub_data, body#shirts .date, body#accessories .sub_data, body#accessories .date{display: none;}
body#shirts .title,body#accessories .title{font-size: 1.3em; line-height: 1.3em; margin: 3px;}
body#shirts .post.description{height: auto;}

.product-thumb {text-align: center;}
.product-thumb img{border: 1px solid #ccc;}
.product-thumb .title{text-align: center; font-style:normal; text-transform: uppercase;}
.options-box{overflow: auto; position: relative; clear: both;}

/* product page */

.product-image{border: 1px solid #ccc; float: left; margin: 0px 0px 0px 20px; width: 450px; overflow: hidden;}
.checkout-details{float: left; width: 270px; margin-left: 30px;}
.checkout-details .title{font-style: normal; font-size: 1.4em;}
.checkout-details p{margin: 2px;}
.checkout-details p.price{font-weight: bold; margin: 15px 0px;}

fieldset.checkOutForm{border: 1px solid #ccc; padding: 5px;}

/*ITME MENU*/
#stage div.item-menu ul{list-style: none; margin: 0px; padding: 0px 0px 100px 0px; width: 125px; float: left;}
#stage div.item-menu ul li{list-style: none; background: none; padding: 0px; margin: 5px 0px;}
#stage div.item-menu ul li a{text-transform: uppercase; text-decoration:none; font-size: 1.3em; display: block;}

/* VIEW PANE */

#stage ul.viewpane{list-style: none; list-style-image: none; margin: 0px; padding: 0px; width: 450px; height: 675px; overflow: hidden; position: relative;}
#stage ul.viewpane li{list-style: none; padding: 0px; margin: 0px; background: none; position: absolute; top: 0px; left: 0px;}
#stage .imgPrev, #stage .imgNext{color: #9f9f9f; text-decoration: none;}
#stage .imgPrev:hover, #stage .imgNext:hover{color: #686875; text-decoration: none;}
#stage .imgNext{clear: both; position: absolute; bottom: 4px; right: 2px; display: block; background: none; border: 1px solid #dfdfdf; padding: 1px 2px;}
#stage .imgPrev{clear: both; position: absolute; bottom: 4px; left: 2px; display: block; background: none; border: 1px solid #dfdfdf; padding: 1px 2px;}

/*CMS STYLE*/

html{height: 100%;}

#stage ul.connect{list-style: none; margin: 0; padding: 0;}
#stage ul.connect li{list-style: none; background: none;}
ul.connect li a{
	text-decoration: none; 
	padding: 0px 0px 0px 35px; height: 30px; line-height: 30px; background: url('images/social-map.png') no-repeat; display: block;
}
ul.connect li a.twitter{background-position: 0 0px;}
ul.connect li a.facebook{background-position: 0 -30px;}
ul.connect li a.blog{background-position: 0 -60px;}
ul.connect li a.contact{background-position: 0 -90px;}

ul.connect li a.twitter:hover{background-position: -870px -0px;}
ul.connect li a.facebook:hover{background-position: -870px -30px;}
ul.connect li a.blog:hover{background-position: -870px -60px;}
ul.connect li a.contact:hover{background-position: -870px -90px;}

ul.none, ul.none li{list-style: none;}

.clear_grid
{
	float: none;
	clear: both;
}


.messege
{
	padding: 20px; 
	color: #ffffff; 
	border: 2px solid #231f20; 
	background: #666666;
}


.form
{
	width: 400px;
	margin: 0px;
}

.form ul, .form ol{margin: 0px; padding: 0px;}
#stage .form ul li, #stage .form ol li{margin: 5px 0px; padding: 5px 0px; background: none;}

.form fieldset
{
	border: 0px solid #ffffff;
	padding: 0;
	margin: 0;
}

.form fieldset{padding: 10px 0px;}

.form label
{
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding: 3px 5px 2px 5px;
}

.form input, .form textarea
{
	border: 1px solid #231f20;
	background: #ffffff !important;
	padding: 3px;
}

.form .text{width: 180px;}

.form textarea
{
	height: 150px;
	width: 320px;
}

form input.button, #contactsubmit
{
	width: auto;
	color: #333;
	padding: 5px;
	background: #ccc;
	border: 1px outset #231f20;
	cursor: pointer;
}

form.search .text{font-size: 1.2em; width: 100px; padding: 2px; border: 1px solid #231f20;}
form.search .button{font-size: 1.1em; width: 40px; padding: 3px !important;}

.checkOutForm .form{width: auto;}
.checkOutForm .form label{width: 100px;}
.checkOutForm .form .text{width: 120px;}

a.button
{
	width: auto;
	color: #231f20;
	padding: 5px;
	background: #ccc;
	border: 1px outset #231f20;
	cursor: pointer;
	display: block;
	text-align: center;
	margin: 10px;
	text-decoration: none;
}

.form ul li{background: none !important; padding: 0px; margin: 10px 0px;}

#commentform {padding: 10px; background: #eee; border: 1px solid #ccc; margin: 10px 0px; width: auto;}
#commentform li {background: none;}
#commentform h4{text-align: center; font-style: italic; border-bottom: 1px solid #ccc; padding: 5px;}

.widget h2.widgettitle, .widget h3.widgettitle{margin: 5px 0px;}

#sidebar{color: #231f20;}
#sidebar h2{border: 0px;}
#sidebar ul{margin: 0px; padding: 0px;}
#sidebar ul li{margin: 0px; padding: 10px 0px; border-top: 1px dashed #231f20;}
#sidebar ul ul li{margin: 0px; padding: 5px 5px; border-top: 1px solid #eee;}
#sidebar .widget_categories a {}
#sidebar .widget_recent_entries a {}

.drop{display: block; float: left; width: 60px; height: 60px; background: url(images/drop-c.png) no-repeat; overflow: hidden; text-indent: -2000px;}

.byline{text-align: right; font-style: italic; color: #231f20;}
.prev{float: left;}
.next{float: right;}


a.loadContent{background: #ffe; text-decoration: none; display: inline-block; height: 20px; width: 20px; border: 1px solid #eee; line-height: 20px; text-align: center;}
.loader{width: 550px; height: 500px;}


/*VL Modal Window*/
div#vlModal{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 420px;
	height: 420px;
	padding: 0px;
	margin: auto;
	z-index: 9999;
	background: #fff;
	border: 1px solid #333;
	-moz-border-radius: 10px;
	-moz-box-shadow: 2px 2px 5px #333;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px #333;
	text-align: left;
	overflow-y: scroll;
	overflow-x: scroll;
	overflow: scroll;
}
#vlModal h2{font-size: 1.3em; line-height: 1.3em;}
#vlModal h3{font-size: 1.2em; line-height: 1.3em;}
#hide{
	position:absolute;
	top: 0;
	left: 0;
	z-index:9000;
	width: 0px;
	height: 0px;
	display: none;
	background-color:#000;
}
.close{
	position: absolute;
	top: 4px;
	right: 4px;
}
.submitModal, .cancelModal{
	border: 2px outset #ccc;
	padding: 5px;
	background: #69F;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-align: left;
}

.submitModal:hover, .cancelModal:hover{
	background: #F93;
}

.submitModal:active, .cancelModal:active{
	border: 2px inset #ccc;
}