/* .............................. */
/* Basic */
/* .............................. */

body {
	background:#ffffff 
	//url(http://friskypics.com/site_images/bg_bw.gif) repeat-y center;
	font-size:10px;
	font-family: 'Lucida Grande', Arial, Helvetica, Tahoma, sans; 
	letter-spacing:0.5px;
	color:#333;
	padding:0px;
	margin:0px;
	text-align:center;
	}

html, body {
     min-height:100.1%;
	}

/* .............................. */
/* Links */
/* .............................. */

a {
	color:#DC0181;
	text-decoration:none;
	}

a:hover {
	color: #DC0181;
	text-decoration:underline;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
    float:left;
	clear:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:2px;
	color:#666666;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}
	
h1 a {
    text-decoration:none;
	}

h1 a:hover {
    text-decoration:none;
	}

.title {
	font-weight:bold;
	font-size:11px;
	color:#333;
	margin:0px;
	margin-bottom:5px;
	margin-left:0px;
	padding:0px;
	}

h3 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#ddd;
	text-align:center;
	}

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
	background:#7e1c48 url(http://friskypics.com/site_images/bg_pattern_bw.jpg) repeat-x center;
	border-bottom:1px solid #333;
	padding:0px;
	height:40px;
	margin-bottom:80px;
	}
#about_navigation {
        background:#7e1c48 url(http://friskypics.com/site_images/bg_patterni_bw.jpg) repeat-x center;
        border-bottom:1px solid #333;
        padding:5px;
        height:40px;
        margin-bottom:5px;
}
.menu {
    float:right;
	clear:right;
	text-align:right;
	font-size:11px;
}
.menu a {
	color: #ccc;
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	}
		
.menu a:hover {
	text-decoration:none;
	color:#cc3399;
	}
	
/* .............................. */
/* Content*/
/* .............................. */

.addcomment {
float:middle;
clear:right;
padding:0px;
}
.addcomment a {
	color: #333;
	padding: 8px;
}
.addcomment a:hover {
	text-decoration:none;
 	color: #cc3399;
 	border: 1px solid #666;
}

#photo {
    background:#fff;
    padding:10px;
    border:3px solid #000;
}

#image-navigate {
	height:20px;
	width:30%;
	margin:0px auto;
}
	
#image-navigate a {
	color: #333;
	}
#image-navigate a:hover {
	text-decoration:none;
	color: #cc3399;
}
#about {
	font-size: 11px;
	float: left;
	padding:20px;
	width:80%;
	margin:0px auto;
	text-align: left;
}
#about a {
	color: #333;
}
#about a:hover {
	text-decoration:none;
	color: #cc3399;
}

#image-previous {
    width: 300px;
    float:left;
}
#image-previous a {
        color: #333;
}
#image-previous a:hover {
        text-decoration:none;
	color: #cc3399;
}

#image-next {
	width: 300px;
	float:right;
}
#image-next a {
        color: #333;
}
#image-next a:hover {
        text-decoration:none;
	color: #cc3399;
}

#image-comments {
	text-align: center;
	}
#image-comments a {
        color: #66cc66;
}
#image-comments a:hover {
        text-decoration:none;
	color: #CCC;
}
#image-info {
	border:1px solid #aaa;
	padding:20px;
	text-align:justify;
	width:70%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	color:#eee;
	}
	
#image-notes {
	width:70%;
	vertical-align:top;
	}
#image-exif {
padding-top:10px;
text-align:right;
width:25%;
vertical-align:top;
}
#table_photo_center {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#table_photo_center td {
	vertical-align: middle;
	text-align: center;
}
#table_photo_center td img {margin: 0 auto;}
#photo_block {
	padding-left: 32px;
	padding-top: 40px;
}

/* ----------------------------- */
/* DOWNLOADS */
/* ----------------------------- */
#wallpaper_listing
{
   text-align: center;
   font:             11px Helvetica, Arial;
   padding:          0;
}

#wallpaper_listing h3
{
    font:   12px Arial;
    float:  left;
    margin: 23px 5px 20px 0px;
}
#wallpaper_listing ul.sort
{
    padding: 23px 20px 20px 0px;
}
#wallpaper_listing ul.sort li
{
    display: block;
    padding: 9px 5px 0 5px;
}
#wallpaper_listing ul.sort li a:hover
{
    color: #FFFFFF;
}
#wallpaper_listing ul.sort .selected
{
    font-weight: bold;
    color:       #FFFFFF;
}
#wallpaper_listing ul.products
{
 text-align: center;
 clear: both;
}
#wallpaper_listing ul.products li
{
   text-align: center;
   margin:   4px;
   position: relative;
}
#wallpaper_listing ul.products li a
{
    display: block;
    border:  10px solid #222222;
}
#wallpaper_listing ul.products li a:hover
{
       border:  10px solid #333333;
}


/* .............................. */
/* Browse */
/* .............................. */

#page {
	border:1px solid #aaa;
	padding:20px;
	text-align:left;
	width:65%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	}

#page a {
    font-weight:bold;
	}
	
#page img {
	background:#fff;
    padding:5px;
	border:1px solid #333;
	}

.column{
	width:50%;
	text-align:left;
	vertical-align:top;
	}
	
.thumbnails {
	border:1px solid #515151;
	padding:3px;
	margin:3px;
	}

.thumbnails a {
	border:1px solid #333;
        padding:3px;
        margin:3px;
}

.thumbnails a:hover {
        border:9px solid #000;
        padding:3px;
        margin:3px;
}
#thumbs img {
	border: 2px solid #dddddd;
}
#thumbs a:link img, #thumbs a:visited img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	border: 2px solid #515151;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
	display: inline;
}
#thumbs a:hover img {
	border: 2px solid #dddddd;
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity: 1.0;
}


/* .............................. */
/* Comments */
/* .............................. */

#comment-top {
	background:#fff url(http://friskypics.com/site_images/bg_pattern_bw.jpg) center;
	border-bottom:1px solid #aaa;
	padding:5px;
	margin-bottom:25px;
	height:15px;
	}    

#comments {
background:#ffffff url(http://friskypics.com/site_images/bg_bw.gif) repeat-y center;
color: #333333;
margin:0px auto;
width:95%;
text-align:left;
}
#comments a {
        color: #DC0181; 
}
#comments a:hover{
	color: #DC0181;
}
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}
	
#comments li {
	display:block;
	margin:0px;
	margin-bottom:10px;
	color:#333333;
	text-decoration:none;
	padding:10px;
	border:1px solid #aaa;
	}
	
#comments li a {
	color:#DC0181;
	text-decoration:none;
	}

#comments li a:hover {
	color:#CCC;
	}
#comments a:hover {
        text-decoration:none;
        color: #CCC;
}

#comments img {
	border: 3px solid #fff;
}

#comment-middle {
	border-top:1px solid #aaa;
	padding:5px;
	margin-top:25px;
	height:15px;
	} 

#addcomment {
    width:90%;
	text-align:left;
	padding:20px;
	margin:0px auto;
	border:1px solid #aaa;
	}

.input {
    width:45%;
	font-size:10px;
	border:1px solid #aaa;
	background-color:#333;
	color:#eee;
	padding:5px;
    }
	
#addcomment textarea {
	width:90%;
	height:50px;
	font-size:10px;
	border:1px solid #aaa;
	background-color:#333;
	color:#eee;
	padding:5px;
	}

.comment-button {
    background:#333;
	border:1px solid #aaa;
	color:#666;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	}
#comments_block {
	position : absolute;
	left : 200px;
	top : 200px;
	background : #ffffff;
	width : 400px;
	z-index: 1;
	height : 700px;
	text-align : center;
	display : block;
}
#comments li.me {
	background-color: #666;
	color: #ffffff;
	}
#comments li.me span a:link, #comments span li.me a:visited {
	color: #FF346B;
}
#comments li.me span a:hover {
	color: #eee;
}
#news {
        margin-top: 4px auto;
        padding: 5px;
        width:95%;
        text-align:left;
        border: 1px #666;
}
#news a {
       color: #DC0181;
}
#news a:hover{
	color: #DC0181;
}

/* .............................. */
/* Footer */
/* .............................. */
#footer {
       position:relative;
       left: 0px;
       bottom: 0px;
       //background:#7e1c48 url(http://friskypics.com/pp/site_images/bg_pattern.jpg) repeat-x center;
       border-top:1px solid #333;
       padding:10px;
       height: 40px;
       width: 100%;
       line-height: 13px;
       margin-top: 60px;
}
#footer-browse {
       position: relative;
       top: 5px;
       //background:#7e1c48 url(http://friskypics.com/pp/site_images/bg_pattern.jpg) repeat-x center;
       border-top:1px solid #333;
       padding-top:10px;
       line-height: 13px;
       margin-top: 300px;
}																	
.rssImg {
   height: 13px;
   width: 38px;
   background-image: url(http://friskypics.com/site_images/rss_bw.gif);
   border: 0px;
}

.atomImg {
   height: 13px;
   width: 38px;
   background-image: url(http://friskypics.com/site_images/atom_bw.gif);
   border: 0px;
}

/* .............................. */
/* Calendar if somebody wants to use */
/* a calendar in the template        */
/* .............................. */


.td-calendar-days-vz {
	padding:1px;
	text-align:center;
	border-top:0px solid #000;
	border-bottom:1px solid #000;
	border-right:0px;
	border-left:0px;
	background:#fff;
	color:#000;
	}
.td-calendar-days-vz:hover {
    background:#444;
    }

.td-calendar-days {
	padding:1px;
	text-align:center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right:0px;
	border-left:0px;
	background:#fff;
	color:#000;
	}
.td-calendar-days:hover {
    background:#444;
    }
.td-calendar-navi-vz {
	border-top:0px;
	border-bottom:1px solid #000;
	border-right:0px;
	border-left:0px;
	text-align:center;
	letter-spacing:1px;
	word-spacing:5px;
	}
.td-calendar-navi-vz a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-navi {
	border-top:0px;
	border-bottom:1px solid #000;
	border-right:0px;
	border-left:0px;
	text-align:right;
	letter-spacing:1px;
	word-spacing:5px;
	}
.td-calendar-navi a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-days-imagefound {
	padding:1px;
	text-align:center;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	border-left:1px dotted #000;
	border-right:1px dotted #000;
	background:#f5f5f5;
	}
.td-calendar-days-imagefound:hover {
    border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:#666;
    }
.td-calendar-days-imagefound a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-days-imagefound a:hover {
    text-decoration:none;
    color:#fff;
    }
.table-calendar {
    font-family:Helvetica, verdana, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	width:600px;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	}
.table-calendar-vz {
    font-family:Helvetica, verdana, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	width:200px;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	}
/** DOJO **/
.dojoHtmlFisheyeListBar {
       margin: 0 auto;
       text-align: center;
       cursor: hand;
}

.outerbar {
        background-color: #333;
	text-align: center;
 	position: relative;
	left: 0px;
	top: 0px;
        width: 100%;
}

.page {
        padding: 60px 20px 20px 20px;
}