/*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:#000 url(/blog/wp-content/themes/dark/themes/bokeh2.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 {

	border:5px;

	border-color:#0CF;

        background:#1d1d1d;

	position:relative;

}



#content {

	padding:30px;

	width:572px;

	position:relative;

	margin:30px 0px 0px 0px;

	clear:both;

	line-height:21px;

	border:5px;

	border-color:#0CF;

}



#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;

}