*
{
    line-height: 135%;
}


/* this is to remove image styles from preview when thumbnail clicks */
#lightbox img
{
    padding: 0;
    margin: 0;
    border: 0;
}


body
{
    margin: 0;
    font-family:  "Trebuchet MS", Helvetica , "Century Gothic", Verdana, Arial;
    line-height: 135%;
}

a
{
     text-decoration: none;
     color: #0066CC;
}

a:hover
{
    text-decoration: underline;
}

a:visited
{

}


img
{
    margin-left: 10px;
    margin-right: 10px;
    background-color: #FFF;
    border: 1px solid #99CCFF;
    padding: 5px;
}

img[align="left"]
{
    margin-left: 0px;
}

img[align="right"]
{
    margin-right: 0px;
}


h1, h2, h3, p
{
    margin-top: 1px;
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
}

h1
{
    color: #9CAA3B;
    font-weight: normal;
    font-size: 220%;
}

h2
{
    color: #6699FF;
    font-weight: normal;
}

h3
{
    color: #339900;
}

p
{
    color: #555555;
    line-height: 135%;
    padding-bottom: 10px;
}

ul
{
    margin-top: 0;
    margin-bottom: 0;
    list-style-image: url(images/dot.png);
}




.fixDiv
{
    clear: both;
    height: 0px;
}

.space
{
    clear: both;
    height: 20px;
    width: 100%;
}

.tinySpace
{
    clear: both;
    height: 5px;
    width: 100%;
}

hr
{
    clear: both;
    width: 80%;
    border: 1px dashed #6699FF;
    color: #CC3333;
}





.error_msg
{
    color: #CC0000;
    border: 1px solid #FF0000;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    font-size: 150%;
}

.notify_msg
{
    color: #0066FF;
    border: 1px solid #66CC00;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    font-size: 150%;
}

.zero
{
    padding: 0;
    margin: 0;
    border: none;
    float: left;
    background-color: transparent;
}

.section_header
{
    padding-top: 30px;
    margin-bottom: 2px;
    border-bottom: 4px solid #555555;
    color: #000;
    font-size: x-large;

}

.edit_form
{
    background-color: #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #333333;
}

.edit_form input, .edit_form textarea, .edit_form select
{
    font-family: Georgia;
    font-size: 20px;
    border: 0px;
    border-bottom: 1px solid #777777;
    margin-bottom: 10px;
}

.edit_form input
{
    width: 60%;
}

.edit_form select
{
    width: 60%;
}

.edit_form textarea
{
    width: 99%;
    height: 200px;
}

.edit_form button
{
    font-family: Georgia;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
}


pre.free
{
    font-family:  "Trebuchet MS", Georgia, Helvetica , "Century Gothic", Verdana, Arial;
    line-height: 150%;
}








.header
{
    width: 100%;
    height: 200px;
    background-color: #36ADFF;
}

.headerContent
{
    width: 800px;
    margin: 0 auto;
}

.header .title
{
    position: absolute;
    margin-top: 40px;
    font-size: 250%;
    line-height: 100%;
    color: #FFF;
}

.header .title a
{
    color: #FFF;
}

.header .title a:hover
{
    text-decoration: none;
}

.header .slogon
{
    position: absolute;
    margin-top: 100px;
    margin-left: 40px;
    font-size: 15px;
    color: #EEEEEE;
    font-family: Arial;
}

.header .logo
{
    background-image: url(images/logo.png);
    width: 256px;
    height: 200px;
    position: absolute;
    margin-top: 0px;
    margin-left: 400px;
}

.menuBar
{
    clear: both;
    background-color: #FFF;
    text-align: center;
    border-top: 1px solid #EEEEEE;
    border-bottom: solid 1px #0099FF;
    height: 31px;
    width: 100%;
}

.menuBarBox
{
    margin: 0 auto;
    width: 800px;
    height: 30px;
/*    background-color: red;*/
}


.menuBar a
{
    position: relative;
    display: block;
    float: left;
    top: 0;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    color: #666666;
    width: 100px;
}

.menuBar a:hover
{
    color: #FFF;
    background-color: #0099FF;
    text-decoration: none;
}

.main
{
    clear: both;
    width: 980px;
    margin: 0 auto;
}

.mainContent
{
    padding: 10px;
    padding-bottom: 100px;
}

.leftCol
{
    float: left;
    width: 75%;
}

.leftColContent
{
    padding: 10px;
    padding-bottom: 100px;
}

.rightCol
{
    float: left;
    width: 25%;
}

.rightColContent
{
    padding: 10px;

}



.footer
{
    margin-top: 0px;
    clear: both;
    width: 100%;
    background-color: #777777;
    color: #DDDDDD;
    text-align: center;
    font-size: small;
    line-height: 20px;
}

.footerContent
{
    padding: 20px;
}

.footer a
{
    color: #FFFFFF;
}


/*==========  BLOG  ==========*/
.blog_item
{
/*    background-color: #FFFFCC;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCFF66;
    margin-bottom: 20px;
}

.blog_item .blog_more
{
    font-size: small;
    text-align: left;
}

.blog_item img[align="left"]
{
    margin-left: 0px;
}

.blog_item img[align="right"]
{
    margin-right: 0px;
}

.blog_item_info
{
    color: #999999;
    font-family: Verdana;
    font-size: 11px;
    line-height: 15px;
    padding-left: 20px;
    margin-bottom: 15px;
    background-image: url(images/icon-clock.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.blog_view
{
/*    border-bottom: 1px dotted #CCCCCC;*/
    padding-bottom: 20px;
    margin-bottom: 10px;
}


.blog_comment_view
{
    background-color: #E6F2FF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    color: #555555;
    font-family: Georgia;
    font-size: 80%;
    line-height: 150%;
    border-bottom: 1px solid #99CCFF;
}

.blog_comment_view .sender
{
    color: #777777;
    text-align: right;
    font-size: 80%;
    margin-top: 10px;
    font-family: Verdana;
}



.blog_comment_add_form
{
    background-color: #6699FF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #0033CC;
}

.blog_comment_add_form input, .blog_comment_add_form textarea
{
    font-family: Georgia;
    font-size: 20px;
    border: 0px;
    border-bottom: 1px solid #777777;
    margin-bottom: 10px;
}

.blog_comment_add_form input
{
    width: 60%;
}

.blog_comment_add_form textarea
{
    width: 99%;
    height: 200px;
}

.blog_comment_add_form button
{
    font-family: Georgia;
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
}


/*==========  PAGES BAR  ==========*/
.pages_bar
{
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 150%;
}

.pages_bar a
{
    display: block;
    float: left;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    margin: 2px;
    background-color: #DDDDDD;
}

.pages_bar a.selected
{
    background-color: #3366FF;
    color: #FFFFFF;
}




/*==========  BLOG CATEGORIES LINKS  ==========*/
.blog_category_link
{
    display: block;
    background-color: #FFF;
    padding: 2px;
    padding-left: 15px;
}

.blog_category_link:hover
{
    background-color: #3399FF;
    color: #FFF;
    text-decoration: none;
}




/*==========  Admin Page  ==========*/
.admin_main
{
}

.admin_main a
{
    display: block;
    float: left;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
}

.admin_main a:hover
{
    background-color: #0099CC;
    color: #FFF;
    text-decoration: none;
}

.small_form
{
    clear: both;
    float: left;
    background-color: #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #333333;
}

.small_form input, .id_form textarea, .id_form select
{
    font-family: Georgia;
    font-size: 15px;
    border: 0px;
    border-bottom: 1px solid #777777;
    margin-bottom: 10px;
}

.small_form input
{
    width: 100%;
}

.small_form select
{
    width: 100%;
}

.small_form textarea
{
    width: 100%;
    height: 200px;
}

.small_form button
{
    font-family: Georgia;
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
}


.col
{
    float: left;
    width: 50%;
}



/*==========  Contact Page  ==========*/
.general_form
{
    background-color: #6699CC;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #0033CC;
}

.general_form input, .general_form textarea
{
    font-family: Georgia;
    font-size: 20px;
    border: 0px;
    border-bottom: 1px solid #777777;
    margin-bottom: 10px;
}

.general_form input
{
    width: 60%;
}

.general_form textarea
{
    width: 99%;
    height: 200px;
}

.general_form button
{
    font-family: Georgia;
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
}





/*==========  Free Products Page  ==========*/

.categories
{
    margin-bottom: 20px;
}

.categories .title
{
    font-size: 150%;
    color: #CC9900;
    margin-bottom: 10px;
}

.categories a
{
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 130%;
    background-color: #0066FF;
    color: #FFFFFF;
    margin: 5px;
}

.categories a:hover
{
    text-decoration: none;
    background-color: #FFCC00;
    color: #444444;
}

.product
{
    clear: both;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #99CC00;
}

.productContents
{

}

.product h1
{
}

.product .sub_title
{
    margin-top: 10px;
    color: #6699FF;
}

.product .description
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.product .description:first-letter
{
    font-size: 200%;
    color: #FF9900;
    padding-right: 0px;
    margin-right: 2px;
}

.product ul
{
    margin-top: 0;
    margin-bottom: 0;
    list-style-image: url(images/dot.png);
}

.product .snapshots
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.product .snapshots .snapshot
{
    margin: 5px;
    border: 1px dotted #CCCC00;
    float: left;
    height: 150px;
    width: 150px;
    background-color: #FFF;
    padding: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.product .snapshots .snapshot:hover
{
    background-color: #EEEEEE;
}

.product .download
{
    clear: both;
    margin-top: 10px;
    text-align: center;
}

.product .download a
{
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 150%;
}

.product a:hover
{
    text-decoration: none;
    background-color: #0066CC;
    color: #FFF;
}





/*=================  Blog Content Styles  =================*/
.blog_content p
{
    clear: both;
    margin-top: 10px;
}


.blog_content h1
{
    clear: both;
    padding-top: 30px;
    margin-bottom: 2px;
    border-bottom: 4px solid #666666;
    color: #444444;
    font-size: 200%;
}

.blog_content h2
{
    clear: both;
    padding-top: 10px;
    margin-bottom: 2px;
    color: #3366FF;
    font-size: 150%;
}

.blog_content code
{
    clear: both;
    border: 1px dashed #999999;
    background-color: #EEEEEE;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Courier New;
    font-size: 12px;
    margin: 10px;
    display: block;
    white-space: pre;
}

.blog_content clear
{
    display: block;
    clear: both;
}



.adv_bar
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: #EEEEEE;
}

.adv_bar a
{
    color: #888888;
}