@charset "UTF-8";
@import url("layout-menu.css");
/* 
	TEMPLATE NAME / Joy
	AUTHOR: Erin Cummings
	AUTHOR WEBSITE: http://www.aquazie.com
	VERSION: 2.0
*/

body {
background:#1e1e1e;
font:11px/16px Georgia, "Times New Roman", Times, serif;
padding: 30px 0px;
margin:0 auto;
color:#D1E2ed;
position: relative;
width: 1020px;
}
	
a:link, 
a:visited{
color:#c7dbf1;
text-decoration:none;
}
		
a:hover, 
a:active{
text-decoration:none;
color:#fff;
}

h1{
font: normal 20px/24px Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0; 
padding: 0 0 20px;
}
	
h2{
border-bottom: 1px solid #333;
color:#666;
text-align:left;
margin: 0 0 10px;
padding: 0 0 10px;
font: 14px/16px Arial, Helvetica, sans-serif;
}
h3{
margin: 0;
padding: 0 0 5px;
color:#666;
}

ul{
margin: 0; 
padding: 0;
}

li{
margin: 0;
padding: 0;
}

p, .regular{
margin: 0;
padding: 0 0 20px;
font: 12px/16px Arial, Helvetica, sans-serif;
color:#666;
}

#news{
width: 160px;
float: right;
position: relative;
display: inline;
}

#news a:link, 
#news a:visited{
color: #666;
}

#news a:hover, 
#news a:active{
color: #fff;	}

#rotate{
width: 735px;
}

#rotate, 
#rotate li{
list-style-type: none;
}

#rotate img{
border: 1px solid #ccc;
}

#rotate span{
position: absolute;
top: 20px; 
left: 20px;
background: #000;
color:#c7dbf1;
font: normal 14px/16px Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
padding: 0 8px;
height: 27px;
line-height: 27px;
}


/* Galleria */
.galleria{list-style:none; display: inline;}
.galleria li{display:block;width:81px;height:81px;overflow:hidden;float:left;border:1px solid #565758;margin: 0 15px 15px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{}
* html .galleria li div span{width:400px} /* MSIE bug */

#main_image{
float: right;
display: inline;
position: relative; 
width: 520px;
text-align: right;
/*background: #ccc;*/
}

#main_image img{
border: 1px solid #ccc;
}

#prev{
background: url(../images/l-arrow.gif) no-repeat top left; 
height: 38px; 
width: 43px;
text-indent: -5000px;
display: block;
}

#next{
background: url(../images/r-arrow.gif) no-repeat top left; 
height: 38px; 
width: 43px;
text-indent: -5000px;
display: block;
}

#np{
position: absolute;
right: 45px;
top: 170px;
color: #333;
text-transform: uppercase;
font: 9px/20px Arial, Helvetica, sans-serif; 
letter-spacing: 1px;
width: 114px;
height: 22px;
text-align: center;
background: #000;
padding: 0;
}

#np a:link{
color: #444;
background: #000;
}

#np a:hover{
color: #fff;
}


.caption{
display: block; 
padding: 5px 0 0;
}

#section{
clear: left;
text-transform: uppercase;
font: bold 9px/13px Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding: 20px 0 0;
}

#section a:link, 
#section a:visited{
background: #222;
display: block;
padding: 3px 5px 3px 6px; 
margin: 0 10px 0 0;
float: left; 
display: inline;
}

#section a.active, 
#section a:hover, 
#section a:active{
background: #444;
color: #fff;
}

/*Blog Styles*/

#content{
padding: 0;
position: relative;
}

#rss{
	position: absolute;
	top: 0;
	right: -200px;
}

#description{
float: right;
display: inline;
position: relative;
width: 170px;
}

#description h3{
	margin: 30px 0 0;
}

.post {
	width: 725px;
padding: 0 0 30px 0;
}

.date{
color: #ccc;
float: right;
position: relative;
display: inline;
}

.permalink{
	display: none;
}

   /*.regular{padding: 0 0 0 70px;}
         body {
                margin: 0px;
                background-color: {color:Background};
                font-family: 'Lucida Grande', Helvetica, sans-serif;
            }            

            a {
                color: {color:Inline Link};
            }

            h1 {
                width: 600px;
                padding: 0px 100px 20px 100px;
                margin: 50px auto 40px auto;
                border-bottom: solid 1px #ccc;
                text-align: center;
                font: Bold 55px 'Trebuchet MS', Helvetica, sans-serif;
                letter-spacing: -2px;
                line-height: 50px;
                position: relative;
            }
            
                h1 a {
                    color: {color:Title};
                    text-decoration: none;
                }
                
                h1 img {
                    border-width: 0px;
                    position: absolute;
                    right: 0px;
                    bottom: 10px;
                    width: 43px;
                    height: 23px;
                }

            div#content {
                width: 420px;
                margin: auto;
                position: relative;
            }

                div#content div#description {
                    position: absolute;
                    right: -170px;
                    width: 160px;
                    text-align: right;
                }

            div#description {
                font: normal 17px Helvetica,sans-serif;
                line-height: 20px;
                color: {color:Description};
            }

                div#description a {
                    color: {color:Description};
                }

						div#searchresultcount {
							margin: 15px 0 30px;
							text-align: center;
						}
            
            div.post {
                position: relative;
                margin-bottom: 40px;
                padding-right: 20px;
            }



                div.post img.permalink {
                    width: 14px;
                    height: 13px;
                    border-width: 0px;
                    background-color: #000;
                    display: none;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    z-index: 10;
                }
                
                    div.post:hover img.permalink {
                        display: inline;
                    }

                div.post h2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: {color:Post Title};
                    letter-spacing: -1px;
                    margin: 0px 0px 5px 0px;
                }

                    div.post h2 a {
                        color: {color:Post Title};
                        text-decoration: none;
                    }
            
                div.post div.caption {
                    font-size: 14px;
                    font-weight: bold;
                    color: {color:Text};
                    margin-top: 10px;
                    padding: 0px 20px 0px 20px;
                }

                    div.post div.caption a {
                        color: {color:Text};
                    }
    
            /* Regular Post 
            
                div.post div.regular {
                    font-size: 12px;
                    color: {color:Text};
                    line-height: 17px;
                }

                    div.post div.regular blockquote {
                        font-style: italic;
                        border-left: solid 2px {color:Text};
                        padding-left: 10px;
                    }
                        
            /* Quote Post 
            
                div.post div.quote div.quote_text {
                    font-family: Helvetica, sans-serif;
                    font-weight: bold;
                    color: {color:Quote};
                    border-left: solid 5px {color:Quote Border};
                    padding-left: 10px;
                }
                
                    div.post div.quote div.quote_text span.short {
                        font-size: 36px;
                        line-height: 40px;
                        letter-spacing: -1px;
                    }
                    
                    div.post div.quote div.quote_text span.medium {
                        font-size: 25px;
                        line-height: 27px;
                        letter-spacing: -1px;
                    }
                    
                    div.post div.quote div.quote_text span.long {
                        font-size: 16px;
                        line-height: 20px;
                    }

                    div.post div.quote div.quote_text a {
                        color: {color:Quote};
                    }
        
                div.post div.quote div.source {
                    font-size: 16px;
                    font-weight: Bold;
                    color: {color:Quote Source};
                    margin-top: 5px;
                }

                    div.post div.quote div.source a {
                        color: {color:Quote Source};
                    }
            
            /* Link Post 
            
                div.post div.link a.link {
                    font: Bold 20px Helvetica, sans-serif;
                    letter-spacing: -1px;
                    color: {color:Link Post};
                }

                    div.post div.link span.description {
                        font-size: 13px;
                        font-weight: normal;
                        letter-spacing: -1px;
                        color: {color:Text};
                    }
            
            /* Conversation Post 
                        
                div.post div.conversation ul {
                    list-style-type: none;
                    margin: 0px;
                    padding: 0px 0px 0px 1px;
                    border-left: solid 5px {color:Conversation Border};
                }
            
                    div.post div.conversation ul li {
                        font-size: 12px;
                        padding: 4px 10px 4px 8px;
                        color: {color:Conversation Text};
                        margin-bottom: 1px;
                    }
            
                        div.post div.conversation ul li span.label {
                            font-weight: bold;
                        }
                        
                            div.post div.conversation ul li span.user_1 {
                                color: #c00;
                            }
                            
                            div.post div.conversation ul li span.user_2 {
                                color: #00c;
                            }
                            
                            div.post div.conversation ul li span.user_3 {
                                color: #0a0;
                            }
                        
                        div.post div.conversation ul li.odd {
                            background-color: {color:Conversation Background 1};
                        }

                        div.post div.conversation ul li.even {
                            background-color: {color:Conversation Background 2};
                        }
            
            /* Video Post 
            
                div.post div.video {
                    width: 400px;
                    margin: auto;
                }

            /* Footer 
            
                div#footer {
                    margin: 40px 0px 30px 0px;
                    text-align: center;
                    font-size: 15px;
                    font-weight: bold;
                    color: {color:Text};
                }
            
                    div#footer a {
                        text-decoration: none;
                        color: {color:Text};
                    }
            
                        div#footer a:hover {
                            text-decoration: underline;
                        }
                    
                    div#footer div#credit {
                        font: normal 13px Georgia, serif;
                        font-size: 13px;
                        margin-top: 15px;
                    }
                    
						.query { font-weight: bold; }