/*
AlanSyliboy.com
*/

/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	/* background-image: url(bg.jpg); */
	background-color:#000000;
	background-repeat: repeat;
}
/* set color scheme here */
#page {
background-color:#Af6206;
background-color:#ECD672;
color:#333;
}
#sidebar{
/*	background-color: #Af6206; */
	color:#000;
}
.post {
/*	background-color:#Af6206; */
	border-top:#ccb25a thin dashed;
	color:#000;
}
#header, #footer {
background-color:#C1790B;
color:#333;
}
#container { /* this is the image container */
	width: 400px;
	margin: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
#calendar_message{
font-size:10px;
text-align:center;
}
#calendar_heading{
font-size:16px;
text-align:center;
padding-bottom:1ex;
padding-top:1ex;
margin-bottom:1ex;

border-bottom:#ccb25a thin dashed;

border-top:#ccb25a thin dashed;

}
#header_nav {
color:#FFFF00
font-size:9px;
text-align:left;
}
#header_nav a {
text-decoration:none;
border-bottom: 0px dotted #69c;
}
p {color:#000}
h1,h2,h3,h4{color:000}
a, a:link { 
    text-decoration: none;
    color:#00F;
    border-bottom: 1px dotted #69c; 
}
a:visited {  }
a:hover {  text-decoration: none; }
a:active {  }

/* set font sizes */ 
div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }



a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}

/* set layout divs */
.clear {
    clear: both;
	padding-top:1ex;
       }


#page {
   /* width: 80%;  this will create a container 80% of the browser width */
    width: 910px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#content {
	text-align: left;
	margin: 0px ;
	padding: 0;
	line-height: 1.5em;
	
}

/* Special text formatting 
------------------------------------------------------------------------------- */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	/* color: #333;
    color: #ccb25a;
    */
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	border-bottom: 1px dotted #06c;
}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h4.date-header {
    margin-top: 0;
    padding-left: 14px;
    font-size: 90%;
    background: url(images/date_icon.gif) no-repeat 0 50%;
}

blockquote {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
    font-size: 88%;
    line-height: 1.5em;
    background: url(images/quotes.gif) no-repeat top left;
}

blockquote p { margin-top: 0; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #444;
	white-space: pre; 
    width: 350px;
    height: auto;
	overflow: auto;
    display: block;
    border: 1px solid #999;
    border-width: 2px 0;
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: #fafafa;
}
li code { width: 330px }

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}

/* Header 
------------------------------------------------------------------------- */

#header {
/* background:url(top_div.jpg); */
background-color:#111;
	position: relative;
	height:120px;
}
#header a {
text-decoration:none;
}
#top_left {
background-image:url(images/top_left.gif);
background-position: left top;
background-color: transparent;
background-repeat:no-repeat;
}
#left_header {
width:370px;
float:left;
}
#left_header img{
float:right;
margin-top:10px;
}
#right_header {

}

#header #left_header h1 {
    margin: 0;
	font-size:24px;
    padding: 1em;
    color: #ECD672;
    text-shadow: #81A75B 2px 2px 2px;
    background:none;
}
#header h1 a {
    text-decoration: none;
    border-bottom: none;
    color: #ECD672;

    }
#header h1 a:hover { 
     text-shadow: #fff 0 0 4px;
}


/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}


/* Post (main content entries)
------------------------------------------------------------------------- */
.post {
	margin: 0px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	/* border:1px #333 solid; */
	padding-top:1ex;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:1ex;
	}

.post h3 {
    margin-top: 0;
    }
.post p {

}
.post ul li {
	background: url(images/tictac_orange.gif) no-repeat 0 6px;
	margin-left: 0em;
}


/* Special gallery pages  */
#gallery_post {
   /* width:90%;
   margin: 0px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	/* border:1px #333 solid; */
   margin-left:10px;
   margin-right:10px;
		padding-top:1ex;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:1ex;
	}
/* Related Links 
------------------------------------------------------------------------- */
#navlist li { 
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}


/* UserComments 
------------------------------------------------------------------------- */                        
.comment {
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
}
.commentAuthor {
}
.commentMe {
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}


/* Sidebar 
------------------------------------------------------------------------- */

#sidebar {
   float: left; 
	width: 270px; /* since this element is floated, a width must be given */
 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* top and bottom padding create visual space within this div  */
	margin-right:2em;
	padding-top:1ex;
	padding-bottom:1ex;
	border-top:#ccb25a thin dashed;
	border-bottom:#ccb25a thin dashed;
	border-right:#ccb25a thin dashed;
}
#content {

}

#sidebar h2 {
	padding: 5px;
	background: url(images/sidebar_icon.gif) no-repeat 5px 15px;
	height: auto !important; /* for most browsers */
	height /**/:57px; /* for IE5/Win */
}

#sidebar ul, #sidebar p {
	padding: 5px;
	margin-left: -5px;
}

#sidebar ul { margin-bottom: 1em }
#sidebar ul ul { margin-bottom: 0;}
#sidebar ul ul ul { border-bottom: none; margin-bottom: 0; }
#sidebar ul li ul li { background: url(images/tictac_green.gif) no-repeat 0 6px; }


/* Footer 
------------------------------------------------------------------------- */
#footer {
/* background:url(top_div.jpg); */
background-color:#111;
	height:80px;
    margin: 0px;
    padding: 0 0 9px 0;
    font-size: 85%;
    	}

#footer p {
color:#555;
text-align:center;
        background:none;
}

#footer a {border-bottom: none;
color:#666;
text-decoration:underline;
}



/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}
/* Menu items 
--------------------------------------------------------------------------------*/
.menu {
position:relative; 
z-index:1000;
font-size:90%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:100%;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
}
.menu li a {
color:#000;
}
/* get rid of the table */
/* table {position:absolute; top:0; left:0; z-index:100; font-size:1em;} */

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
background:#ccb25a;
text-indent:5px;
border:1px solid #F5F5BF;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
.menu a:hover{
color:#222; 
background:#F5F5BF;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/* Calendar */
#calendar {
width:100%;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
font-size:10px;
margin-left:auto;
margin-right:auto;
border:1px solid #000099;
}
#ajaxSearch_submit ,#ajaxSearch_input{
display:block;
 width:8em; 
 margin-left:auto;
margin-right:auto;
}
#search_close{
margin:0px;
}

#ajaxSearch_input{

}
.AS_ajax_result, #ajaxSearch_output{
margin:0px;
padding:10px;
text-align:left;
}
.generic-box
{
margin:10px;
margin-left:275px;
padding:10px;
border:#666 solid 1px;
}