/*
Theme Name: 99secfolio_V2
Theme URI: 
Description: A child theme for Modularity 2.2.2 / based on Modfolio 2.2
Author: 
Author URI: 
Template: modularity
Version: 0.2
License:  All Rights Reserved
*/
	
@import url("../modularity/style.css");

body {color:#413F37;background: #fff url(images/bg.jpg) repeat-x top center;}
.container-inner {width:950px; margin:0 auto;padding:1em 0 1em}
.container {width:1040px; background:#fff url(images/bodybg.jpg) no-repeat top center;}

h1,h2,h3,h4,h5,h6,h1 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#413f37; }

h2 a {color:#00AEEF;text-decoration:none; }

a {color:#00AEEF;text-decoration:none; }
a:hover, a:focus {color:#413f37;}
.postmetadata {background:#fff;border-top:1px solid #413f37;border-bottom:1px solid #413f37;padding:0.5em;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.postmetadata a {color:#00aeef;}
.postmetadata a:hover {color:#413f37;text-decoration:underline}

hr {background:none} /* this is horizontal dividing line at the bottom of the post. Removed */
div.colborder {border-right:1px solid #413f37;}
#sidebar h6{margin-top:10px}
#sidebar ul li a,ul.txt li{border-bottom:1px solid #413f37;background:none;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff; background:#FFFFFF;}
#sidebar ul li a,ul.txt li{color:#eee;}

#top {width:1040px; height: 226px; margin:0 auto 0em;padding:0 0 0em;color:#666; background-image:url(images/topbg.jpg); background-repeat: no-repeat}
#top a {color:#666}
#footer-wrap {width: 990px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;border-top:0px solid #00aeef}
.home .size-medium, .home .size-large {height:auto; margin:0 0 0em 0; max-width:590px; overflow:hidden;}

/* Masthead _______________________________________________________*/

#masthead {
float:left;
margin-left:38px;
margin-top:13px;
padding-top:0;
width:500px;
}

#masthead h4, #masthead span { margin: 0; padding:0 0 0; line-height:2em;}
#masthead h4 { font-weight: bold; text-transform: uppercase; float: left}


/* Removed from original Masthead 
#masthead h4 { background: url(images/99sec_logo.gif) no-repeat; display:block; width: 394px; height: 120px; padding:0; left:49px; top:10px; position:relative;}
#masthead h4 a { background: url(images/99sec_logo.gif) no-repeat; display:block; width: 394px; height: 120px;padding:0; text-indent:-9999px;}
_______________________________________________________*/

/* Masthead - added so modularity can add logo from control panel_______________________________________________________*/
#masthead h4 {display:block; width: 394px; height: 120px;padding:0; text-indent:-9999px;}

#masthead span.description { font-weight: normal; color: #ccc; text-transform: lowercase; font-size: 11px; padding: .35em 3em;}

/* Nav _______________________________________________________*/

/* Nav Override _______________________________________________________*/

#top .sf-menu a {
color:#413F37;
font-size:1.2em;
font-weight:normal;
}

#top .sf-menu a:hover {
color:#00aeef;
}

.sf-menu {
background-color:transparent;
float:left;
margin-right:20px;
position:absolute;
right:0;
top:10px;
width:auto;
}

.sf-menu li {
	margin-right:   2em;
	
}
.sf-menu li.right {
	margin-right:   0;
}
.sf-menu li li {
	background:		#000;
}
.sf-menu li li li {
	background:		#000;
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#1a1a1a;
	outline:		0;
}


/* Nav from old version of 99secfolio - disabled __________Navigation at rest 
#nav { float: right; margin:10px 30px 0; padding:8px 0 6px 10px; background:transparent; }
#nav ul, #nav ul li { margin: 0; padding: 0; }
#nav ul li { color: #413f37; font-size: 12px; font-weight: normal; text-transform: uppercase; list-style: none; float: left; margin-right: 15px; position: relative; color:#413f37; }
#nav ul li a { color: #413f37; text-decoration: none; }
#nav ul li a:hover {color:#00aeef}

/* Navigation interaction
#nav ul li ul { display: none; text-align:left;}
#nav ul li.drop:hover ul { display: block; }

/* Sub-navigation
#nav ul li ul { padding-top: 10px; margin-left: -10px; position: absolute;z-index:200}
#nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210}
#nav ul li ul li a { display: block; background:transparent; padding: 2px 10px; width: 130px; color: #00aeef; background-repeat: no-repeat; background-position: 5px 50%; } 
#nav ul li ul li a:hover { color: #413F37; text-decoration: none; background:transparent;}


#nav #search {margin:0; padding:0;}
#nav #search #s {color: #413F37;font-size: 1em;margin:0;padding: 8px 0 8px 10px;width: 140px;border:none;background:#1a1a1a}
#nav #search input {border:0}
#nav #search #s:hover {color: #fff;background:transparent}

/* Navigation enhanced styles
#nav ul li ul.push { margin-top: 12px; z-index:211}
#nav ul li.enhanced { margin-right: 0; padding-right: 18px; z-index:211}
#nav ul li.enhanced span { padding-right: 7px; float: left; z-index:211}
#nav ul li.enhanced a.arrow { display: block; position: relative; top: -0px; width: 18px; height: 18px; overflow: hidden; float: left; background-color:transparent; }
#nav ul li.enhanced a.arrow:hover { cursor: pointer; }
#nav ul li.enhanced a.arrow img { display: block; position: relative; border: 0; }
#nav ul li.enhanced a.rest img { top: 0; }
#nav ul li.enhanced a.hover img { top: -18px; }
#nav ul li.enhanced a.open img { top: -36px; }

_____________________________________________*/



/* Sidebar  _______________________________________________________*/
#sidebar {margin:0;}
#sidebar h3 {margin:0;padding:0 0 .6em 0}
#sidebar .item {margin:0 0 4em 0}
#sidebar ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#sidebar ul li a,ul.txt li{color:#00aeef;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
#sidebar ul li a:hover,ul.txt li:hover{color:#413f37;background-position:1px 0.8em;background: #fff url(images/li-white.png) no-repeat 3px 10px;}
#sidebar ul li a span,ul.txt li,h4 a span{color:#696455;}
#sidebar ul li.active a{cursor:default;color:black;}
#sidebar ul ul{margin:0;list-style:none;}
#sidebar ul#recentcomments li.recentcomments a:hover, #footer ul#recentcomments li.recentcomments a:hover {
background:#FFF none repeat scroll 0 0;
color:#413f37;
}
#sidebar h2 {text-transform: none;}
#sidebar h6 a{color:#00aeef}
#sidebar h6 a:hover{color:#413F37}

h3.sub, h2.sub {
border-bottom:1px solid #413f37; color:#413f37; font-size:1em; font-weight:bold; letter-spacing:1px; line-height:1em; margin:0 0 15px; padding:0 0 5px; text-transform:uppercase;}

/* blog entry bylines */
.byline {font-size:11px;margin:0;color:#444; padding:0 0 15px 0;} 
.byline a {color:#00aeef}
.byline a:hover {color:#00aeef;text-decoration:underline;}

/* search  __*/

#search {
margin:0;
padding:0;
}
#search #s {
background:#ffffff url('images/search.png') no-repeat scroll 2px 3px;
border:1px solid #bbbbbb;
color:#00aeef;
font-size:1em;
margin:0;
padding:4px 0 4px 18px;
width:180px;
}
#search input {
border:medium none;
}
#search #s:hover {
background:#f2f2f2 url('images/search_hover.png') no-repeat scroll 2px 3px;
color:#413f37;
}


/* COMMENTS  _______________________________________________________*/
ol.commentlist li {border-top:1px solid #413F37;}
ol.commentlist li:hover {background:#f1f1f1;}
ol.commentlist li.comment-author-admin {border-top:1px solid #444;}
ol.commentlist li div.comment-meta,ol.commentlist li.comment-author-admin div.comment-meta { background:#f1f1f1;}
ol.commentlist li div.comment-meta a {color:#413F37;}
ol.commentlist li div.comment-meta a:hover {color:#00aeef;}
ol.commentlist li div.vcard { font-weight: bold; color:#413F37 }
ol.commentlist li div.vcard a {color:#413F37}

#commentform{ margin-bottom: 0px;}	
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;}
#commentform textarea {margin-top:5px; margin-bottom:-30px; width: 100%;padding-bottom: 35px;border:0px #eee solid;font-size: 1.2em; height:95px; background:url(images/comment_box.gif) no-repeat;}
#commentform textarea:hover {border:0px solid #222;}

#commentform #submit {text-indent:-9999px; margin:0px; border:none; padding:0; width:167px; height:45px; background:transparent url(images/comment.gif) no-repeat scroll 0 0}
#commentform #submit:hover {border:none; padding:0; width:167px; height:45px; background:transparent url(images/comment_hover.gif) no-repeat scroll 0 0}
#respond { border-top:none; margin:5px; }



h3#comments {
margin-top:1.5em;
margin-bottom:1em;
}

/* BOXES  _______________________________________________________*/
.error, .notice, .success, .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;color:#eee;border-color:#444}
.error a, .notice a, .success a, .box a {color:#fff;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#111;border-top:1px solid #444;border-bottom:1px solid #444;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.welcomebox h3.sub {border-bottom:1px solid #444;}

/* PORTFOLIO THUMBNAILS  _______________________________________________________*/
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 16px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#fff;padding:2px 5px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper .category-overlay a {color:#fff}
.portfolio-image-wrapper .category-overlay a:hover {color:#ccc}
.thumbnail, .attachment-thumbnail {border:1px solid #bbbbbb;float:left;margin:0 1.5em 1.5em 0;max-width:308px;}

.gallery-caption {font-style:italic;text-align:center}

/* Gallery THUMBNAILS  _______________________________________________________*/

.gallery {
clear:both;
display:block;
margin-bottom:0;
margin-left:-4px !important;
margin-right:auto;
margin-top:0;
overflow:hidden;
}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
border:1px solid #BBBBBB !important;
height:auto;
max-width:91%;
padding:0;
}

/* CATEGORY SECTION  _______________________________________________________*/
#category-stack{margin:0 0 2em}
.byline {font-size:.9em;margin:0;color:#444}
.byline a {color:#bbb}
.more {margin:0 0 1em;}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#eee;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111 url(images/li-white.png) no-repeat 3px 10px;}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}

/* Posts  _______________________________________________________/*

.content {display:block;clear:both;}
.post {display:block;clear:both;}
.postmetadata {background:#fff;padding:0.5em;color:#999; font-size:11px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.postmetadata a {color:#515151;}
.postmetadata a:hover {color:#222;}
.underlined {border-bottom:1px solid #222;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#eee;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.nav a {background:#eee; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:6px 10px 3px; }
.nav a:hover {width:67px; background:#fff url(images/back_hover.gif) no-repeat top center; } /* this is the rollover for the back button */
.prev {
float:left;
}
.prev a {text-indent:-9999px; width:67px; height:25px; background:#fff url(images/back.gif) no-repeat top center;}
.prev a:hover {float:left; width:67px; height:25px; background:#fff url(images/back_hover.gif) no-repeat top center;}
.next {
float:right;
}
.next a {text-indent:-9999px; width:67px; height:25px; background:#fff url(images/next.gif) no-repeat top center;}
.next a:hover {width:67px; height:25px; background:#fff url(images/next_hover.gif) no-repeat top center;}

.byline {font-size:11px;margin:0;color:#bbb}
.byline a {color:#bbb}

h2 {text-transform: uppercase;}


/* Floats & Images */
.home .size-medium, .home .size-large {max-width:590px; height:auto; overflow:hidden; margin:0 .5em .5em 0; border:1px solid #413F37; border:1px solid #BBBBBB; padding:4px;}

/* Captions */
.wp-caption p.wp-caption-text {font-size:11px; line-height:30px; margin:0; padding:2px; margin-bottom:20px; text-align:center;font-style:italic;}
/* End captions */

/* Contact 7 form _______________________________________________________*/
textarea {
height:100px;
padding:5px;}



/* slider thumbs _______________________________________________________*/

.attachment-sliderthumbnail {
float:left;
padding:0 24px 12px 0;
}

.sliderthumbnail {
float:left;
padding:0 24px 12px 0;
}

/* Post Slider */
#myController span.jFlowSelected {
background:#413F37 none repeat scroll 0 0;
color:#FFFFFF;
margin-right:0;
}


/* Sliding Content */
#jFlowSlide{ background:#413f37 url(images/sliderbg.gif) no-repeat;margin:0 0 24px 0;}
#myController { width:950px;}
#slides {width: 950px; height:380px;overflow: hidden;}
.slide-wrapper { padding:12px; margin: 0; display:block; overflow:hidden;position: relative;}
.slide-thumbnail { width:590px; float:left; }
.slide-thumbnail img {max-width:590px; max-height:350px}
* html .slide-thumbnail img {width:590px; height:350px}
.slide-thumbnail img.attachment-thumbnail {margin:0;padding:0}
.slide-details { width:310px; float:right; margin-left:10px;}
.slide-details h2 { color:#eee; font-style: italic; font-weight:normal; margin:0; }
.slide-details .description p { color: #ccc; margin-top:10px; font-size:1.1em}
.jFlowControl, .jFlowPrev, .jFlowNext { color:#00aeef ; cursor:pointer; padding:4px 8px; }

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
background:#666666 none repeat scroll 0 0; color#fff;
}

a.button {position:absolute;bottom:20px;right:20px;display: block;width: 255px;height: 46px;padding: 20px 20px 5px 20px;color:#000;text-decoration: none;background:url(images/button.jpg) no-repeat 0px 0px;}
a.button:hover {color:#fff;background:url(images/button.jpg) no-repeat 0px -71px;}
.slide-wrapper a {color:#ccc}
.slide-wrapper a:hover {color:#fff}
.jFlowSelected {color:#666}



/* Footer _______________________________________________________*/
#footer {background:#fff; width:950px;padding:1.5em 0;margin:0 auto;color:#413f37;text-align:left; border-top:3px solid #00aeef}
#footer p {color:#413f37; text-align:right; background:transparent url(images/icons.gif) no-repeat scroll right bottom; height:66px }

#footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:none; color:#413f37} /* footer headings */
#footer .item {margin:0 0 4em 0}
#footer ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#footer ul li a,ul.txt li{height:1%;line-height:1.2em;display:block;padding:3px 0 3px 0px ;}
#footer ul li a:hover,ul.txt li:hover{color:#00aeef;background-position:1px 0.8em;background: none}
#footer ul li a span,ul.txt li,h4 a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}
#footer ul ul{margin:0;list-style:none;}