/*- - - - - - Alex Beard Impossible Puzzles Styles - - - - - - */

/* - - - - - - - - - - - - - - - - - - Univeral Styles - - - - - - - - - - - - - - - - - - - - - - - - - - */
*{margin: 0px; padding:0px;}/*clear white space*/

body{
	width: 100%;
	text-align: center;
	Font-Family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color:#333333;
	background-color:#FFFFFF;
}

img{display:inline;}

html, body { height: 100%; }
#container{
	   min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -73px;
}
a{color:#9f002d;font-weight:600;}
h2{ font-size:18.5px;}
h3{ font-size:15px;}
#login-btn{
	position: absolute;
	top:6px; right:5px;
}

#login_sr {
	width:900px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
}

#login_sr img {
	float:right;
	margin-top:7px;
	border:0px;
}

#clear{clear: both;}
#spacer{height: 2px; margin:0px;}

/* - - - - - - - - - - - - - - - - - - Menu Styles - - - - - - - - - - - - - - - - - - - - - - - - - - */
#menu {
	margin: 0px auto;
	width: 969px;
	height: 23px;
	position:relative;
	overflow:hidden;
	/*text-align: center;*/
}

#menu ul {
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
}

#menu li {
	/*margin-right: 30px;*/
	margin:0px;
	padding:0px;
	display:inline;
	float:left;
}
#menu span { display:none; }

a.home { display:block; width:68px; height:23px; background:url('../images/nav/home_off.gif');}
a.home:hover, a.home:active { display:block; width:68px; height:23px; background:url('../images/nav/home_on.gif'); }
a.about { display:block; width:199px; height:23px; background:url('../images/nav/about_off.gif');}
a.about:hover, a.about:active { display:block; width:199px; height:23px; background:url('../images/nav/about_on.gif'); }
a.puzzles { display:block; width:78px; height:23px; background:url('../images/nav/puzzles_off.gif');}
a.puzzles:hover, a.puzzles:active { display:block; width:78px; height:23px; background:url('../images/nav/puzzles_on.gif'); }
a.gallery { display:block; width:134px; height:23px; background:url('../images/nav/gallery_off.gif'); }
a.gallery:hover, a.gallery:active { display:block; width:134px; height:23px; background:url('../images/nav/gallery_on.gif'); }
a.purchase { display:block; width:91px; height:23px; background:url('../images/nav/purchase_off.gif');}
a.purchase:hover, a.purchase:active { display:block; width:91px; height:23px; background:url('../images/nav/purchase_on.gif'); }
a.submit { display:block; width:142px; height:23px; background:url('../images/nav/contest_off.gif');}
a.submit:hover, a.submit:active { display:block; width:142px; height:23px; background:url('../images/nav/contest_on.gif'); }
a.events { display:block; width:70px; height:23px; background:url('../images/nav/events_off.gif');}
a.events:hover, a.events:active { display:block; width:70px; height:23px; background:url('../images/nav/events_on.gif'); }
a.press { display:block; width:83px; height:23px; background:url('../images/nav/reviews_off.gif');}
a.press:hover, a.press:active { display:block; width:83px; height:23px; background:url('../images/nav/reviews_on.gif'); }
a.contact { display:block; width:104px; height:23px; background:url('../images/nav/contact_off.gif');}
a.contact:hover, a.contact:active { display:block; width:104px; height:23px; background:url('../images/nav/contact_on.gif'); }


/*- - - - - - - - - - - - - - - - - - Home Styles - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header-bkg{
 	background-image: url('../images/header-bkg.jpg');
 	background-repeat: repeat-x;
 	background-position: top left;
 	height: 206px;
 	width:100%;
}
#header{
	background-image: url('../images/alexbeardlogo.gif');
	background-repeat: no-repeat;
	background-position: 360px 10px;
	margin: 0px auto;
	width:1000px;
	height:183px;
	position:relative;
}

#home-boxes-bkg{
	width: 100%;
	background-color: #ebf7f8;
}
#home-boxes{
	position:relative;
	height: 400px;
	width: 1000px;
	background-color: #ebf7f8;
	margin: 0px auto;
}
#home-content-bkg{
	margin:0px;
	background-image: url('../images/content-bkg.jpg');
 	background-repeat: repeat-x;
 	background-position: top left;
	width: 100%;
	height: 359px;
	background-color: #ffffff;

}
#home-content{
	width:880px;
	margin: 0px auto;
	padding-top: 20px;
}
#home-content p{
	margin-top:8px;
    margin-right:350px;
	text-align: left;
}
#home-banner{
	background-image: url('../images/home-banner-bkg.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: left;
	vertical-align: top;
	height: 40px;
	float: left;
	
}
#home-puzzles{
	float: right;
	width: 322px;
	margin-top: 53px !important;
	margin-top: 20px;
	padding:2px;
	text-align: center;
}
#home-footer-bkg{
  background-color: #000000;
	width: 100%;
}
.push{ height:20px;}
#home-footer{
	margin: 0px auto;
	text-align: left;
	color:#aeaeae;
	height: 73px;
	width: 880px;
	position: relative;
	padding-top:7px;
}
#link a{
    color:#aeaeae;
    text-decoration: none;
}
.wsdlink a:link,
.wsdlink a:visited,
.wsdlink a:hover,
.wsdlink a:active
{
	position:absolute; right:1px; top:5px; color:#666; font-weight:100; text-decoration:none;
}
/* - - - - - - - - - - - - - - - - - - - - - Sub Page Styles  - - - - - - - - - - - - - - - - - - - - - - */
#sub-header-bkg{
	background-image: url('../images/sub-header-bkg.jpg');
 	background-repeat: repeat-x;
 	background-position: top left;
 	height: 131px;
 	width: 100%;
}
#sub-header{
	background-image: url('../images/alexbeard-logo-small.jpg');
	background-repeat: no-repeat;
	background-position: 61px 10px;
	margin: 0px auto;
	width:1000px;
	height:108px;
	position:relative;
}
#sub-content-bkg{
	margin:0px;
	width: 100%;
	background-color: #ffffff;
}
#sub-content{
	width:860px;
	margin: 0px auto;
	padding-top: 40px;
	padding-bottom: 131px;
}
#sub-content p{
	margin-top:18px;
	margin-right:390px;
	text-align: left;
}
#sub-banner{
	background-image: url('../images/sub-banner-bkg.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: left;
	vertical-align: top;
	height: 40px;
}
#sub-footer-bkg{
	clear: both;
	background-color: #000000;
	width: 100%;
	height: 131px;
}
#push{
	height: 170px;
}
#sub-puzzles{
	width: 322px;
	text-align: center;
	margin: 0px auto;
}
#sub-footer{
	clear: both;
	margin: 0px auto;
	text-align: left;
	color:#aeaeae;
	height: 131px;
	width: 880px;
	position: relative;
	padding-top:7px;
}


#side-div{
	float:right;
	width:370px;
	margin-top:58px;
	margin-bottom:10px;
	text-align: left;
}
#side-div p{
	margin-top: 0px;
	margin-left: 23px;
	margin-right: 20px;
	padding-bottom: 10px;
	padding-top:3px;
}
#side-div-top{
	background-image: url('../images/side-div-top.jpg');
	background-repeat: no-repeat;
	height: 11px;
	overflow:hidden;
}
#side-div-middle{
	background-image: url('../images/side-div-middle.jpg');
 	background-repeat: repeat-y;
 	text-align:center;
 	padding-top:5px;
}
#side-div-bottom{
	background-image: url('../images/side-div-bottom.jpg');
	height: 20px;
}
#side-header{
	text-align: left;
	font-size: 18px;
	color:#000000;
	margin-left: 23px;
	margin-right: 20px;
}

/* ------------------ pagination for contest gallery page -------- */
.paginator-top {
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}

.paginator-bottom {
	border-top: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.paginator .pleft {
	float: left;
}

.paginator .pright {
	float: right;
}

.paginator .pagenav {

}

.paginator ul {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.paginator li {
	float: left;
	display: inline;
}

.paginator li.prev {
	margin-right: 6px;
}

.paginator li.next {
	margin-left: 6px;
}

/* ==== */
label.error {
	margin-left: 10px;
}

/* Steph's Styles */

div.clearer { clear:both; }

div.user_puzzle {
	width: 270px;
	text-align:center;
	float:left;
	overflow:hidden;
	margin: 5px 5px;
}

div.user_puzzle p {
	line-height:125%;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}

div.user_puzzle img { border:0px; }

#stores_notes {
}

#stores_notes p {
	margin:0px; padding:0px;
	text-align:left;
}

/* Puzzles Page */
#puzzle_thm_list {
	width:425px;
	overflow:hidden;
}

div.puzzle_thm {
	width:210px;
	text-align:center;
	float:left;
	margin-bottom:15px;
}

div.puzzle_thm p {
	width:100%;
	margin:5px 0px;
	padding:0px;
	font-size:14px;
}

div.puzzle_thm_img {
	text-align:center;
	height:190px;
	overflow:hidden;
}

div.pressarticle {
	margin-top: -18px;
}

.eventlist ul{list-style-position: outside; }
.eventlist li{ text-align: left;}


#fck {
	position:relative;
}

#fck p {
	/*width:100%;*/
	margin:0px;
	padding:0px;
}


/* below is for event page spacing fix */
div.eventContainer {
	margin-top: -18px;
}