/*
Theme Name: Foundation by DN
Theme URI: supernormal.us
Author: Dominic Nguyen
Author URI: http://dominicnguyen.net
Description: A foundation theme. A synthesis of many methods. 
Features Built-in: Post Expiry, Custom Fields Panels, Slideshow w/Navigation, jQuery effects (in moderation), Javascript Gallery, Automatic Post Thumbnails
Version: 1
License: Personal
*/
/************************* GLOBAL STYLES ***************************/
body {color:#333;background: #fff ; margin:0 0 0 0;}
h1,h2,h3,h4,h5,h6 {color:#333;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#333;}
h2.title {font-family: Gill Sans, Lucida, Verdana, Sans-Serif ;}
h3.title {font-family: Gill Sans, Lucida, Verdana, Sans-Serif ;margin-bottom:.25em;}
a {color:#707070;text-decoration:none;}
a:hover, a:focus {color:#428ce7;}
p {color:#444;}
h6.top {color:#ccc;}
.login {float:left;}
.sub {border-bottom:1px solid #777;}
h2.sub {padding:.4em 0;}
h3.sub {padding:.4em 0;}
.shadow {background:url(images/shadow.png) no-repeat bottom right;padding: 0 8px 9px 0;}
button{cursor:pointer;}

/*For use with dark themes*/
body.dark {color:#eee;background:#111;margin:0;}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 {color:#fff;}
.dark a{color:#bbb;}
.dark {color:#ddd;}
.dark p {color:#bbb;}

/* Header */
#header-wrap {background:#222; height:40px;}
#header {position:relative;}
#header h4, #header span { margin: 0; padding:10px 0 0; line-height:2em }
#header h4 {font-family: Gill Sans, Lucida, Verdana, Sans-Serif ; font-weight: bold; float: left}
#header h4 a { color: #fff; text-decoration: none; }
#header h4 a:hover { color: #ffff00; }
#header span.description { color: #ccc; font-size: .7em; padding: .35em 3em;}
#header-shadow{background:	url(images/shadowhorizontal.png) repeat bottom ;padding: 0 0 0 0; margin-bottom:3em; height:10px; width:100%;}
.double-border {background: url(images/double-border.png) repeat-x bottom; height:8px; width:100%;clear:both;float:none;border:none;;margin:1em 0}


/* Navigation * /

/*** Nav ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0;list-style:none;z-index:5000;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:absolute;top:-999em;width:	10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:	100%;}
.sf-menu li:hover {	visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left;position:relative;}
.sf-menu a {display:block;position:	relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}

/*** Nav Foundation Skin ***/
.sf-menu {float:left; margin:0 0 0 50px;padding:10px 0 0 0 ;cursor:pointer;font-family:Gill Sans, Lucida, Verdana, Sans-Serif ;z-index:5000;}
.sf-menu a { padding: .75em 1em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#fefefe;}
.sf-menu li {background:#222;}
.sf-menu li li {background:	#333;}
.sf-menu li li li {background:	#444;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.active {background:#707070;outline:0;}

/*** Nav arrows **/
.sf-menu a.sf-with-ul {padding-right: 	2.25em;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:	10px;text-indent: -999em;overflow:hidden;background:url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url(images/shadow.png) no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;	-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;	-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/* Intro Message */
.intromessage {padding:2em;margin-bottom:3em;background:#eee;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.intromessage p, .welcomebox h2 {color:#000}

/* Posts */
#content {min-height:350px;}
.content h2 {font-family: Gill Sans, Lucida, Verdana, Sans-Serif ;}
.entry {margin:1em 0 0 0;font-size:10px; text-align:left;}
.entry p{margin:2em 0 0 0;}
.entry_single {margin:2em 0 0 0; font-size:10px;}
.newbadge{ position:absolute;margin-top:-30px;margin-left:50px; z-index:99;}
.post {display:block;clear:both; border-bottom:1px dotted #707070;padding:4em 0 6em 0;}
.post_1{border-bottom:2px ridge #707070;padding:2em 0 4em 0;}
.post h4, .post h6 {font-family: Georgia, serif;}
.postwork {margin:3em 0;height:230px;}
.postimage img{width:400px;height:auto;background:url(images/shadow.png) no-repeat bottom right;padding: 0 8px 9px 0;}
.postimage a:hover img{color:#fff;opacity:.5; }
.postimagework {width:220px; height:146px; overflow:hidden;display:block;margin:1em 0 1em 0;padding:1em 0 0 0;border-top:1px #eee dotted;}
.dark .postimagework img{border:1px solid #000;}
.postimagework img{width:210px; height:auto; border:1px solid #fff;}
.postimagework a:hover img{color:#fff;opacity:.5; }
.postmetadata {background:#111;padding:1em;color:#999; font-size:10px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.postmetadata a {}
.postmetadata a:hover {color:#fff;}
.read-on {color:#707070;background:transparent url(images/readon_black.gif) no-repeat scroll 100% 60%; display:block;padding: 2px 20px 0 0;margin:3em 0 0 0; text-align:right;text-decoration:none;}
.read-on a:hover{color:#ffff00;}
.underlined {border-bottom:1px solid #eee;}
h6.underlined {margin:0 0 1em;}


.nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
.nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}

/* For Single Page Navigation*/
.nav {text-align:center;margin:300px 0 0px 0em;padding:10px 0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.nav h2{color:#999;}
.nav:hover {background:#eee;color:#111;}
.dark .nav:hover{background:#000;color:#fff;}

/* For Multiple Page Navigation*/
.navigation {margin:2em 0 ; position:relative;}
.navigation .button {text-align:center; padding:20px 0 0 0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.navigation h2{color:#999;}
.navigation .button:hover {background:#eee;}
.dark .navigation:hover{background:#000;}
.wp-pagenavi {text-align:center;padding:25px 0}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;color: #777;	background-color: #FFFFFF;	}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;color: #0066cc;	background-color: #FFFFFF;	}
.wp-pagenavi a:hover {	color: #000000;background-color: #eee;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;color: #0066cc;background-color: #FFFFFF;	}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px;color: #000000;background-color: #FFFFFF;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px;font-weight: bold;color: #111;background-color: #eee;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px;color: #000000;background-color: #FFFFFF;}

/* Sidebar */
#sidebar {margin:0;}
#sidebar h3 {margin:0;padding:0 0 .6em 0}
#sidebar .widget {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:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #000;display:block;padding:6px 0 6px 8px;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #000}
#sidebar ul li a span,ul.txt li,h4 a span{color:#696455;}
#sidebar ul li.active a{cursor:default;color:white;}
#sidebar ul ul{margin:0;list-style:none;}

/* Portfolio Panel and hCARD */
.information img{width:220px;height:auto; margin:2em 0;}
.information dl dt{float: left; display: inline;}


/* Footer */
#footer-wrap {background:#444;width:100%;}
#footer-shadow{background:	url(images/shadowhorizontal.png) repeat top ;padding: 0 0 0 0; margin-top:7em; height:10px; width:100%;}
#footerinformation {color:#FFF;padding-bottom:5px;position:relative;padding:10px 0 0 0 ;height:23px;}
#footerinformation button{cursor: pointer;z-index:4000;}
#footerinformation a{color:#FFF;}
#footerinformation a:hover{color:#ffff00;}
#footerinformation dl{margin: 0 0 0 0;}
#footerinformation dl dt{height:10px;float:left; display: inline;}
#footerinformation dl dt dd{width: 300px;overflow:hidden;}
#newssnip p{color:#000;}
#newssnip img{width:50px; height:50px;}
.slide {position: relative;}
.slide .inner { position:absolute;bottom: 0;}
#footer {background:#111;opacity:.9;color:#000;width:100%;padding:2em 0 0em 0;margin: 0 0 33px 0;z-index:5000;}
#footer p {color:#999}
#footer h3 {margin:.5em 0;padding:0 0 .6em 0; border-bottom:2px solid #999; color:#999}
.dark #footer{background:#000;opacity:.9;}

/* Footer Widgets */
#footer .widget {margin:0 0 4em 0}
#footer ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#footer ul li{border-bottom:1px dotted #555; color:#999;}
#footer ul li a,ul.txt li{text-align:right;line-height:1.2em;display:inline;padding:3px 4px 3px 4px;}
#footer ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #000}
#footer ul li.active a{cursor:default;color:white;}
#footer ul ul{margin:0;list-style:none;}

#footer ul#recentcomments {list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#footer ul#recentcomments li.recentcomments {display:block;padding:4px 0 4px 8px;}
#footer ul#recentcomments li.recentcomments a {border:0; background-image:none}
#footer ul#recentcomments li.recentcomments a:hover{color:#fff;background-position:1px 0.8em;background: #111}
#footer ul#recentcomments li.recentcomments a span{color:#696455;}

/* Floats & Images */
.right { position:absolute;right:0; }
.left { positon:absolute;left:0; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px}
img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;max-width:950px}
img.alignnone{padding:0 4px 4px 0; margin: 3px 10px 2px 0;display: block;max-width:950px}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {padding-top:0;margin:0}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;;text-align:center;padding: .5em 0;margin: 0;background:#000;max-width:950px}
.home .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;;text-align:center;padding: .5em 0;margin: 0;background:#000;max-width:590px}
.thumbnail, .attachment-thumbnail {max-width:150px;margin:0 1.5em 1.5em 0;float:left;}
.attachment-medium {max-width:960px;overflow:hidden;display: inline}
.attachment-large {max-width:960px;overflow:hidden;display: inline}
.content .size-medium, content size-large {margin: 0 1.5em 1.5em 0}
.home .size-medium, .home .size-large {max-width:590px; height:auto; overflow:hidden;margin:0 .5em .5em 0;}
dl.gallery-item .gallery-caption {clear:both;float:none;width:150px;}
dl.gallery-item {width:170px;padding:10px}
.gallery-icon .attachment-thumbnail{padding:0;margin:0}
.gallery {width:auto;}

/* Etc & Page-post-category templates : about, */
.dropdown {background:#eee; opacity:.9;z-index:4000;padding:1em;overflow:hidden;}
.clickdownarrow {cursor:pointer;margin-top:-5px;opacity:.2;display:block; /* IE6 only */width:10px;height:10px;text-indent: -999em;overflow:hidden;background:url(images/arrows-000000.png) no-repeat 0px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
.clickdownarrow:hover{opacity:1;}
.pagemargin {margin:4em 0 7em 0;}
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
.subscribe {padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;}
span.yellow {color:#ffff00;}
.advertisement .box {background:#e5ecf9;}
/*For use with dark themes*/
.dark .dropdown {background:#000; opacity:.9;z-index:4000;padding:1em;overflow:hidden;}
.dark .clickdownarrow, .clickdownarrow.light {cursor:pointer;margin-top:-15px;opacity:.5;display:block; /* IE6 only */width:10px;height:10px;text-indent: -999em;overflow:hidden;background:url(images/arrows-ffffff.png) no-repeat 0px -100px; }
.whitelight {background:#999;color:#000;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;text-align:center;padding:1em 0;}
.whitelight:hover{background:#ff0;}
.dark.whitelight a{color:#000;}

/* Galleria specific loader */
.galleria_container.loader {background: url(images/ajax-loader.gif) no-repeat 50%  25%}

/* Search */
#search {margin:0 0 0 0px; padding:0;}
#search #s {background: #444 url('images/search.png') 0px center no-repeat;color: #fff;margin:0;padding: 4px 0 4px 20px;width: 100px;border:1px solid #333;opacity:.7;}
#search input {border:0}
#search #s:hover {color: #000000;background: #fff url('images/search.png') 0px center no-repeat;opacity:1;}
.searchexcerpt {margin: 1em; }
.searchexcerpt img{margin: 0 1.5em 1.5em 0;height:70px;width:70px; }
#searchresults {position:relative;}
#searchresults li{border-bottom:1px dotted #999;padding:.3em 0 .5em 0;display:block;}

/* Comments */
h3#comments{margin: 10px 0 0;padding: 20px 10px;background: #000;}
h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;color:#cccccc;}
h3#respond{margin: 10px 0 0;padding: 20px 10px;background: #000;}
ol.commentlist{list-style-type: none;margin: 0;padding: 0;border-top: 5px solid #eee;}
ol.commentlist li strong{padding-left:1em;}
ol.commentlist li .comment-entry{margin: -135px 0 0;border-bottom: 5px solid #eee;padding: 5px 150px 0;line-height: 2em;}
ol.commentlist li .avatar{border:1px solid #000;padding:1em;margin:2em 1em 1em 0;}
#commentform{margin: 0 0 7px;padding: 30px 150px 6px;border-top: 10px solid #333;background: #000;}

/* Slideshow & Slide Nav */

/* CSS Document for top slider */
ul#slide_control li,ul#slide_nav li,ul#portfolio{list-style:none;}

/* slide navigation specific */

ul#slide_nav {background:	transparent url(images/news_bg.png) no-repeat scroll 0 50%;width: 490px;margin-top: 0px;}
ul#slide_nav li {background-image: url(images/button.png);display: block;float: left;height: 9px;list-style: none;padding: 2px;margin: 0px;width: 10px;}
ul#slide_nav li:hover {}
ul#slide_nav li#button_selected {background-image: url(images/button_selected.png);}
ul#slide_nav li#button_selected:hover {}

/* slide image holder specific */

ul#slideshow{margin-bottom: 6px;list-style: none;}
ul#slideshow img{ max-width:450px;overflow:hidden;}
ul#slide_control li{list-style: none;display: block;float:left;}
ul#slideshow li img{max-height:400px;}


/* slide control specific */

ul#slide_control {z-index:5000;}

/* control button specific */

#prev_button, #next_button, #pause_button, #last_button{margin-left: 0px;}

#first_button {background-image: url(images/first.png);height: 29px;left: 354px;width: 34px;}
#first_button:hover {background-image: url(images/first_hover.png);}
#last_button {background-image: url(images/last.png);height: 29px;left: 474px;width: 34px;}
#last_button:hover {background-image: url(images/last_hover.png);}
#nex_prev_buttons {position: absolute;left: 0;z-index: 5000;}
#next_button {background-image: url(images/next.png);height: 29px;left: 443px;width: 31px;}
#next_button:hover {background-image: url(images/next_hover.png);}
#prev_button {background-image: url(images/prev.png);height: 29px;left: 388px;width: 31px;}
#prev_button:hover {background-image: url(images/prev_hover.png);}
.pause_button {background-image: url(images/pause.png);height: 29px;left: 419px;width: 24px;}
.pause_button:hover {background-image: url(images/pause_hover.png);}
.paused_button {background-image: url(images/play.png);height: 29px;left: 419px;width: 24px;}
.paused_button:hover {background-image: url(images/play_hover.png);}
#hover_next_button, #hover_prev_button {height: 125px;background-repeat: no-repeat;overflow: hidden;width: 77px;top: 35px;z-index: 6000;}
#hover_next_button span {}
#hover_next_button {background-image: url(images/hover_next.png);background-position: 21px 35px;padding: 30px 0 30px 30px;right: 0;}
#hover_prev_button {background-image: url(images/hover_prev.png);background-position: 8px 35px;padding: 30px 30px 30px 0;left: 0;}

/* for slider text or caption  */

ul#slideshow-desc{color: #000;text-align: left;padding: 3px;border: 0px solid;list-style: none;}
ul#slideshow-desc li{width:200px;}
ul#slideshow-desc h2{font-size:30px;margin-bottom:8px;}
.fade{margin-bottom: 2em;}
.fade p{margin-bottom: 2em;text-align: center;width: 100%;background: #fff;}
#slide_nav li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {cursor: pointer;z-index: 5000;}
#slide_nav li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {}
#slide_nav li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {background-repeat: no-repeat;overflow: hidden;top: 0px;}