/*Theme Name: Dark n Clean*/
/*Theme URI: http://www.themeforest.com*/
/*Description: A clean simple and dark HTML theme*/
/*Author: Ryan Furtner*/
/*Author URI: http://www.furtzdesigns.com*/
/*Version: 1.0*/

/*
------------------------------------------------------------
|                         Site styles         
------------------------------------------------------------
*/

/**/
body { background:#111111 url(bokeh.jpg) no-repeat center top; color:#e9e9e9; font-family: "Myriad Pro", "Myriad Web", Myriad, Frutiger, Calibri, sans-serif; margin:0px; padding:0px;}

#wrap980 {
	text-align:center;
	width:980px;
	margin:0 auto;
}

#wrap {
	width:912px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

/*
------------------------------------------------------------
|                           Link styles            
------------------------------------------------------------
*/


a:link,
a:visited {
	text-decoration:none;
	border:0 none;
	color:#61c3f0;
	outline:none;
}

a:hover {
	text-decoration:none;
	border-bottom:1px solid white;
	color:#61c3f0;
	outline:none;
}

a img {
	border:0 none;
}

.coda-nav-left a:link,
.coda-nav-right a:link,
.coda-nav-left a:visited,
.coda-nav-right a:visited { 
	text-decoration:none;
	border-bottom:0 none;
	color:#272727;
}

.coda-nav-left a:hover,
.coda-nav-right a:hover { 
	text-decoration:none;
	border-bottom:0 none;
}

/*
------------------------------------------------------------
|                          Top styles             
------------------------------------------------------------
*/

#top {
	width:100%;
	height:160px;
}

#logo {
	margin:55px 0px 0px 30px;
	float:left;
	width:286px;
}

#info {
	margin:55px 0px 0px 0px;
	float:left;
	font-size:14px;
	border-left:1px solid #7A7A7A;
	padding:15px 0px 0px 35px;
	height:65px;
	width:178px;
}

#info p {
	margin:5px 0px;
}

#social {
	float:right;
	margin-top:66px;
	width:310px;
	text-align:right;
}

#social_inner {
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
}

#social_inner li {
	float:left;
}

#social a img {
	border:0 none;
}

#social a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border:0 none;
	color:#272727;
	display:block;
}

#social a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border:0 none;
}

/*
------------------------------------------------------------
|                        Featured styles            
------------------------------------------------------------
*/

/* This is the featured thing with the arrows and the slidey-ness */

#header {
	width:912px;
	height:240px;
	padding:20px 0px 0px 0px;
	position:relative;
	background:#1d1d1d;
}

#tagline {
	font-size:25px;
	padding:15px;
	position:relative;
	text-align:center;
	width:882px;
	background:#1d1d1d;
	overflow:hidden;
	clear:both;
}

#featured-top {
	background:url(images/featured-top-trans.png) no-repeat;
	height:10px;
	width:912px;
	margin-top:21px;
}

#featured-bottom {
	background:url(images/featured-bottom-trans.png) no-repeat;
	height:10px;
	width:912px;
	clear:both;
	overflow:hidden;
}

.title {
	font-size:50px;
	margin:-5px 0px 0px 0px;
}

.desc {
	width:470px;
	font-size:28px;
	position:relative;
}

.desc p {
	margin:15px 0px 0px 0px;
	width:470px;
	height:136px;
	overflow:hidden;
}

.desc p a {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #2F2F2F;
	font-size:14px;
	padding:3px 5px;
	color:#E9E9E9;
	left:14px;
	position:relative;
	top:-4px;
	display:inline;
}

.desc p a:hover {
	text-decoration:none;
	border:0 none;
	color:#61C3F0;
}

.truncate_less {
	display:inline;
}

.img {
	background: #333;
	position:absolute;
	right:30px;
	top:0;
	width:336px;
	height:220px;
}

#next, #prev {
	position:absolute;
	top:125px;
	height:32px;
	width:32px;
}

#next {
	right:-37px;
	background: url(images/next.png) no-repeat;
}

#prev {
	left:-37px;
	background: url(images/prev.png) no-repeat;
}

#next a, #prev a {
	display:block;
}

/*
------------------------------------------------------------
|                    Coda slider styles        
------------------------------------------------------------
*/

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 912px } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider { width: 912px; height:220px; position:relative; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
.panel {width:912px !important; height:220px; position:relative; }
.panel-wrapper {padding:0px 30px !important;}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { width:32px; height:32px;	position:absolute; top:126px; text-indent:-999px; overflow:hidden; }
.coda-nav-left a { outline:none; background: url(images/prev-trans.png) no-repeat;	left:-37px;}
.coda-nav-right a { outline:none; background: url(images/next-trans.png) no-repeat; right:-37px;}

/* Tab nav */
.coda-nav ul li a.current { background: #39c }
#coda-nav-1 { 
	position:absolute;
	top:224px;
	height:40px;
	overflow:hidden;
	left:0px;
	text-align:left; 
	width:520px !important; 
}

/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; overflow: hidden; padding-left:30px;}
.coda-nav ul li { display: inline;}
.coda-nav ul li a { background: #0f0f0f; color: #1d1d1d; display: block; float: left; text-decoration: none; height:13px; width:13px; margin-right:10px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.coda-nav ul li a:hover { border:0 none; }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: hidden; height:220px !important; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


/*
------------------------------------------------------------
|                          Main styles             
------------------------------------------------------------
*/

#main {
	margin:0px 0px 25px 0px;
}

#content,
#sidebar {
	background:#1d1d1d;
	position:relative;
}

#content {
	padding:30px;
	width:572px;
	position:relative;
	margin:30px 0px 0px 0px;
	clear:both;
	line-height:21px;
}

#content-wrap {
	width:632px;
	overflow:hidden;
	float:right;
	margin:0px 0px 20px 0px;
}

#content-top {
	background: url(images/content-top-trans.png) no-repeat;
	width:632px;
	height:10px;
	left:0;
	position:absolute;
	top:-10px;
}

#content-bottom {
	background: url(images/content-bottom-trans.png) no-repeat;
	width:632px;
	height:10px;
}

#title {
	margin:12px 0px 28px 0px;
}

/*
------------------------------------------------------------
|                        Sidebar styles        
------------------------------------------------------------
*/

#sidebar {
	padding:15px 30px;
	width:200px;
	float:left;
	margin-right:20px;
	margin:20px 0px 0px 0px;
}

#sidebar-wrap {
	width:260px;
	overflow:hidden;
	float:left;
	margin:10px 0px 20px 0px;
}

#sidebar ul,
#sidebar li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar ul li ul li {
	border-bottom:1px solid #333333;
}

#sidebar h2 a:link,
#sidebar h2 a:visited {
	color:white;
}

#sidebar-top {
	background: url(images/sidebar-top-trans.png) no-repeat;
	width:260px;
	height:10px;
	left:0;
	position:absolute;
	top:-10px;
}

#sidebar-bottom {
	background: url(images/sidebar-bottom-trans.png) no-repeat;
	width:260px;
	height:10px;
	float:left;
}

.widget ul li a {
	display:block;
	position:relative;
	padding:7px 0 7px 15px;
	outline:none; 
}

.widget ul li a:hover {
	text-decoration:none;
	border:0 none;
	background:#1F1F1F url(images/arrow.png) no-repeat 3px 14px;
}

#sidebar .rss-date {
	padding-left:15px;
	font-size:13px;
	margin-bottom:7px;
	display:block;
}

/* Sidebar widgets */

.widget {
	overflow:hidden;
}

/* search */

.widget_search label {
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	margin:19px 0px;
	display:block;
}

.widget_search #s {
	background: #2F2F2F;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:0 none;
	width:150px;
	color:#ccc;
	font-size:15px;
	float:left;
}

.widget_search #searchsubmit {
	background: url(images/mag-trans.png) no-repeat #2F2F2F;
	height:28px;
	width:28px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:right;
	border:0 none;
	text-indent:-9999px;
	padding:0px;
	cursor:pointer;
	outline:none;
}

/* calendar */

#calendar_wrap {
 margin-top:23px;
}

#wp-calendar caption {
 margin-bottom:10px;
 margin-top:-8px;
 font-size:14px;
 text-align:center;
}

#wp-calendar th {
 text-align:center;
}

#wp-calendar td#today {
 font-weight:bold;
}

#wp-calendar td#today a {
 text-decoration:none;
 color:#3C7ECA;
 border:none !important;
}

#wp-calendar td {
 padding:3px 4px;
 text-align:center;
}

#wp-calendar tbody tr td {
 border:1px dotted #666;
 height:27px;
 width:21px;
}

#wp-calendar tbody tr td:hover {
 background-color:#2f2f2f;
 cursor:default;
}

#wp-calendar tbody tr td.pad:hover {
  background:none;
}

#wp-calendar tbody tr td a {
 text-decoration:none;
 color:#3C7ECA;
}

#wp-calendar thead tr th {
 font-weight:bold;
 font-size:14px;
 padding-bottom:8px;
}

#wp-calendar tfoot tr td {
 margin-top:5px;
 margin-bottom:-5px;
}

#wp-calendar tfoot tr td#prev{
 text-align:left !important;
}

#wp-calendar tfoot tr td#next{
 text-align:right !important;
}

#wp-calendar tfoot tr td a {
 text-decoration:none;
 color:#3C7ECA;
 border:none !important;
}

#wp-calendar tbody tr td.pad {
 border:none;
}

/* twitter */

#twitter-top {
	height:10px;
	background: url(images/twittersprite.jpg) no-repeat;
	width:200px;
	padding:0px;
	margin:0px;
}

#twitter {
	margin:25px 0px 0px 0px;
	font-size:16px;
	padding:0px;
}

#twitter a:link,
#twitter a:visited {
	text-decoration:none;
	border:0 none;
	color:#61c3f0;
	padding:0px;
}

#twitter a:hover {
	text-decoration:none;
	border-bottom:1px solid white;
	color:#61c3f0;
	background:none;
}

#twitter ul li {
	border:0 none;
	margin:0;
	padding:0;
}

#tweet {
	background:#2F2F2F;
	padding:0px 12px;
}

#bird {
	background: url(images/twittersprite.jpg) no-repeat 0 -10px;
	height:106px;
	clear:both;
	overflow:hidden;
}

#meta {
	font-size:13px;
	font-family:Georgia, "Times New Roman", serif;
	font-style:italic;
	margin-top:10px;
}

#tweet_loader {
	margin-left:79px;
}

/*
------------------------------------------------------------
|                        Footer styles
------------------------------------------------------------
*/

#footer {
	width:100%;
	clear:both;
	text-align:center;
	height:50px;
	background: url(images/footer-trans.png) no-repeat;
	overflow:hidden;
	font-size:14px;
}

#footer p {
	padding:3px 0px 0px 0px;
}

/*
------------------------------------------------------------
|                         Image styles        
------------------------------------------------------------
*/

.round_wrap {
	position:relative;
}

.alignleft {
	display:block;
	float:left;
	margin:0 20px 10px 0;
}

.alignright {
	display:block;
	float:right;
	margin:0 0 10px 20px;
}

/* Rounded corner images */

.topleft {
	position:absolute;
	top:0px;
	left:0px;
}

.topright {
	position:absolute;
	top:0px;
	right:0px;
}

.bottomleft {
	position:absolute;
	bottom:0px;
	left:0px;
}

.bottomright {
	position:absolute;
	bottom:0px;
	right:0px;
}

/*
------------------------------------------------------------
|                      Portfolio items styles    
------------------------------------------------------------
*/

#portfolio_wrap {
	overflow:hidden;
}

.portfolio_left {
	margin-left:5px !important;
	margin-right:35px !important;
}

.portfolio_item {
	height:150px;
	width:265px;
	float:left;
	margin:0px 0px 22px 0px;
	position:relative;
	overflow:hidden;
}

.boxcaption img {
	float:left;
	margin-top:8px;
}

.boxcaption span {
	float:left;
	font-family:tahoma;
	font-size:15px;
	margin:23px 0 0 8px;
}

.boxcaption a:link,
.boxcaption a:visited {
	color:white;
	display:block;
	float:left;
	overflow:hidden;
	outline:none;
}

.enlarge {
	width:115px;
}

.readmore {
	width:128px;
}

.boxcaption a:hover {
	border-bottom:0 none;
}

.topleft,
.topright,
.bottomleft,
.bottomright {
	z-index:5;
}

/* Sliding caption boxes */

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .83;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=83);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=83)";
	z-index:4;
	padding:10px;
}

.boxcaption h3 {
	margin:0px 0px 0px 5px;
}

/*
------------------------------------------------------------
|                      Portfolio single styles    
------------------------------------------------------------
*/

.portfolio_large {
	background: url(images/single_frame.jpg) no-repeat;
	padding:9px;
	height:280px;
}

ul.tick {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.tick li {
	padding:3px 0px 3px 25px;
	margin:0px 0px 0px 20px;
	background: url(images/tick.png) no-repeat 0px 4px;
}

ul.left {
	float:left;
	margin:0px 31px 0px 0px;
}

ul.right {
	float:right;
	margin:0px 20px 0px 31px;
}

#single_buttons {
	margin:0px;
	padding:0px;
	list-style:none;
}

#single_buttons li {
	float:left;
	height:32px;
	margin:15px 18px 0px 18px;
}

#single_buttons li a {
	display:block;
	padding:6px 0px 6px 40px;
	color:white;
	outline:none;
}

#single_buttons li a:hover {
	color:#61C3F0;
	border:0 none;
}

#view_live {
	background: url(images/screen-trans.png) no-repeat;
}

#return {
	background: url(images/back_arrow-trans.png) no-repeat;
}

#share {
	background: url(images/star-trans.png) no-repeat;
}


/*
------------------------------------------------------------
|                    Contact form styles        
------------------------------------------------------------
*/

#contact_wrap label,
#comment_wrap label {
	display:block;
	margin:0px 0px 5px 0px;
}

#contact_wrap input,
#comment_wrap input {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	width:270px;
}

#contact_wrap input[type="submit"],
#comment_wrap input[type="submit"] {
	background:none repeat scroll 0 0 #555555;
	color:#FFFFFF;
	width:90px;
	cursor:pointer;
}

#contact_wrap textarea,
#comment_wrap textarea {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	width:350px;
	height:100px;
}

#contact_wrap textarea,
#comment_wrap textarea,
#comment_wrap input,
#contact_wrap input {
	padding:5px;
	font-size:16px;
	font-family:"Myriad Pro","Myriad Web",Myriad,Frutiger,Calibri,sans-serif;
	background:none repeat scroll 0 0 #2F2F2F;
	border:0 none;
	color:#CCCCCC;
	margin-top:5px;
}

#contact_info ul,
#comment_info ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.contact {
	width:226px;
	height:32px;
	float:left;
	margin:0px 20px 10px 0px;
	padding:5px 0px 0px 40px;
}

.digg {
	background: url(images/social/digg-trans.png) no-repeat;
}

.facebook {
	background: url(images/social/facebook-trans.png) no-repeat;
}

.google {
	background: url(images/social/google-trans.png) no-repeat;
}

.skype {
	background: url(images/social/skype-trans.png) no-repeat;
}

.friendfeed {
	background: url(images/social/friendfeed-trans.png) no-repeat;
}

.lastfm {
	background: url(images/social/lastfm-trans.png) no-repeat;
}

.myspace {
	background: url(images/social/myspace-trans.png) no-repeat;
}

.email {
	background: url(images/social/email-trans.png) no-repeat;
}

.linkedin {
	background: url(images/social/linkedin-trans.png) no-repeat;
}

.twitter {
	background: url(images/social/twitter-trans.png) no-repeat;
}

/*
------------------------------------------------------------
|                        Comments    
------------------------------------------------------------
*/

.comments {
	margin:31px 0px;
	padding:0px;
	overflow:hidden;
}

.main_comment {
	padding:15px;
	background:#2f2f2f;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0px 0px 0px 15px;
	position:relative;
	float:left;
	width:427px
}

.comments li {
	margin:0px 0px 30px 0px;
	list-style:none;
	overflow:hidden;
}

.comments li:last-child {
	margin:0px;
}

.main_comment p {
	margin:10px 0px;
}

.avatar {
	float:left;
	margin:0px 20px 0px 0px;
}

#comment_form p {
	margin:0px 0px 20px 0px !important;
}

.triangle {
	background: url(images/speech-trans.png) no-repeat;
	height:29px;
	width:25px;
	position:absolute;
	top:33px;
	left:-23px;
}

h2.border_top {
	padding:19px 0px 0px 0px;
}

.border_top {
	border-top:1px solid #333333;margin-top:19px;
}

#comment_wrap small {
	font-family: Verdana, Tahoma, sans-serif;
	font-size:10px;
}

/*
------------------------------------------------------------
|                       Search results    
------------------------------------------------------------
*/

#search_results {
	margin:0px;
	padding:0px;
	list-style:none;
}

.search_result {
	margin-left:10px;
}

/*
------------------------------------------------------------
|                          Blog posts   
------------------------------------------------------------
*/

.blog_post {
	margin-bottom:30px;
}

.meta {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 5px;
	list-style:none;
	clear:both;
	overflow:hidden;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border:1px solid #444444;
	height:21px;
}

.meta li {
	float:left;
	margin:0 24px 2px 0;
	padding:0 0 0 23px;
}

.meta li:last-child {
	margin:0px;
}

.meta .author {
	background: url(images/author-trans.png) no-repeat scroll 0px 2px transparent;
}

.meta .time {
	background: url(images/clock-trans.png) no-repeat scroll 0px 2px transparent;
}

.meta .comments {
	background: url(images/comment-trans.png) no-repeat scroll 0px 2px transparent;	
}

.blog_post .round_wrap,
#single_blog_thumb .round_wrap {
	margin-top:16px;
}

/*
------------------------------------------------------------
|             Table styles  (tablesorter)       
------------------------------------------------------------
*/

table.tablesorter {
	font-family:arial;
	background-color: #1F1F1F;
	margin:5px 0px;
	font-size: 8pt;
	width: 100%;
	padding:1px;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	color:#000;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #fff;
	padding: 4px;
	background-color: #2f2f2f;
	background-image: url(images/tdbg.jpg);
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #61C3F0;
}

/*
------------------------------------------------------------
|             Table styles  (not tablesorter)       
------------------------------------------------------------
*/

table {
	width:100%;
}

th {
	text-align:left;
}

/*
------------------------------------------------------------
|                  General site-wide styles       
------------------------------------------------------------
*/

blockquote {
	border-left:4px solid #61C3F0;
	margin:16px 40px;
	padding-left:15px;
	color:#CFCFCF;
	font-style:italic;
}

.clear {
	clear:both;
	overflow:hidden;
	width:100%;
	height:1px;
}

code {
	font-family:Courier,'andale mono','lucida console',monospace;
}

#prev_posts,
#next_posts {
	background:#0F0F0F;
	-moz-border-radius:5px;
	padding:6px;
}

#prev_posts {
	float:left;
}

#next_posts {
	float:right;
}

#post_nav_link {
	clear:both;
}

/*
------------------------------------------------------------
|                  Little browser hacks       
------------------------------------------------------------
*/

.safari #footer p {
	padding:5px 0px 0px 0px;
}

/* This is a way of not using the images for the rounded corners that I thought up, its a bit messy but it works well! */
/* Earlier in the stylesheet these divs have background images set for the corners, this overules that for gecko and webkit borswers. */

.webkit #footer,
.webkit #featured-top,
.webkit #sidebar-top,
.webkit #content-top {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	background:#1D1D1D;
}

.webkit #featured-bottom,
.webkit #sidebar-bottom,
.webkit #content-bottom {
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background:#1D1D1D;
}


.gecko #footer,
.gecko #featured-top,
.gecko #sidebar-top,
.gecko #content-top {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#1D1D1D;
}

.gecko #featured-bottom,
.gecko #sidebar-bottom,
.gecko #content-bottom {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	background:#1D1D1D;
}

/* added for fly-out menus */

#sidebar ul li ul li {
    position:relative;
	z-index:98;
}

#sidebar ul li ul li ul {
    position:absolute;
    left:200px;
    z-index:99;
    width:200px;
    top:0px;
    background:#1D1D1D;
    display:none;
}

#sidebar-wrap,
.widget {
    overflow:inherit;
	z-index:2;
}

.widget_search {
    overflow:hidden;
}

#sidebar {
	z-index:3;
}

.on-top
{
  z-index: 10000;
}