/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


body {
    margin: 0;
    padding: 0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:90%;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.2;
    }
a {
    outline: none;
    }

#header {
    background: #fff;
    overflow: hidden;
    border-bottom: 10px solid #007F00;
    }
h1 {
    display: block;
    float: left;
    clear: left;
    margin: 5px 0 0 0;
    padding: 0 30px;
    color: #007f00;
    font-size: 40px;
    }
    h1 a,
    h1 a:hover,
    h1 a:visited {
        color: #007f00;
        text-decoration: none;        
        }
h2 {
    margin: 0;
    padding: 0;
    color: #007f00;
    background: #fff;
    font-size: 1.8em;
    font-weight: bold;
    border-bottom: 1px dotted #90b623;
    }
h3 {
	
	}
h4 {
	margin-top: 35px;
	}
h5  {
	margin-top: 25px;
	}
p {
	margin: 25px 0 0 0;
    }

/* TOP NAVIGATION */
#top-nav {
    display: block;
    float: left;
    clear: none;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #top-nav li {
        display: block;
        float: left;
        }
        #top-nav a {
            display: block;
            padding: 20px;
            margin: 0 1px 0 0;
            color: #fff;
            background: #a0cb29;
            text-transform: uppercase;
            text-decoration: none;
            }
        #top-nav a:hover {
            color: #007f00;
            background: #eee;
            }
        #top-nav li.active a {
            color: #fff;
            background: #007f00;
            }
            
/* Header Search Articles */
#header-search-articles {
    display: block;
    float: right;
    clear: right;
    margin: 8px 20px 0 0;
    padding: 0;
    }
    #header-search-articles label {
        display: block;
        float: left;
        clear: both;
        font-size: 12px;
        color: #007f00;
        font-weight: bold;
        }
        #header-search-search_term {
            display: block;
            float: left;
            clear: left;
            font-size: 12px;
            }
        #header-search-submit {
            display: block;
            float: left;
            clear: right;
            font-size: 12px;
            }            

/* Footer */
#footer {
    display: block;
    width: 100%;
    background:#007f00;
    border-bottom: 2px solid #90b623;
    overflow: hidden;
    margin: 25px 0 0;
    clear: both;
    }
    /* Source Links */
    #source-links {
        display: block;
        float: left;
        list-style: none;
        margin: 5px 0 0 20px;
        padding: 0;
        overflow: hidden;
        }
        #source-links li {
            display: block;
            float: left;
            padding: 0;
            margin: 0 10px 0 0;
            color: #fff;
            }
            #source-links li.title {
                font-weight: bold;
	            }
            #source-links li a {
                color: #fff;
                text-decoration: underline;
                }
            #source-links li a:hover {
                color: #eee;
                text-decoration: none;
                }
	/* BOTTOM NAV */
    #bottom-nav {
        display: block;
        display: none;
        float: left;
        list-style: none;
        margin: 0 0 0 20px;
        padding: 0;
        overflow: hidden;
        }
        #bottom-nav li {
            display: block;
            float: left;
            padding: 0;
            margin: 0;
            }
            #bottom-nav li a {
                display: block;
                padding: 5px 10px;
                color: #fff;
                text-decoration: none;
                color: #fff;
                background: #a0cb29;
                border-left: 1px solid #007f00;
                }
            #bottom-nav li a:hover {
                background:#007f00;
                }
	#copyright {
	    display: block;
	    float: right;
	    clear: right;
	    padding: 5px;
	    color: #fff;
	    text-decoration: none;
	    }

/* Page Content */
#page-content {
    margin: 0;
    padding: 20px;
    border-top: 4px solid #90b623;
    }
#page-content.home-page {
	padding: 20px;
	}

/* Feature Box */
#feature-box {
	display: block;
	height: 200px;
	background: #007f00 url('/images/front-page-fade.png') repeat-x;	
	margin: 0 0 10px;
	}
	#feature-box h2 {
        display: none;
        background: #fff;
        color: #007f00;
        padding-left: 10px;
        border-bottom: 0px solid #fff;
		}
		

/* Search Article */
#search-articles {
	display: block;
	margin: 10px 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px  dotted #000;
	}
    #search-articles label {
        color: #007f00;
        font-weight: bold;
        }

/* sort-by */
.sort-by-title {
    display: block;
    float: left;
    clear: left;
    margin: 3px 0 30px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
	}
    .sort-by-options {
        display: block;
        float: left;
        clear: right;
        margin: 3px 0 0;
        padding: 0;
        }
        .sort-by-options li {
            display: block;
            float: left;
            margin: 0 0 0 5px;
            padding: 0;
            font-size: 12px;
            }
            .sort-by-options li a,
            .sort-by-options li a:hover,
            .sort-by-options li a:visited {
                color: #007f00;
	            }
            .sort-by-options li a:hover {
                text-decoration: none;
                }
	            
/* Links Page */
#links h3 {
    clear:     both;
    margin:    15px 0px;
    overflow:  hidden;
    font-size: 20px;
    color:     #007f00;
    }
#links ul {
    list-style: square;
    margin: 0 0 0 30px;
    }
    #links li {
        margin: 10px;
        }
        #links a,
        #links a:visited {
            color: #7a3d00;
            text-decoration: none;
            font-size: 17px;
            }
        #links a:hover {
            color: #007f00;
            text-decoration: underline;
            }

/* Hate PHP Developers */
#hate-php h3 {
    clear:     both;
    margin:    15px 0px 5px;
    overflow:  hidden;
    font-size: 20px;
    color:     #007f00;
    }
#hate-php p {
    margin: 10px 0 0;
    }

/* Article List */
.article-list-item {
    overflow: hidden;
    margin: 25px 0;
    clear: both;
    }
    .article-list-item .title {
        display: block;
        float: left;
        clear: left;
        padding: 0;
        margin: 0;
        font-size: 20px;
        }
        .article-list-item .title a,
        .article-list-item .title a:visited {
            text-decoration: none;
            color: #7a3d00;
            }
        .article-list-item .title a:hover {
            color: #007f00;
            }            
    .article-list-item .date {
        display: block;
        float: left;
        clear: right;
        color: #808080;
        margin-left: 10px;
        }
    .article-list-item p.synopsis {
        display: block;
        clear: both;
        padding:20px;
        margin: 0;
        border-bottom:1px dotted #d0d0d0;
        }
        
/* Article Page */
#article h3.title {
    display: block;
    float: left;
    margin: 0;
    font-size: 30px;
    }
#article .date {
    display: block;
    float: left;
    clear: right;
    color: #808080;
    margin-left: 10px;
    }
#article .author {
    display: block;
    float: left;
    clear: both;
    color: #808080;
    font-size: 1.2em;
    margin: 0;
    }
#article #body {
    display: block;
    clear: both;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    }
    #article #body h4 {
        display: block;
        float: left;
        clear: both;
        margin: 35px 0 0;
        font-size: 20px;
        }
    #article #body h5 {
        display: block;
        float: left;
        clear: both;
        margin: 25px 0 0;
        font-size: 17px;
        }
    #article #body p {
        display: block;
        clear: both;
        float: left;
        }
    #article #body .code,
    #file-source .code {
	    display: block;
        float: left;
        clear: both;
        margin: 0;
        padding: 10px;
        background: #eee;
        border: solid 1px #007f00;
        width: 90%;
        font-size: 14px;
        font-family: Courier New;
        overflow: scroll;
        }
    #article #body .note {
        display: block;
        float: left;
        padding: 3px;
        background: #ffffcc;
        margin-bottom: 0;
        }
    #article #body em {
        font-family: Courier New;
        }
    #article #body #article-content-list {
        display: block;
        float: left;
        clear: left;
        }
        #article #body #article-content-list a,
        #article #body #article-content-list a:visited {
            text-decoration: none;
            color: #007f00;        
            }
        #article #body #article-content-list a:hover {
            color: #90b623;
            }            
        #article #body #article-content-list ul {
            list-style-type: lower-roman;
            margin-left: 20px;
            }
        
        
/** Documentation **/
.documentation {
    display: block;
    float: left;
    clear: both;
    width: 60%;
    font-size: .9em;
    }
    .documentation .description,
    .documentation .parameters,
    .documentation .return {
	    display: block;
	    float: left;
	    clear: both;
	    width: 95%;
	    margin: 0 0 10px;
	    padding: 5px;
	    color: #000;
	    background: #eee;
	    border: solid 1px #007f00;
        }
        .documentation .title {
            font-weight: bold;
            font-size: 1.2em;
            color: #007f00; 
            }
        .documentation .method-synopsis {
            margin-bottom: 0;
            padding: 5px;
            border: 1px solid #007f00;
            background: #fff;
            
            }
        .documentation .parameters dl {
            padding: 10px;
            border: 1px solid #fff;
            }
	        .documentation .parameters dl dt {
	            font-size: 1.2em;
	            font-style:italic;
	            font-weight: bold;
	            }
	        .documentation .parameters dl dd {
	            margin: 10px;
	            padding: 5px;
	            border: 1px solid #007f00;
	            background: #fff;
	            overflow: hidden;	            
	            }
            #article #body .documentation .parameters dl dd .note {
                display: block;
                float: left;
                clear: both;
                color: #000;
                background: #eee;
                border: solid 1px #007f00;
                }
            #article #body .documentation .parameters dl dd .note .title {
                display: block;
                float: left;
                clear: both;
                font-size: 1em;
                margin: 10px 10px 0 0;
                }
            #article #body .documentation .parameters dl dd .note dl {
                font-size: .8em;
                display: block;
                float: left;
                clear: both;
                width: 95%;
                }
/* File Source */
#file-source {
	margin: 20px 0;
	overflow: hidden;
    }

/* Contact Form */
form#contact {
    margin: 25px 0 0;
    }
    form#contact #error-message {
        font-weight: bold;
        color: #ff0000;
        }    
    form#contact ul {
        display: block;
        float: left;
        clear: both;
        list-style: none;
        margin: 0;
        padding: 0;
        }
	    form#contact ul li {
	        display: block;
	        float: left;
	        clear: left;
	        margin: 0 0 10px;
	        }
        form#contact ul li label,
        form#contact ul li input,
        form#contact ul li textarea,
        form#contact ul li select {
            display: block;
            float: left;
            clear: both;
            }
        form#contact ul li label {
            font-weight: bold;
            padding: 0 5px 0;
            }
        form#contact ul li .error-message {
            display: none;
            }
        form#contact ul li.error label {
            }
        form#contact ul li.error input,
        form#contact ul li.error textarea,
        form#contact ul li.error select {
            /* border: 1px solid #ff0000; */
            padding: 0;
            margin: 0;
            }
        form#contact ul li.error .error-message {
            display: inline;
            color: #ff0000;
            }