/*


*/


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

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

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

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

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:180px;
}

#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:20px;
	/*padding:20px 0px 0px 0px;*/
	position:relative;
	background:#1d1d1d;
}

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

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

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

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

.desc p {
	margin:15px 0px 0px 0px;
}

.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 {
	border-bottom:1px solid #333333;
}

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

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

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

/* Sidebar widgets */

#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_left {
	margin-right:20px;
	float:left;
	width:275px;
}

#portfolio_right {
	float:right;
	width:275px;
}

.portfolio_item {
	height:150px;
	width:265px;
	float:left;
	margin:0px 0px 22px 0px;
	clear:both;
	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        
------------------------------------------------------------
*/

#contactform label {
	display:block;
	margin:0px 0px 5px 0px;
}

#contactform ul {
	padding:0px 0px 0px 15px;
}

#contactform ul li {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#contactform .input {
	width:270px;
}

#contactform textarea {
	width:350px;
	height:100px;
}

#contactform textarea,
#contactform .input {
	padding:5px;
	font-size:16px;
	font-family:"Myriad Pro","Myriad Web",Myriad,Frutiger,Calibri,sans-serif;

	border:0px solid;
}

#contactform .submit {
	padding:5px 10px;
	font-size:16px;
	font-family:"Myriad Pro","Myriad Web",Myriad,Frutiger,Calibri,sans-serif;
}

li.special {
	display:none;
}

.message {
	display:none;
}

#alert {
	width:530px;
	background:#2F2F2F;
	padding:20px;
	-moz-border-radius:10px;
}

#alert ul li {
	margin:0px 0px 10px 0px;
	padding:0px;
}

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



/*
------------------------------------------------------------
|             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;
}

/*
------------------------------------------------------------
|                  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;
}

/*
------------------------------------------------------------
|                  Remove this fool 
------------------------------------------------------------
*/

#demo_text {
	color:#999999;
	font-size:12px;
	padding-left:9px;
	font-weight:normal;
}

/* Types */

.App {
    color: #ff9900;
}

.Movie {
    color: #00ffff;
}

.TV {
    color: #d25b5b;
}

.Game {
    color: #8989fc;
}

.Music {
    color: #60d160;
}

.XXX {
    color: #e467d7;
}

.Other {
    color: #ffcdcd;
}

.Porn {
    color: #e467d7;
}

span.h{
color:#AAFF00;
float:right;
position:relative;
z-index:2;
margin-top:-1px;
/*padding-left:3px;*/
cursor:help;
}


db2 {


}

.dl2 tbody a{white-space:nowrap !important;}
.dl2 thead tr{visibility:hidden;}
.dl2 tbody th{white-space:nowrap;font-size:12px;padding:2px 0 1px;}
.dl2 tbody td{overflow:hidden;_text-overflow:ellipsis; font-size:12px;}


#dl2td a:visited{color:#b1b1b1;}

table.dl2 td{white-space:nowrap;}
.dl2{border-collapse:collapse;width:100%;}
.dl2 {table-layout:fixed;}


/* Menu */

#menu {
	width: 912px;
	height: 20px;
	margin: 0 auto;
	
}

#menu ul {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin-left: 30px;
	padding: 0px 0px 0px 20px;
}

#menu a {
	text-decoration: none;
	letter-spacing: -1px;
	font-size: 1.2em;
	font-weight: normal;
}

#menu a:hover {
	text-decoration: none;
}