/**************** Tags property ****************/
div { 
    margin: 0;
    padding:0px 0px 0px 0px;
}

.clearBoth {
    clear: both;
}
/**************** End tags property ****************/

/**************** Color property ****************/

.red {
    color: red;	
}

.orange {
	color: orange;
}

.green {
	color: green;
}

.lighterGreen {
	color: #36c740;	
}

.yellow {
	color: #b6c737;
}

.grey {
	color: #556677;
}

/**************** End Color property ****************/

/**************** Form property ****************/
.formText, .formTextarea, .formSelect {
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 10px;
	font-family: verdana;
	padding: 4px;
	background: #22521a;
}

.formSubmit {
  height: 38px;
  margin: 0;
  padding: 0px 5px 3px 5px;
  border: 0;
  background: transparent url(../images/background/buttons.gif);
  cursor: pointer; /* hand-shaped cursor */
  font-size: 10px;
  font-family: verdana;
}

#resultMessage {
    clear: both;
    width: 500px;
    padding: 20px 0px 20px 150px;
    overflow: hidden;
}

.errorResultList { 
    list-style-image: url("../images/icons/formError.png");
    font-size: 12px;
}

.successResultList { 
    list-style-image: url("../images/icons/formSuccess.png");
    font-size: 12px;
}
/**************** End form property ****************/

/******************* Breadcrumb *******************/
#breadcrumb {
    padding: 0px 0px 6px 12px;
}
/******************* End Breadcrumb *******************/

/******************* Tip of the day ******************/
#tipOfTheDayContainer {
   padding-top: 12px;
   margin-bottom: 6px;
   width: 442px;
   height: 76px;
   overflow: hidden;
}

#tipOfTheDayContainer #tipOfTheDay {
}

#tipOfTheDayContainer #tipOfTheDay #siteName {
}

#tipOfTheDayContainer #tipOfTheDay #tipDate {
}

#tipOfTheDayContainer #tipOfTheDay #tip {
}
/******************* End Tip of the day ******************/

/******************* Login ******************/
#login {
  width: 442px;
  text-align: center;
}

#login #loginStatus {
	padding-top: 2px;
    width: 430px;   
    text-align: center;
    height: 20px;
}

#login #loginStatus .success {
    color: green;
}

#login #loginStatus .error {
    color: red;
}

#signOut {
    font-size: 10px;
}

#login #loginBox {
  width: 380px;
  float: left;
  padding: 4px 0px 10px 12px;
  margin-top: 25px;
  margin-left: 3px;
  background-color: #EACE46;
  border: 2px dashed #B0AD25;
  display: none;
  position: absolute;
}

#login #loginBox .group {
  padding-right: 12px;
  float: left;
}

#login #loginBox .label {
  width: 135px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  text-align: left;
  color: #223322;
}

#login #loginBox .input {
  width: 135px;
  text-align: left;
  margin: 4px 0px 0px 2px;
  color: #223322;
}

#loginForm #email {
    width: 138px;
    height: 16px;
}

#loginForm #password {
    width: 138px;
    height: 16px;
}

#loginForm #submit {
    width: 65px;
    margin-top: 19px;
}
/************** End Login *****************/

/************** Bottom Dropdown ***************/
/* remove all list stylings */
.menu5, .menu5 ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    width: 160px;
}

.menu5 li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;    /* move all main list items into one row, by floating them */
    position: relative; /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5;     /* thus we need to apply explicit z-index here... */
    width: 160px;
    text-align: left;
}

.menu5 li:hover {
    z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu5 li li {
    float: none;/* items of the nested menus are kept on separate lines */
}

.menu5 ul {
    visibility: hidden; /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;    /* while hidden, always keep them at the bottom left corner, */
    bottom: 0;      /*      to avoid scrollbars as much as possible */
}

.menu5 li:hover>ul {
    visibility: visible;    /* display submenu them on hover */
    bottom: 100%;   /* 1st level go above their parent item */
}

.menu5 li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */
    bottom: 0;
    left: 100%;
}

/* -- float.clear --
    force containment of floated LIs inside of UL */
.menu5:after, .menu5 ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.menu5, .menu5 ul { /* IE7 float clear: */
    min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
    YOU SHOULD NOT STYLE the background of the ".menu5 UL" or this feature may not work properly!
    if you do it, make sure you 110% know what you do */
.menu5 ul {
    padding: 30px 30px 10px 30px;
    margin: 0 0 -10px -30px;
    /*background: #f00;*/   /* uncomment this if you want to see the "safe" area.
                                you can also use to adjust the safe area to your requirement */
}
.menu5 ul ul {
    padding: 30px 30px 30px 10px;
    margin: 0 0 -30px -10px;
}

/* Design */
.menu5, .menu5 ul li {
    /* color: #eee; */
    /* background: #234; */
}

.menu5 ul {
    width: 11em;
}

.menu5 a {
    text-decoration: none;
    /* color: #eee; */
    padding: .4em 1em;
    display: block;
    position: relative;
}

.menu5 a:hover, .menu5 li:hover>a {
    /* color: #fc3; */
}

.menu5 li li {  /* create borders around each item */
    border: 1px solid #556677;
    background-color: white;
}
.menu5 ul>li + li { /* and remove the top border on all but first item in the list */
    border-top: 0;
}

.menu5 li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */
    bottom: 5px;
    left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
    placed here to clarify the terminology I use when referencing submenus in posts */
.menu5>li:first-child>a, .menu5 li + li + li li:first-child>a {
    /* color: #567; */
}
/************** Bottom Dropdown ***************/

/**************** Pagination property ****************/

.paginatorBar {
    background: #FFFFFF url(../images/background/sbg.gif);
    color: white;
    border-color: #D7D7D7;
    width: 700px;
    height: 40px;
}

.paginatorBar .pageNumber {
  background-color: #FFFFFF;
  border: 1px solid #DEDEB8;
  margin-right: 1px;
  float: left;
  padding: 1px 4px;
}

.paginatorBar .pageNumber:hover {
  background-color: #F9F9F9;
  border: 1px solid #333333;
  text-decoration: none;
}

.paginatorBar .currentPage {
    background-color: #E2F2FE;
    color: #98AA6C;
    border: 1px ridge #DEDEB8;
    margin-right: 1px;
    float: left;
    padding: 1px 4px;
}

.paginatorBar .pageContainer {
    margin: 5px 10px;
    float: right;
    text-align: right;
    clear: both;
}

.totalPaginatorItems {
    width: 700px;
    margin-top: 5px;
    text-align: right;
    color: #928563;
}
/******************** End page navigation ********************/

/******************** Sites Display ********************/
.site {
    margin-bottom: 12px;
    padding-bottom: 12px;
    width: 715px;
    border-bottom: 2px dashed #799db0;
    overflow: hidden;
}

.site .regular {
    width: 710px;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
}

.site .sponsor {
    width: 710px;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    background-color: #F8F79F;
}

.site .siteTop {
    width: 700px;
    padding-right: 12px;
    color: #7f7e21;
    text-align: right;
    overflow: hidden;
}

.site .siteLeft {
    width: 140px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.site .siteLeft .thumbnail {
    width: 128px;
    height: 100px;
    margin-bottom: 6px;
}

.site .siteLeft .pageRank {
    width: 128px;
    height: 20px;
}

.site .siteLeft .details {
    width: 128px;
    height: 20px;	
}

.site .siteRight {
    width: 560px;
    margin-top: 5px;
    float: left;
}

site .siteRight .siteName {
    width: 535px;
    font-size: 14px;
}

.site .siteRight .url {
    color: #888888;
    margin-left: 12px;
    font-size: 12px;
}

.site .siteRight .description {
    width: 535px;
    margin: 2px 0px 8px 24px;
    font-size: 12px;
}

.site .siteRight .keywords {
    width: 535px;
    padding-right: 12px;
    font-size: 12px;
}

.site .siteRight .keywords a:link, .site .siteRight .keywords a:visited {
    color: #5A667A;
}

.site .siteRight .keywords a:hover {
    color: #160B4A;
}

.site .siteRight .comments {
    width: 535px;
    text-align: left;
    margin-top: 8px;
    overflow: hidden;
}

.site .siteRight .comments .review {
    float: left;
    width: 105px;
    border-right: 1px solid black;
}

.site .siteRight .comments .writeReview {
    float: left;
    width: 100px;
    padding-left: 8px;
    border-right: 1px solid black;
}

.site .siteRight .comments .vote {
    float: left;
    width: 35px;
    padding-left: 8px;
    border-right: 1px solid black;
}

.site .siteRight .comments .rating {
    float: left;
    padding-left: 8px;
    width: 100px;
}

.site .siteRight .comments a:link, .site .siteRight .comments a:visited {
}

.site .siteRight .comments a:hover {
}

.site .siteBottom {
    width: 535px;
    overflow: hidden;
}

.site .siteBottom .close {
    clear: both;
    float: right;
    margin: 0px 4px 0px 0px;
}

.site .siteBottom .reviewContainer {
    width: 397px;
    font-size: 12px;
    padding: 20px 6px 10px 6px;
    margin-left: 0px;
    position: absolute;
    border-top: none;
    background-color: #a8c4ae; 
    border: 2px dotted #dceaf2;
    overflow: hidden;
    display: none;
    z-index: 100;
}

.site .siteBottom .noReview {
    text-align: center;
    width: 350px;
    padding: 2px 0px 5px 0px;
}

.site .siteBottom .reviewContainer .header {
    width: 395px;
    background-color: #b3c0c7;
    color: white;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    border: 1px solid black;
}

.site .siteBottom .reviewContainer .header .reviewName {
    width: 99px;
    float: left;
    padding: 2px;    
}

.site .siteBottom .reviewContainer .header .reviewContent {
    width: 267px;
    float: left;
    border-left: 1px solid black;
    padding: 2px;
}

.site .siteBottom .reviewContainer .review {
    width: 395px;
    overflow: hidden;    
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.site .siteBottom .reviewContainer .review .reviewName {
    width: 99px;
    float: left;
    padding: 2px;
    overflow: hidden;
    word-wrap: break-word;
}

.site .siteBottom .reviewContainer .review .reviewContent {
    width: 267px;
    float: left;
    border-left: 1px solid black;
    padding: 2px 2px 2px 8px;
    overflow: hidden;
    word-wrap: break-word;
}


.site .siteBottom .reviewContainer .review .reviewContent .date {
    width: 260px;
    padding-bottom: 6px;
}

.site .siteBottom .reviewContainer #allReviews {
    width: 400px;
    text-align: center;	
}

.site .siteBottom .writeReviewContainer {
    width: 293px;
    font-size: 12px;
    color: #334455;
    padding: 4px 5px 4px 7px;
    margin-left: 105px;
    border-top: none;
    background-color: #a8c4ae; 
    border: 2px dotted #dceaf2;
    position: absolute;
    overflow: hidden;
    display: none;
    z-index: 100;
}

.site .siteBottom .formTextarea {
    width: 281px;
    height: 80px;
}

.site .siteBottom .input {
    padding-bottom: 6px;
}

.site .siteBottom .formText {
    width: 205px;
    height: 20px;
}

.site .siteBottom .submit {
    margin: 6px 0px 4px 72px;
}

.site .siteBottom .writeReviewContainer .formSubmit {
    width: 100px; 
    height: 28px;
}

.site .siteBottom .writeReviewContainer .errors {
    width: 180px;	
}

.site .siteBottom .yourComment {
    width: 323px;
    padding: 4px 0px 6px 0px;
}

.site .siteBottom .voteContainer {
    width: 184px;
    font-size: 12px;
    color: #334455;
    padding: 4px 0px 4px 12px;
    margin-left: 214px;
    border-top: none;
    background-color: #a8c4ae; 
    border: 2px dotted #dceaf2;
    position: absolute;
    overflow: hidden;
    display: none;
    z-index: 100;
}

.site .siteBottom .voteContainer .voteDescription  {
    width: 170px;
    text-align: center;
    padding: 2px 0px 5px 0px;
}

.site .siteBottom .voteContainer .buttons {
    width: 170px;
    text-align: center;
    padding-bottom: 5px;
}

.site .siteBottom .voteContainer .formSubmit {
    width: 50px;
}
/******************** End Sites Display ********************/

/************** Google Ad in Side Nav **************/
#googleSideBarTextAd {
    margin: 12px 0px 0px 40px;
}
/************** End Google Ad in Side Nav **************/

.formElementError .errorResultListContainer {
    margin: 0px 0px 0px 6px;
}





html {
    height: 100%;

}
body {
    padding-left: 30px;
    margin-left: 30px;
    background: url(../images/background/bg2.gif) #ffffff repeat-y ;
    margin: 0px;
    height: 100%;
    color: #333333;
    font-size:11px;
    font-family: "arial";
}

#container {
text-align: left;
}
#header {
width: 965px;
height: 210px;
background: url(../images/background/hbg.gif) no-repeat;
margin-bottom: 6px;
}

#content {
width: 965px;
}

#footer {
width: 965px;
height: 150px;
background: url(../images/background/fbg.gif) no-repeat;
    color: #FFFFFF;
    font-size:10px;
    font-family: "trebuchet MS";
}

#footernote {
float: right;
text-align: right;
height: 30px;
margin-right: 80px;
margin-top: 110px;
width: 960px;
}

#footernote #footerLinks {
   width: 760px;
   float: left;
   text-align: right;
}

#footer a:link,
#footer a:hover,
#footer a:visited {
    color: #d9a373;
    font-size: 14px;
    font-weight: bold; 
}

#footernote #likeSites {
    width: 180px;
    float: left;
    text-align: left;
    margin-top: -4px;
}

#title {
float: left;
width: 300px;
height: 65px;
margin-left: 20px;
color: #333333;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#title a:link {
color: #036484;
font-family: -"Trebuchet ms";
font-size: 30px;
text-decoration: none;
}
#title a:visited {
color: #036484;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: none;
}
#title a:hover {
color: #036484;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: underline;
}

#headerright {
float: right;
width: 450px;
height: 210px;
}
#headerleft {
float: left;
width: 480px;
height: 210px;
}
#search {
float: right;
width: 350px;
height: 30px;
margin-top: 35px;
margin-right: 70px;
text-align: right;
}

.searchbox {
border: 1px solid #ffffff;
background: url(../images/background/sbg.gif) repeat-x; 
color: #ffffff;
font-size: 10px;
font-family: verdana;
padding: 4px;
}

.textarea {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 10px;
font-family: verdana;
padding: 4px;
background: #036484;
}
.searchbutton {
  width: 64px;
  height: 27px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/background/search.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
.submitcomment {
  width: 119px;
  height: 27px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: transparent url(../images/background/submitcomment.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#comment-1 {
  margin: 0px;
  padding: 0px;
}

#comment-2 {
  margin: 0px;
    padding: 0px;
  background: #343434;
}
#center {
width:710px;
float: left;
}
#sidebar {
float: right;
width: 245px;
}
#left {

float: left;
width: 240px;
border-left: 1px solid #036484;
list-style: none;
}

#left p{

margin:10px;
}

#left img { 
    float: left; 
    margin: 5px; 
}



#right {
float: right;
width: 240px;
border-left: 1px solid #036484;
}

#right .nextDirectory {
    width: 175px;
    margin-left: 30px;
    padding-bottom: 10px;
    height: 70px;
    clear: both;
}

#right .nextDirectory .link {
    text-align: center;
    margin-top: 2px;
    font-size: 14px;
    width: 95px;  
    float: left;
}

#right .nextDirectory .arrow {
    width: 80px;
    height: 80px;
    float: left;
}

#right .nextDirectory .arrow img {
    border: 0;
    padding: 1px;
}

#right .nextDirectory .arrow img:hover {
    border: 1px solid #036484;
    padding: 0;  
}

a:link {
color: #036484;
text-decoration: none;
}
a:visited {
color: #036484;
text-decoration: none;

}
a:hover {
color: #036484;
text-decoration: underline;

}

.meta {
    padding-left: 10px;
    padding-right: 10px;
    background: url(../images/background/meta.gif);
    line-height: 30px;
}

blockquote {
border-left: 4px solid #036484;
color: #ffffff;
}
blockquote p {
margin: 5px;
}

h1 {
padding-left: 10px;
display:block;
margin: 0px;
font-family: "trebuchet ms";
font-size: 20px;

}

h1 a:link {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: none;
}
h1 a:visited {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: none;
}
h1 a:hover {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: underline;
}

h2 {
font-family: "trebuchet ms";
font-size: 18px;
width: 213px;
height: 37px;
line-height: 37px;
background: url(../images/background/h2.gif) no-repeat;
padding-left: 15px;
padding-right: 10px;
list-style-image: none;
font-weight: lighter;
}

#left li {
list-style-image: url(../images/background/b1.gif) ;
line-height: 14px;
margin-left: 45px;
}
#left ul {
margin-left: 5px;
padding: 0px;
}
.page_item li {
list-style-image: url(../images/background/b3.gif) ;
margin-left: 15px;
padding: 0px;
}

#wp-calendar {
text-align: center;
padding-left: 20px;
}

::-moz-selection{
    background:#036484;
    color:#ffffff;
}

::selection {
    background:#036484;
    color:#ffffff;
}

code::-moz-selection {
    background: #036484;
}

code::selection {
    background: #036484;
}

#linkcat-1 ul {
list-style-image: url(../images/background/b4.gif) ;
margin-left: 40px;
padding: 0px;
line-height: 14px;
}

.categories {
line-height: 18px;
list-style: none;
margin-left: 10px;
padding: 0px;
}

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

.categories a:link {
font-family: tahoma;
padding-left: 25px;
display:block;
width: 200px;
color: #ffffff;
background: url(../images/background/menu1.gif) no-repeat;
}
.categories a:visited {
padding-left: 25px;
display:block;
width: 200px;
color: #ffffff;
background: url(../images/background/menu1.gif) no-repeat;
}
.categories a:hover {
background: url(../images/background/menu1.gif) no-repeat;
background-position: 0px -18px;
}

.children {
    margin-left: -30px;	
}

.children  a:link, .children  a:visited {
font-family: tahoma;
padding: 3px 0px 3px 25px;
display:block;
color: #333333;
background: url(../images/background/menu2.gif) no-repeat;
}
.children a:hover {
background: url(../images/background/menu2.gif) no-repeat;
background-position: 0px -18px;
}
.children li {
    list-style: none;	
}

.archives {
display: block;
line-height: 18px;
list-style: none;
margin-left: 10px;
padding: 0px;

}
.archives ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.archives li {
list-style: none;
margin: 0px;
padding: 0px;
}

.archives a:link {
width: 200px;
font-family: tahoma;
padding-left: 25px;
display:block;
color: #ffffff;
background: url(../images/background/menu3.gif) no-repeat;
}
.archives a:visited {
width: 200px;
padding-left: 25px;
display:block;
color: #ffffff;
background: url(../images/background/menu3.gif) no-repeat;
}
.archives a:hover {
width: 200px;
background: url(../images/background/menu3.gif) no-repeat;
background-position: 0px -18px;
}


.metaa {
text-align: right;
line-height: 18px;
list-style: none;
margin-right: 10px;
padding: 0px;
}

#feed {
width: 65px;
height: 65px;
float: right;
margin-top: 34px;
}

#post {
margin: 0px;
padding: 0px;
}

.storycontent {
padding-left:5px;
margin-left:5px;
padding-right:5px;
margin-right:5px;
}

#bullet1 li {
list-style-image: url(../images/background/b1.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet1 ul {
margin-left: 5px;
padding: 0px;
}

#bullet2 li {
list-style-image: url(../images/background/b2.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet2 ul {
margin-left: 5px;
padding: 0px;
}

#bullet3 li {
list-style-image: url(../images/background/b3.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet3 ul {
margin-left: 5px;
padding: 0px;
}

#bullet4 li {
list-style-image: url(../images/background/b4.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet4 ul {
margin-left: 5px;
padding: 0px;
}
#bullet5 li {
list-style-image: url(../images/background/b5.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet5 ul {
margin-left: 5px;
padding: 0px;
}


/*************** Grey box *****************/

#GB_overlay {
  background-image: url(../images/icons/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(../images/icons/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 150px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

/******************** End Grey box ********************/

#bestDirectories {
    margin-top: -25px;
    margin-left: 42px;
}

#bestDirectories a img {
	border: 0;
    padding: 1px;
}

#bestDirectories a img:hover {
    border: 1px solid #036484;
    padding: 0px;
}