/* 
    Document   : global
    Created on : 07/11/2009, 9:32:00 PM
    Author     : Cam
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family:Arial, Helvetica, sans-serif;
    color: #333;
    margin:0px;
    padding:0px;
}

object {
	outline:none;
}

a {
	outline:none;	
}

#Page {
    width:1000px;
    margin:0px auto 0px auto;
    position:relative;
}

#Container {
    padding:80px 0px 0px 0px;
}

#Header {
    height:71px;
}

#AlbumHeader {
    margin-top:50px;
    height:71px;
}

#Header .logo, #AlbumHeader .logo {
    float:left;
}

#Layout {


}

#Navigation {
    width:200px;
    float:left;
    text-align:right;
    padding:3px 0px 0px 0px;
}

#Navigation .menu {
    list-style-type:none;
    padding:4px 0px 0px 0px;
    width:200px;
}

#Navigation .divider {
    background:url(../images/menu_divider.gif) #fff no-repeat right bottom;
    height:12px;
    width:150px;
    margin:0px 50px 0px 0px;
}

#Navigation .menu li {
    padding:0px 0px 0px 0px;
    margin:10px 25px 0px 0px;
}

#Navigation .menu li a {
    padding:0px 20px 0px 0px;
    display:block;
	border:0px solid #fff;
	outline:none;
}

#Navigation .menu li a img {
	border:0px solid #fff;
}

#Navigation .menu li.current a {
    background:url(../images/current_marker_grey.gif) #fff no-repeat 158px 3px;
}

#Navigation #AlbumMenu li.current a {
    background:url(../images/current_marker_red.gif) #fff no-repeat 158px 3px;
}

#Navigation .submenu {
    list-style-type:none;
    padding:0px 0px 0px 0px;
}

#Navigation .submenu li {
    padding:0px 0px 0px 0px;
    width:175px;

}

#Navigation .submenu li a {
    padding:0px 20px 0px 0px;
    display:block;
    background:none !important;
}

#Navigation .submenu li.current a {
    background:url(../images/current_marker_grey.gif) #fff no-repeat 158px 1px !important;
}

#Main {
    float:left;
    width:787px;
    height:550px;
    padding:15px 0px 0px 13px;
    background:url(../images/content_area_bg.gif) #fff no-repeat;
}

#Content {
    width:777px;
    height:518px;
    overflow:hidden;
    text-align:right;
    font-size:12px;
    color:#555353;
}

#Content .layout_wrapper {
    width:777px;
    height:518px;
    background-repeat:no-repeat;
    background-position:bottom left;
}

#Content a {
    color:#870404;
}

#Content .layout_output {
    padding:0px 20px 20px 190px;
}

#Content .layout_output p {
    padding:0px 0px 15px 0px;
    margin:0px;
    line-height:20px;
}

#Content .layout_output_news {
    padding:0px 20px 20px 0px;
}

#Content .layout_output_news p {
    padding:0px 0px 15px 0px;
    margin:0px;
    line-height:20px;
}

#Content .news_sidebar {
    width:220px;
    float:right;
    height:498px;
}

#Content .news_sidebar .posts {
    height:430px;
    overflow:hidden;
}

#Content .news_sidebar .opts a {
    text-decoration:none;
}

#Content .news_sidebar .opts .current_posts {
    width:81px;
    float:left;
    border-right:1px solid #efefef;
    padding:5px 29px 5px 5px;
    text-align:right;
    background:#fff url(../images/Radio.gif) no-repeat 90px 1px;
}

#Content .news_sidebar .opts .archive_posts {
    width:54px;
    float:left;
    padding:5px 5px 5px 26px;
    text-align:left;
    background:#fff url(../images/Time.gif) no-repeat 3px 2px;

}

#Content .news_display {
    height:498px;
    border-right:1px solid #efefef;
    margin-right:220px;
    padding:0px 20px;
    text-align:left;
}


#Content h1 {
    margin:0px;
    padding:10px 20px 20px 0px;
    text-align:right;
}

#Content h2 {
    margin:0px;
    padding:0px 0px 20px 0px;
    font-weight:normal;
}

#Content .news_sidebar {
    
}

#Content .news_sidebar .posts {

}

#Content .news_sidebar .posts .post {
    border-bottom:1px solid #efefef;
    padding:10px 0px;
}

#Content .news_sidebar .posts .post a {
    color:#444;
    text-decoration:none;
    display:block;
}

#Content .news_sidebar .posts .post a .title {
    display:block;
}

#Content .news_sidebar .posts .post a .date {
    font-style:italic;
    color:#ccc;
    font-size:12px;
}

.news_display h2 {
    padding:0px 0px 0px 0px;
    margin:0px;
}

.news_display .date {
    font-style:italic;
    color:#ccc;
    font-size:12px;
    display:block;
    padding:0px 0px 5px 0px;
    margin:0px 0px 15px 0px;
    border-bottom:1px solid #efefef;
}


#Footer {
    padding:5px 10px 0px 0px;
}

#Footer .footer_details p {
    padding:0px;
    margin:0px;
    text-align:right;
    font-size:11px;
    color:#999999;
}

#AlbumFooter {
    padding:5px 105px 20px 0px;
}

#AlbumFooter .footer_details p {
    padding:0px;
    margin:0px;
    text-align:right;
    font-size:11px;
    color:#999999;
}


#Gallery {
    float:left;
    width:787px;
    padding:15px 0px 0px 13px;
    
}

#Gallery .warning {
    background-color:#ffffff;
    padding:5px 5px;
    font-style:italic;
    color:#aaaaaa;
    font-size:12px;
    border:1px solid #dfdfdf;
    margin:0px 0px 10px 0px;
    width:669px;
}

#AlbumAlt {
    border:1px solid #efefef;
    padding:5px;
    width:669px;
}

#AlbumAlt .image {
    width:310px;
    float:left;
    margin-right:10px;
    border:1px solid #efefef;
    padding:3px;
}

#AlbumAlt .images {
    width:336px;
    float:left;
    overflow:auto;
}

#AlbumAlt .images ul {
    list-style-type:none;
    width:336px;
    padding:0px;
    margin:0px;
}

#AlbumAlt .images ul li {
    width:100px;
    margin:0px 10px 10px 0px;
    text-align:center;
    float:left;
    border:1px solid #efefef;
}

#AlbumAlt .images ul li span {
    display:none;
}

#AlbumAlt .images ul a {
    text-decoration:none;
}

#AlbumAlt .images ul li img {
    border:none;
}

#CommentPanel {
    padding:446px 0px 0px 0px;
}

#Comment {
    background:url(../images/comment_panel_bg.gif) #fff no-repeat;
    padding:20px 10px 10px 10px;
    width:661px;
    margin:10px 0px 0px 0px;
    min-height:300px;
}

#Comment h2 {
    background:url(../images/comment_header_bg.gif) #fff no-repeat;
    padding:5px 0px 0px 26px;
    margin:0px 0px 15px 0px;
    height:21px;
}

#Comment .content_wrapper {
    /*background:url(../images/sanny_avatar.jpg) #fff no-repeat;
    padding:0px 0px 0px 85px;*/
    min-height:200px;
    font-size:12px;
    color:#676767;
}

#Comment .content_wrapper .inverted_commas {
    background:url(../images/comment_commas.gif) #fff no-repeat;
    height:24px;
    width:24px;
    display:block;
    float:left;
    margin:0px 5px 0px 0px;
}

#Comment .content_wrapper .inverted_commas span {
    display:none;
}

#FlashContent {
    width:820px;
    height:662px;
    position:absolute;
    top:0px;
    left:143px;
}

#FlashContent #AlbumAlt {
    display:none;
}

.clear {
    clear:both;
}

form fieldset {
	border:none;
}