/*----->>>>>CSS reset<<<<<-----*/
* {
    margin:0;padding:0;color:#000;
    text-align:center;border:0;
    font-size:small;text-align:left;
    font-family: Arial, Helvetica, sans-serif;    
    outline:none;text-decoration:none;}
ul {list-style:none;}
body {
    background-color:#fff;
    width:100%;
    height:100%;
}
p,div{line-height:20px;}





/*----->>>>>header (Nagivation)<<<<<-----*/
#navigation_wrapper  {
    min-width:800px;	
    width:100%;
    height:23px;
    margin-bottom:20px;
    border-bottom:1px #cacaca solid;
    background-color:#eee;
}
#navigation {
    height:23px;
    width:800px;
    margin:auto;
    line-height:20px;
}
#navigation ul {float:right;}
#navigation li {
    margin:0;
    border-left:1px #cacaca solid;
    height:23px;
    float:left;
}
#navigation a {
    padding:5px 15px 5px 15px;
    text-align:center;
}
#navigation .current {
    border-bottom:1px #fff solid;
    background-color:#fff;
}
#navigation .space {width:40px;}
#message {
    width:800px;
    position:relative;
    margin:0 auto 20px auto;
    color:red;
}








/*----->>>>>index (Current Page)<<<<<-----*/
#body_wrapper {
    width:800px;
    text-align:center;
    margin:auto;
}
.picture {margin-top:20px;}
#left_arrow, #right_arrow{
    height:16px;
    padding:22px 0 22px;
    margin:10px 0 10px;
    background-repeat:no-repeat;
}
#left_arrow {
    float:left;
    padding-right:340px;
    background-image:url(../graphics/left_arrow.png);
    background-position:center left;
}
#right_arrow  {
    float:right;
    padding-left:340px;
    background-image:url(../graphics/right_arrow.png);
    background-repeat:no-repeat;
    background-position:center right;
}
#left_arrow:hover{background-image:url(../graphics/left_arrow_dark.png);}
#right_arrow:hover{background-image:url(../graphics/right_arrow_dark.png);}
/*----->>>>>Comments & Info<<<<<-----*/
#comments_desc_wrapper {
    width:800px;
}
#desc_wrapper{
    float:left;
    width:300px;
    padding-right:27px;
    border-right:1px #
}
.description  {padding-bottom:30px;}
.description .desc_info, .description p {color:#666;}
.description .desc_label {width:80px;margin-right:2px;float:left}
#comments_wrapper {
    margin:auto;
    float:right;
    width:419px;
    padding:0 0 20px 50px ;
    border-left:1px #cacaca dashed;
    
}
#comments {width:420px;}
.title {
    margin-bottom:10px;
    font-size:medium;
    font-weight:bold;
    margin-top:0px;
}
.a_comment{
    padding-left:20px;
    margin-bottom:20px;
    background-image:url(../graphics/comment_bubble.png);
    background-repeat:no-repeat;
    background-position:0 5px;
}
.a_comment #content {color:#666;}
.a_comment #info  {font-style:italic;color:#aaa;}
#comment_form {
    padding-top:20px;
}
#comment_form .text{ /*input*/
    border:1px #cacaca solid;
    width:80%;
    float:right;
    padding:5px;
    margin-bottom:10px;
    color:#666;
}
#comment_form label {
    padding-top:5px;
    float:left;
}
#comment_form textarea {
    height:100px;
    padding:5px;
    width:408px;
    border:1px #cacaca solid;	
    margin-bottom:10px;
}
#comment_submit  {
    text-align:center;
    float:right;
    border:1px #cacaca solid;
    padding:5px 10px 5px 10px;
}






/*----->>>>>archive<<<<<-----*/
.thumb {
    float:left;
    width:160px;
    height:106px;
    position:relative;
    overflow:hidden;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.thumb div {
    width:160px;
    height:106px;
    background-position:center center;
}
.thumb:hover {
    opacity:1;
    filter:alpha(opacity=100);
}
#archive_form select, #archive_form input{
    border:1px #cacaca solid;
    padding:1px;
    background-color:#fff
}
#no_posts{
    margin-top:10px;
    text-align:center;
}
#archive_form .button {
    padding:0;
}



/*----->>>>>about<<<<<-----*/
#left_about {
    float:left;
    width:475px;
}
#right_about {
    float:right;
    width:280px;
    position:relative;
    padding-left:21px;
    border-left:1px #cacaca dashed;
}
#right_about h1 {
    font-weight:bold;
    font-size:medium;
    margin-bottom:8px;
}
#right_about p {
    margin-bottom:20px;
    color:#666;
}
.highlight{
    color:#000;
    font-weight:bold;
}







/*----->>>>>contact<<<<<-----*/
#insite_contact  {
    padding-bottom:20px;
}
#insite_contact .text, #insite_contact textarea{
    border:1px #cacaca solid;
    float:left;
    padding:5px;
    margin-bottom:10px;
}
#insite_contact .text {width:300px;}
#insite_contact textarea {
    width:788px;
    padding:5px;
}
#insite_contact label {
    float:left;
    text-align:left;
    padding-top:5px;
    width:50px;
}
#insite_contact_submit {
    float:right;
    text-align:center;
    padding:5px;
    border:1px #cacaca solid;
}






/*----->>>>>admin<<<<<-----*/
#review_form input, #admin_form input, #admin_form textarea{
    border:1px #cacaca solid;
    padding:5px;
    float:left;
}
#review_form div {
    float:left;
}
#review_form textarea {
    border:1px #cacaca solid;
    padding:5px;
    width:589px;
    height:203px;
}
#review_form label {
    width:40px;
}
#review_form #left_div {
    width:200px;
}
#review_form #right_div {
    width:600px;
}
#review_form #post_submit, #review_form #cancel_submit {
    margin:10px 0 0 10px;
    float:right;
}
#pic_file {
    margin:2px 10px 10px 0;
}

/*----->>>>>footer<<<<<-----*/
#footer {
    margin:auto;
    width:800px;	
    text-align:right;
    padding-bottom:10px;
    margin-top:40px;
    color:#aaa;
}






/*----->>>>>Misc<<<<<-----*/
.clear_float{clear:both;visibility:hidden;line-height:0px;}
/* {border:1px #000 solid;}
body,html,#left_arrow ,#right_arrow {border:0;}
*/