body {
	font-size:13px;
	font-family: Arial, sans-serif;
	background-color: #000;
	color: #555555;
	text-align: center;	
	background: #fff url('../images/bkg.gif') 0 5px repeat-x;
	padding: 0px 0 50px 0;
	margin: 0;
	border-top: 5px solid #507889;		
	}

h1, h2, h3, h4{	
	padding: 0;
	margin: 0;
}

p{
	line-height:1.4em;
	margin: 0;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

li{
	margin: 0 0 0 0;
	padding: 0;
}

form{
	margin: 0;
	padding: 0;
}

a:link, a:visited{
	text-decoration: none;
	color: #2797e6;
}

a:hover{
	text-decoration: underline;
}

.actionLink{
	color: #2797e6;
	cursor: pointer;
}

.highlight{
	color: #2797e6;
}

.left{
	float: left;
}

.right{
	float: right;
}
	
.clear{
	clear: both;	
	overflow: hidden;
	height: 1px;	
}
	
.inside{	
	margin: 0px auto;	
}


#container {	
	text-align: left;
	width: 900px;
	margin: 0 auto;	
	padding: 0;
}

#header {
	width: 100%;
	height: 92px;
	color: #fff;	
}

#header a:link, #header a:visited{
	color: #faf5bf;
	text-decoration: none;
}

#logo{
	width: 350px;
	padding: 0px 0 10px 0;	
	color: #fff;	
}

#logo span{
	display: none;
}

#loginStatus{
	
	margin: 20px 0 0 0;
}

#header .bottom{
	clear: both;		
	padding: 0;	
}

#header .right{
	float: right;
	text-align: right;	
	width: 350px;
}

#header .left{
	float: left;
	width: 355px;	
}

#mainNav{
	float: right;
	margin: 21px 0 0 0;
}

#mainNav ul{
	list-style: none;
	display: block;
}

#mainNav ul li{
	float: left;
	background: transparent url(../images/main_tab_inactive.gif) no-repeat;
	width: 104px;
	
	text-align: center;
	margin: 0 0 0 10px;
	
}


#mainNav ul li.active{
	background: transparent url(../images/main_tab_active.gif) no-repeat;
	
}

#mainNav ul li a{
	display: block;
	line-height: 34px;
}

#mainNav ul li a:hover{
	color: #fff;
}

#mainNav ul li.active a{
	padding: 3px 0 0 0;
	color: #494738;
}


/*Main content----------------*/


#mainContent{
	float: left;
	width: 600px;
	display: inline;
	margin: 5px 0 0 0;
	
}


#mainContent h4{
	font-size: 20px;
	color: #a97d48;
}

#mainContent.wideColumn{
	width: 100%;

}

#mainContent h2{	
	margin: 10px 0 15px 0;
	
	font-size: 24px;
	color: #507889;
	
}

#mainContent h3{	
	margin: 10px 0 10px 0;	
	font-size: 20px;
	color: #507889;
}

#mainContent p{	
	margin: 0px 0 15px 0;
}

.twoColumn{
	width: 300px;
}


#sideNav{
	float: right;
	width: 250px;
	display: inline;
	margin: 20px 0 0 0;
}

.listBottomLink{
	padding: 15px 0 0 15px;
	font-weight: bold;
}

/*Sidebar-------------------------------------*/
#sideBar{
	float: right;
	margin: 32px 0 0 0;	
	width: 230px;
}

#userBox .inside{
	padding: 0 0 40px 0;
	background: transparent url(../images/sidebar_user_top.jpg) no-repeat;
}

#sideBar #userBox{
	background: #507889 url(../images/sidebar_user_btm.jpg) left bottom no-repeat;
}

.sidebarBtmDefault{
	width: 230px;
	height: 14px;
	background: transparent url(../images/sidebar_btm_default.jpg) no-repeat;
}

.sidebarBtmUser{
	width: 230px;
	height: 20px;
	background: transparent url(../images/sidebar_user_btm.jpg) no-repeat;
}

#sideBar h4{
	
	margin: 0 20px 10px 20px;
	font-size: 16px;
}


/*Search--------------------------------------------------------------*/
#searchBox{
	width: 230px;
	height: 74px;
	background: transparent url(../images/search_box.jpg) no-repeat;
	margin: 10px 0 0 0;
}

#searchBox h4{
	color: #fff;
	margin: 10px 0 0 13px;
	padding: 13px 0 0 0;
	font-size: 12px;
	
}


#searchBox .field{
	margin: 7px 5px 0 15px;
}

.searchBtn{
	background: transparent url(../images/search_btn.jpg) no-repeat;
	color: #2797e6;
	border: none;
	width: 57px;
	height: 24px;
	cursor: pointer;
	font-weight: bold;
}

#searchBox strong{
	color: #fff;
	padding: 13px 0 0 15px;
	display: block;
}

/*User Nav------------------------------------------------------------*/
#userNav{
	padding: 20px 25px 0 25px;	
}

#userNav h4{	
	color: #faf5bf;
	border-bottom: 1px solid #faf5bf;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

#userNav ul{
	list-style: none;
	padding: 0 0 15px 0;
}

#userNav li{
	margin: 0 0 2px 0 ;
}


#userNav li a:link, #userNav li a:visited{	
	color: #fff;
}

#userNav li a:hover{
	color: #8bd0ee;
	text-decoration: none;
}


/*Sidebar category list-----------------------*/

#sidebarCats{
	background: transparent url(../images/sidebar_cat_mid.jpg) repeat-y;
}

#sideBar #sidebarCats h4{
	color: #a97d48;
	border-bottom: 1px solid #cdb27c;
	padding-bottom: 3px;
}

.sidebarCatTop{
	width: 230px;
	height: 14px;
	background: transparent url(../images/sidebar_cat_top.jpg) no-repeat;
	margin: 10px 0 0 0;	
}

.sidebarCatBtm{
	width: 230px;
	height: 14px;
	background: transparent url(../images/sidebar_cat_btm.jpg) no-repeat;	
}


#sideBar .categoryList{
	list-style: none;
	padding: 0 0 0 23px;
	
	display: block;
}

#sideBar .categoryList li{
	float: left;
	width: 45%;
	margin: 0 0 8px 0;	
}

#sideBar .categoryList li a:link, #sideBar .categoryList li a:visited{
	color: #a97d48;
}

#sideBar .categoryList li a:hover{
	color: #5c8b9e;
	text-decoration: none;
}

#sideBarPuzzleList{
	background-color: #faf5bf;
	padding: 20px 15px 15px 20px;
	background: transparent url(../images/sidebar_puzzle_list.gif) repeat-y;
} 

#sideBarPuzzleList li{
	border-bottom: 2px dashed #eae6b3;
	padding: 8px 0 8px 5px;
}


#sideBarPuzzleList li a:link, #sideBarPuzzleList li a:visited{
	color: #a97d48;
}

#sideBarPuzzleList li a:hover{
	color: #a97d48;
	text-decoration: none;
}

#sideBar .popularList {
	
	height: 100px;
}

#puzzleListNav{
	height: 31px;
	margin: 15px 0 0 0;
}

#puzzleListNav span{
	width: 93px;
	height: 31px;
	background: transparent url(../images/sidebar_tab.gif) no-repeat;
	display: block;
	float: left;
	text-align: center;
	margin: 0 0 0 20px;
	line-height: 31px;
	color: #a97d48;
	font-weight: bold;
	cursor: pointer;
}

#puzzleListNav .sidebarTab{
	background: transparent url(../images/sidebar_tab.gif) no-repeat;	
}

#puzzleListNav .sidebarTabActive{
	background: transparent url(../images/sidebar_tab_active.gif) no-repeat;
}


/*Home----------------------------------------*/
#homeBanner{
	width: 653px;
	height: 205px;
	background: transparent url(../images/home_banner.jpg) no-repeat;
}

#mainContent #homeBanner h2{
	margin: 0;
	padding: 60px 0 0 250px;
	color: #fff;
}

#mainContent #homeBanner p{
	color: #55878f;
	padding: 10px 25px 0 250px;
}

#homeBottom{
	margin: 15px 0 0 0;
}

#homeLogin{
	width: 200px;
	height: 201px;
	margin: 0px 0 0 15px;
	color: #fff;
	padding: 10px 0 30px 0;
}

#homeLogin h3{
	font-size: 18px;
	color: #fff;
	padding: 0 0 10px 0;
}

#homeLogin .note{
	
	display: block;
}

#homeLogin a:link, #homeLogin a:visited{
	color: #faf5bf;
	text-decoration: none;
}

#homeLogin form{
	padding: 12px;	
}

#homeLogin form p{
	margin: 0 0 5px 0;
	display: block;
	text-align: left;
}

#homeLogin input{
	width: 155px;
	border: 3px solid #66a6b1;
	padding: 3px;
}

#homeLogin #homeLoginBtn{
	width: 106px;
	height: 38px;
	background: transparent url(../images/sidebar_btn_blue.jpg) no-repeat;
	border: none;
	padding: none;
	cursor: pointer;
	color: #2797e6;
	font-size: 12px;
	margin: 0px 0 3px 0;
}

#homeBtm{
	padding: 20px 0 0 0px;
}

#homeBtm .twoColumn h4{
	padding: 20px 0 0 0px;
	color: #a97d48;
	padding: 0px 0 0 10px;
	
}

#homeBtm .puzzleListSmall{
	padding: 0px 0 0 10px;
}

/*Form layout-------------------------------------------------------*/
fieldset p{
	margin: 0 0 10px 0;
}

fieldset{
	padding: 20px 20px 20px 20px;
	margin: 0 0 15px 0;
	background-color: #f7f7f7;
	border: none;
	border: 2px solid #f2f2f2;
}

/*Main forms------------------------*/
#mainContent input{	
	padding: 5px;
	
}

#mainContent textarea{	
	padding: 5px;
	
}

#mainContent label{	
	font-weight: bold;
}

#mainContent .submitBtn{
	background: transparent url(../images/btn_short.jpg) no-repeat;
	color: #2797e6;
	border: none;
	width: 114px;
	height: 36px;
	cursor: pointer;
	font-weight: bold;
}



#mainContent #login{
	background: transparent url(../images/btn_short.jpg) no-repeat;
	color: #2797e6;
	border: none;
	width: 114px;
	height: 36px;
	cursor: pointer;
	font-weight: bold;
}

#mainContent .submit{
	background: transparent url(../images/btn_short.jpg) no-repeat;
	color: #2797e6;
	border: none;
	width: 114px;
	height: 36px;
	cursor: pointer;
	font-weight: bold;
	
}


/*Crossword Creation Form------------------------------------------*/
#crossWordInputs li{
	display: block;
	border: 1px solid #d7d7d7;
	padding: 5px 15px 25px 20px;
	background: #f1f1f1;
	margin: 5px 0 5px 0;
}

#crossWordInputs li p{
	
	margin: 10px 0 0px 0;
}

#crossWordInputs .first{
	
}

.puzzleCreateLeft{
	width: 35%;
	float: left;
	display: inline;
}

.puzzleCreateLeft h4{
	margin: 0 0 10px 0;
}

.puzzleCreateRight{
	width: 60%;
	float: right;
	display: inline;
}






/*List table------------------*/
.tableList{
	width: 100%;
	margin: 20px 0 0 0;
}

.tableList td{
	border-bottom: 1px solid #cccccc;
	padding: 8px;
}

.tableList th{
	background-color: #ebebeb;
	padding: 8px;
}

.tableList img{
	border: none;
}


/*action links---------------------------*/
.actionLink{
	color: #2797e6;
	cursor: pointer;
}

#actionLinkBox{
	padding: 10px 0 8px 10px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin: 0 0 15px 0;
}

#actionLinkBox span{
	margin: 0 25px 0 0;	
}

.add{
	background: transparent url(../images/add_icon_small.gif) 0 2px no-repeat;
	padding: 0 0 0 15px;
}

.deleteSmall{
	width: 13px;
	height: 13px;
	background: transparent url(../images/delete_small.gif) no-repeat;
	padding: 0 0 0 17px;
	float: right;
	margin: 5px 30px 0 0;
}

.printLink{
	background: transparent url(../images/printer.png) 0 2px  no-repeat;
	padding: 4px 0 0 25px;
	cursor: pointer;
	color: #2797e6;
}

/*Favorites-----------------------------------*/
.favActive{
	background: transparent url(../images/fav_active.gif)  no-repeat;
	padding: 4px 0 0 25px;
	cursor: pointer;
	color: #2797e6;
}

.favInactive{
	background: transparent url(../images/fav_inactive.gif)  no-repeat;
	padding: 4px 0 0 25px;
	cursor: pointer;
	color: #2797e6;
}


/*Buttons---------------------------------*/
.btnLong{
	background: transparent url(../images/btn_long.jpg) no-repeat;
	width: 200px;
	line-height: 37px;
	display: block;
	text-align: center;
	font-weight: bold;
}

.btnLong:hover{
	text-decoration: none;
}


/*Puzzle list----------------------*/
#mainContent .right .puzzleListSmall{
	margin: 0 0 0 10px;
}

#mainContent .left .puzzleListSmall{
	margin: 0 10px 0 0;
}

.puzzleListSmall li{
	padding: 10px 0 10px 0;
	border-bottom: 1px dashed #cccccc;
}

.puzzleListSmall li img{
	float: left;
	margin: 0 10px 0 0;
}

.catPageImg{
	float: left;
	margin: 10px;
}

.catPageHeading{
	padding: 25px 0 10px 70px;	
}

.puzzleViewCatImg{
	float: left;
	margin: 0 15px 0 0;
}

/*Pagination-----------------------*/
div.pagination
{
    padding: 3px;
    margin: 15px 0 0 0;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 0px;
    border: 1px solid #2797e6;
    text-decoration: none; /* no underline */
    color: #2797e6;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #2797e6;
    color: #000;

}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 0 0 0 4px;
    border: 1px solid #2797e6;
    font-weight: bold;
    background-color: #2797e6;
    color: #FFF;


}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 0px;
    border: 1px solid #EEE;
    color: #DDD;
	background-color: #2797e6;
}
div.pagination span.last
{
    display: none;
}
div.pagination span.last
{
    display: none;
}

/*Messages---------------------------------*/
.goodMsg{
	padding: 15px 15px 15px 45px;
	background: #faf6d0;
	border: 1px solid #eae6b3;
	margin: 10px 0 10px 0;
	width: 70%;
	background: #faf6d0 url(../images/ok_icon.jpg) 15px 15px no-repeat;
}

.error{
	padding: 15px 15px 15px 45px;
	background: #faf6d0;
	border: 1px solid #eae6b3;
	margin: 10px 0 10px 0;
	width: 70%;
	background: #faf6d0 url(../images/error_icon.jpg) 15px 15px no-repeat;
}




/*Favorites-----------------------------------*/
.favActive{
	background: transparent url(../images/fav_active.gif)  no-repeat;
	padding: 4px 0 0 25px;
	cursor: pointer;
}

.favInactive{
	background: transparent url(../images/fav_inactive.gif)  no-repeat;
	padding: 4px 0 0 25px;
	cursor: pointer;
}


/*Puzzle Creation----------------------------*/
.createSteps span{
	display: block;
	float: left;	
	color: #c1c1c1;
	font-size: 20px;
	line-height: 43px;
	margin: 0 20px 20px 0;
	padding: 0 0 0 50px;
}

.createSteps span a:link, .createSteps span a:visited{
	color: #a97d48;
}

.createSteps .step1{
	background: transparent url(../images/step1.jpg)  no-repeat;	
}

.createSteps .step1Active{
	background: transparent url(../images/step1_active.jpg)  no-repeat;
	color: #6293a8;	
}

.createSteps .step2{
	background: transparent url(../images/step2.jpg)  no-repeat;
}

.createSteps .step2Active{
	background: transparent url(../images/step2_active.jpg)  no-repeat;
	color: #6293a8;	
}

.createSteps .step3{
	background: transparent url(../images/step3.jpg)  no-repeat;
}

.createSteps .step3Active{
	background: transparent url(../images/step3_active.jpg)  no-repeat;
	color: #6293a8;	
}

/*Footer-------------------------*/

#footer{
	color: #383838;
	font-size: 11px;
	border-top: 1px solid #dfdfdf;
	padding: 10px 0 15px 0;
	clear: both;
	margin-top: 40px;
}

#footer a:link, #footer a:visited{
	color: #383838;
	
}

#footer a:hover{
	color: #383838;
}

#footer .links{
	float: right;
}

#footer .copyright{
	float: left;
}