/* 
Theme Name: Cale Glendening
Description: Cale Glendening theme
Author: Flosites
Author URI: http://flosites.com
Version: 1.0
*/
/* Reset styles
*******************************/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,li,ol,
a,em,img,strong,fieldset,form,label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}
:focus {outline: 0;}
img {vertical-align:middle; outline:0}
/* Body & forms
*******************************/
body{
    color:#adadad;
    text-align: left;
    background: #070707 url(images/bg.png) 50% 0 repeat-y;
    font:normal 75% Arial, Helvetica, sans-serif;
}

input,
textarea {
    color:#686868;
    font:normal 13px Arial, Helvetica, sans-serif;
}

/* Header elements
*******************************/
h2,
h3,
h4,
h5,
h6 {
    color:#ffffff;
}

h2 {
    text-transform: uppercase;
    font-size:2em;
    font-weight: bold;
}
h3 {
    font-size:2em;
    font-weight: bold;
    letter-spacing: .05em;
}
h4 {
    text-transform: uppercase;
    font-size:1.08em;
    font-weight: bold;
}
h5 {
    text-transform: uppercase;
    color:#fb917e;
}
h6 {}



/* Text elements
*******************************/
p               {margin: 0 0 1em 0; line-height:1.6;}
p.last          {margin-bottom:0;}
/*ul, ol          {margin: 0 0 1em 2em; text-align: left; line-height:1.6;}*/
strong      	{font-weight: bold;}
em          	{font-style: italic;}
ins             {text-decoration:none;}
del             {text-decoration:line-through;}

address         {font-style:normal; line-height:1.6;}

.alignleft {
    float:left;
}
.alignright {
    float:right;
}


/* Quotes
*******************************/
blockquote {}
blockquote:before {}
blockquote:after {}

/* Links
*******************************/
a:link,
a:visited,
a:hover,
a:active{
    color:#ffffff;
    text-decoration: none;
}
a:visited {}
a:hover {
    color:#cccccc;
}



#wrapper {
    margin:0 auto;
    width:980px;
    background:#0b0b0b;
    border:6px solid #101010;
    border-top:0;
    border-bottom:0;
}

#header {
    height:207px;
    background: url(images/headerbg.gif) 0 0 no-repeat;
    position: relative;
}

#header h1 a {
    width:170px;
    height:166px;
    display:block;
    position: absolute;
    text-indent: -9999px;
    background: url(images/logo.png) 0 0 no-repeat;
    top:16px;
    left:25px;
}


#nav {
    position: absolute;
    top:90px;
    right:40px;
}

#nav li {
    margin-left:58px;
    float:left;
    position: relative;
}
#nav li a.top {
    float:left;
    height: 16px;
    background: url(images/nav.png) 0 0 no-repeat;
    text-indent: -9999px;
}
#nav li a.blog {
    width:46px;
    background-position: 0 0;
}
#nav li a.about {
    width:59px;
    background-position: -56px 0;
}
#nav li a.photography {
    width:125px;
    background-position: -120px 0;
}
#nav li a.film {
    width:40px;
    background-position: -246px 0;
}
#nav li a.contact {
    width:78px;
    background-position: -291px 0;
}
#nav li a.search {
    width:69px;
    background-position: -370px 0;
}

#nav li.active a.blog,
#nav li a.blog:hover {
    background-position: 0 -18px;
}
#nav li.active a.about,
#nav li a.about:hover {
    background-position: -56px -18px;
}
#nav li.active a.photography,
#nav li a.photography:hover {
    background-position: -120px -18px;
}
#nav li.active a.film,
#nav li a.film:hover {
    background-position: -246px -18px;
}
#nav li.active a.contact,
#nav li a.contact:hover {
    background-position: -291px -18px;
}
#nav li.activated a.search,
#nav li.active a.search,
#nav li a.search:hover {
    background-position: -370px -18px;
}


#nav ul ul {
    position: absolute;
    left:0;
    top:22px;
    background: #282828;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    font-size:0.92em;
    text-transform: uppercase;
    line-height:1;
    padding:5px 0;
    display: none;
}
#nav ul ul li {
    margin:0;
    float:none;
}
#nav ul ul li a {
    color:#fff;
    display: block;
    width:84px;
    padding:5px 12px;
}
#nav ul ul li a:hover {
    color:#454545;
    background: url(images/nav-subbg.gif) 0 0 no-repeat;
}

#friends {
    position: absolute;
    right: 40px;
    top:135px;
    font-size:.83em;
    text-transform: uppercase;
}
#friends a.hover {
    color:#838383;
    font-weight: bold;
    width:119px;
    height:15px;
    display: block;
    background: url(images/cg-friendsbg.gif) 0 0 no-repeat;
    line-height: 1;
    padding:6px 0 0 10px;
}
#friends .friends {
    position: relative;
}
#friends ul {
    display: none;
    padding:5px 10px;
    position: absolute;
    top:0;
    right:0;
    background: #282828;
    width:109px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
}
#friends ul li a {
    color:#000;
}
#friends ul li a:hover {
    color:#fff;
}

#searchbox {
    position: absolute;
    right:40px;
    top:55px;
    width:131px;
    height:27px;
    background: url(images/searchbox.png) 0 0 no-repeat;
    display: none;
}
#hs {
    background: transparent;
    padding:0;
    width:105px;
    border:0;
}
#hsearchsubmit {
    border:0;
    background: transparent;
    cursor: pointer;
    width:20px;
}

#welcome {
    height:190px;
    margin-bottom: 20px;
    padding:0 40px;
    background: url(images/welcomebg.gif) 0 0 no-repeat;
}
#welcome h3 {
    padding-bottom: .5em;
    line-height: 1;
}
#welcome .text {
    float:left;
    width:490px;
    line-height: 1.4;
}
#welcome .text .image {
    float:left;
    margin-right:30px;
}
#welcome .text .info {
    float:left;
    width:340px;
    line-height: 1.3;
}

#welcome .social {
    float:right;
    width:370px;
}
#welcome .twi {
    height:67px;
    padding-left:80px;
    background: url(images/icon-twi.png) 0 0 no-repeat;
}
#welcome .fb {
    padding-top:4px;
    height:63px;
    padding-left:80px;
    background: url(images/icon-fb.gif) 0 0 no-repeat;
}
#welcome .vm {
    padding-top:15px;
    height:35px;
    padding-left:80px;
    background: url(images/icon-vimeo.png) 7px 0 no-repeat;
}
#welcome .social a {
    color:#fefefe;
}
#welcome .social a:hover {
    color:#ccc;
}

#sneak-peek {
    padding:0 40px;
    background: url(images/sneak-peekbg.gif) 0 100% no-repeat;
    height:370px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
#sneak-peek a.prev,
#sneak-peek a.next {
    position: absolute;
    width:23px;
    height:21px;
    display: block;
    text-indent: -9999px;
    bottom: 11px;
}
#sneak-peek a.prev {
    left:40px;
    background: url(images/sneak-peek-prev.gif) 0 0 no-repeat;
}
#sneak-peek a.next {
    right:40px;
    background: url(images/sneak-peek-next.gif) 0 0 no-repeat;
}
#sneak-peek .wrap {
    width:900px;
    height:327px;
    overflow: hidden;
}
#sneak-peek ul li {
    float:left;
    width:900px;
    height:327px;
    overflow: hidden;
}
#sneak-peek span {
    position: absolute;
    left:429px;
    bottom:11px;
    display: block;
    text-indent: -9999px;
    width:122px;
    height:24px;
    background: url(images/sneak-peek-caption.gif) 0 0 no-repeat;
}

#content {
    
}

.post {
    padding:0 40px 20px;
    padding-bottom: 20px;
}
.post .preview {
    position: relative;
    overflow: hidden;
    zoom:1;
}
.post .preview .image {
    margin-bottom: 12px;
    cursor: pointer;
    text-align: center;
}
.post a.toggle {
    position: absolute;
    left:0;
    top:0;
    width:122px;
    height:20px;
    background: url(images/post-togglebg.png) 0 0 no-repeat;
    color:#262626;
    text-transform: lowercase;
    font-weight: bold;
    font-size:1.33em;
    line-height: 1;
    padding: 4px 0 0 11px;
}
.post a.toggle:hover {
    color:#666;
}
.post h2 {
    float:left;
}
.post .posted {
    float:right;
    text-align: right;
}
.post .posted span {
    display: block;
}
.post .posted .cat {
    color:#767676;
    font-size:1.25em;
    text-transform: lowercase;
}
.post .posted .cat a {
    color:#767676;
}
.post .posted .date {
    font-size:0.67em;
    color:#fff;
    text-transform: uppercase;
}


.post .more {
    padding-top: 20px;
    display: none;
}

.post .vote-image {
    margin-bottom: 1em;
    text-align: center;
}

.post .vote-handler {
    display: block;
    overflow: hidden;
    zoom:1;
    text-transform: uppercase;
    color:#fff;
    font-size:.83em;
}
.post .vote-handler em {
    font-style: normal;
}
.post .vote-handler .votes {
    float:left;
}
.post .vote-handler a {
    float:right;
}

.share .actions {
    overflow: hidden;
    zoom:1;
    margin-bottom: 12px;
}
.share .actions li {
    float:left;
    margin-right:30px;
    text-transform: uppercase;
    color:#fff;
    font-weight: bold;
}

.comments {
    height:168px;
    padding:8px 40px 24px;
    margin: 0 -40px 20px;
    background: url(images/commentsbg.gif) 0 100% no-repeat;
}
.comments .list {
    height:168px;
    overflow: hidden;
}
.comments .list li {
    margin-bottom: 1em;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
        background: #262626;
}
.jScrollPaneDrag {
	position: absolute;
	background: #dedede;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.comment-form {
    overflow: hidden;
    zoom:1;
    background: url(images/commentsbg.gif) 0 100% no-repeat;
    padding:0 40px 20px;
    margin:0 -40px 20px;
    display: none;
}
.comment-form h4 {
    margin-bottom: .5em;
}

.comment-form .inputs {
    float:left;
    width:342px;
}
.comment-form .area {
    float:left;
    width:486px;
}

.comment-form .inputs input {
    width:322px;
    height:20px;
    padding:6px 6px 0 6px;
    border:0;
    margin-bottom: 3px;
    border:0;
    background: url(images/comment-inputbg.gif) 0 0 no-repeat;
}

.comment-form .area textarea {
    width:468px;
    height:74px;
    padding:6px;
    border:0;
    background: url(images/comment-textareabg.gif) 0 0 no-repeat;
}
.comment-form .say {
    padding-top:25px;
}



#rss-search {
    overflow: hidden;
    zoom:1;
    margin:0 40px 18px;
}
#rss-search .search {
    float:left;
}
#rss-search .rss {
    float:right;
    padding-right:22px;
    background: url(images/icon-rss.gif) 100% 50% no-repeat;
    color:#aaa;
}
#s {
    width:162px;
    height:21px;
    padding:5px 6px 0;
    background: url(images/search-inputbg.gif) 0 0 no-repeat;
    border:0;
    float:left;
}
#searchsubmit {
    float:left;
    width:26px;
    height:26px;
    border:0;
    cursor: pointer;
    background: url(images/search.gif) 0 0 no-repeat;
}







#pagination {
    text-transform: uppercase;
    overflow: hidden;
    zoom:1;
    margin-bottom: 18px;
    font-size:1.17em;
    font-weight: bold;
    margin:0 40px;
}
#wp_page_numbers {}
#pagination a {
    color:#fff;
}
#pagination .active_page a {
    color:#a1a1a1;
}
#pagination a.next,
#pagination a.prev {
    height:17px;
    padding-top:4px;
}
#pagination a.prev {
    float:left;
    padding-left:34px;
    background: url(images/sneak-peek-prev.gif) 0 0 no-repeat;
}
#pagination a.next {
    float:right;
    padding-right:34px;
    background: url(images/sneak-peek-next.gif) 100% 0 no-repeat;
}
#pagination a.inactive {
    color:#565656;
    cursor: default;
}
#pagination ul {
    text-align: center;
    line-height: 1;
    padding-top:4px;
}
#pagination ul li {
    display: inline;
    padding:0 2px;
}
#pagination ul li.caption {
    padding-right:5px;
}



#archives {
    padding:18px 0;
    text-transform: uppercase;
    overflow: hidden;
    zoom:1;
    margin:0 40px 18px;
    position: relative;
    color:#a1a1a1;
}
#archives span.title {
    float:left;
    color:#a1a1a1;
    width:206px;
    font-size:1.08em;
}
#archives .years {
    float:left;
    font-weight: bold;
}
#archives .years ul {
    display: none;
}
#archives .years li {
    float:left;
}
#archives .years a {
    float:left;
    width:52px;
    height:18px;
    padding-top:6px;
    text-align: center;
    color:#ffffff;
}
#archives .years li span {
    float:left;
    width:52px;
    height:18px;
    padding-top:6px;
    text-align: center;
}
#archives .years .year a {
    background: url(images/archives-yearbg.gif) 0 0 no-repeat;
    color:#212121;
    width:66px;
}

#archives a.up,
#archives a.down {
    color:#000;
    font-weight: bold;
    position: absolute;
    top:22px;
    font-size: 14px;
}
#archives a.up {
    left:213px;
    background: url(images/archives-arrow-up.gif) 0 0 no-repeat;
}
#archives a.down {
    left:261px;
    background: url(images/archives-arrow-down.gif) 0 0 no-repeat;
}




#footer {
    height:49px;
    padding:22px 40px 0;
    background: url(images/footerbg.gif) 0 0 no-repeat;
    color:#595959;
}
#copyright {
    float:left;
}
#developed {
    float:right;
}
#developed a {
    color:#595959;
}



#about {
    overflow: hidden;
    zoom:1;
    padding:0 40px 40px;
    background: url(images/welcomebg.gif) 0 100% no-repeat;
}

#about .image {
    float:left;
    margin-right:40px;
}






#contact {
    padding:0 40px 40px;
    /*background: url(images/welcomebg.gif) 0 100% no-repeat;*/
    overflow: hidden;
    zoom:1;
    color:#686868;
}
#contact h3 {
    text-align: center;
    margin-bottom: 30px;
}
#contact .content {
    position: relative;
}
#contact p {
    margin-bottom: 4px;
}
#contact .area1 {
    float:left;
    width:459px;
}
#contact .area2 {
    float:left;
    width:350px;
}
#contact .area1 input {
    width:242px;
    height:21px;
    padding:5px 6px 0;
    border:0;
    background: url(images/contact-inputbg.gif) 0 0 no-repeat;
}
#contact .area1 label {
    float:left;
    width:187px;
    text-align: right;
    padding-right: 11px;
    padding-top:4px;
}

#contact .area2 p {
    margin-bottom: 10px;
}
#contact .area2 label {
    display: block;
    height:21px;
    font-size:1.08em;
    text-transform: uppercase;
    color:#ffffff;
}
#contact .area2 textarea {
    width:338px;
    height:73px;
    border:0;
    padding:6px;
    background: url(images/contact-textareabg.gif) 0 0 no-repeat;
}
#contact p.submit {
    overflow: hidden;
    zoom:1;
    margin:0;
}
#contact .submit input {
    width:72px;
    height:30px;
    cursor: pointer;
    border:0;
    float:right;
    background: url(images/contact-submit.gif) 0 0 no-repeat;
}



.galleries { overflow:hidden; zoom:1; width:970px; margin-left:-65px; }
.galleries div { float:left; margin:0px 0px 25px 65px; text-align:center; }
.galleries div img { margin-bottom:5px; }
.galleries div img:hover { opacity:0.60; }


.ad-image-description { display:none; }

.gallery-decription { overflow:hidden; zoom:1; }
.gallery-decription div { float:left; }
.gal-name { width:160px; float:left; border-right:solid 1px #CCCCCC; padding-right:10px; margin-top:30px; }
.gal-name a { color:#b74c8d!important; }
.gal-name h2 { font-size:22px; }
.gal-sep { width:1px; height:50px; background-color:#CCCCCC; float:left; }
.gal-des { width:700px; border-left:solid 1px #CCCCCC; float:left; padding-left:20px; margin-left:-1px; margin-top:30px; }

.ad-thumb-list {  }

.film object { display:block; max-width:900px; margin:20px auto 20px auto; }