/* -- START CSS --

Author: DZNROKR
Author URI: http://dznrokr-fansites.com
Theme Name: Page to Premiere Network
Theme URI: http://dznrokr-fansites.com
Version: 1.0
Description:  Designed by <a href="http://dznrokr-fansites.com">DZNROKR</a>


/* ------------------------------------------------------ Body and Globals 
----------------------------------------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

body {font-family:Arial, helvetica, sans-serif;font-size:12px;text-align:left;color:#474443;padding:0;margin:0;background:#aec3cd;}

p {padding:0 0 15px 0;}
tr, td {vertical-align:top}
.fix {clear:both; height:0px; padding:0; margin:0;}

img {border:0; padding:0; margin:0;}

blockquote { border-top: 1px solid #d3e3ea; border-bottom: 1px solid #d3e3ea; font-weight:500; color:#293f4d; font-size:14px; line-height:22px; padding:10px 0; font-style:italic; }

a{color:#293f4d;text-decoration:underline;}
a:hover{color:#768da0;text-decoration:none;}

h1, h2, h3, h4 {font-weight:500;padding:6px 0;}
h1 {font-size:42px;}
h2 {font-size:36px;}
h3 {font-size:24px;}
h4 {font-size:18px;}


/* ----------------------------- Layout ----------------------------- */

.wrapper {width:1004px;margin:0 auto;}
.top-wrapper {width:1065px;margin:0 auto;}

#header {width:100%;background:url(images/header-bg.jpg) repeat-x;height:159px;}
#title {float:left;width:450px;}
#menu {float:right;margin-top:50px;}

#network {width:100%;background:url(images/network-bg.jpg) repeat-x;height:572px;}
.network-glow {width:100%;background:url(images/network-glow.png) top center no-repeat;height:572px;}

.home-div-top {width:100%;background:url(images/home-div-top.jpg) repeat-x;height:2px;}
.home-div-bot {width:100%;background:url(images/home-div-bot.jpg) repeat-x;height:2px;}
.home-div-mid {background:url(images/home-div-mid.jpg) repeat-y center;width:80px;float:left;height:700px;margin-top:45px;}

#home-body {background:url(images/home-body-bg.jpg) no-repeat center top #aec3cd;}

/* ----------------------------- Home Network ----------------------------- */

#network-top {width:960px;}
#network-title {margin:30px 0 25px 0;float:left;width:720px;}
#network-pages {margin-top:50px;float:right;width:100px;text-align:right;}
#network-jquery {width:1000px;height:700px;overflow:hidden;}

.svw {width: 50px; height: 20px;}
.svw ul {position: relative; left: -999em;}

.stripViewer { position: relative;overflow: hidden; border: 24px solid #4f413a;  margin: 0 0 1px 0;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.stripViewer ul { margin: 0;padding: 0;position: relative;left: 0;top: 0;width: 1%;list-style-type: none;}
.stripViewer ul li { float:left;}

.stripTransmitter {overflow: visible;width: 1%;}
.stripTransmitter ul {margin: 0;padding: 0;position: relative;list-style-type: none;clear:both;}
.stripTransmitter ul li{float:left;margin: 0 1px 4px 0;}

.stripTransmitter a{text-align:center;line-height:9px;font-weight:500;padding:7px;margin-right:2px;background: #3c5f72;border:#1b4b64 1px solid;color: #fff;text-decoration: none;display: block;-webkit-border-radius: 18px;-khtml-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;}
.stripTransmitter a:hover, a.current{background: #74706e;border:#4d443e 1px solid;color: #ffffff;}

.tooltip {padding: 0.5em;background: #5a7686;color: #000;border: 5px solid #acbdc3;}

/* ----------------------------- Home Body ----------------------------- */

#home-twitter {float:left;width:280px;padding-top:45px;}
#home-blog {float:left;width:280px;text-align:left;padding-top:45px;}
#home-network-feed {float:left;width:280px;padding-top:45px;}

.home-continue {margin:40px auto 60px auto;width:280px;text-align:center;}

.twitted {margin-bottom: 1.5em;width:280px;}
.twitted p.preLoader {	margin: 0;	padding: 1em 1em 1em 3em;background: transparent url(images/loader.gif) 1em center no-repeat;}
.twitted ul#twitter_update_list {margin: 0;	padding: 0 0.8em;list-style-type: none;}
.twitted ul#twitter_update_list li {margin: 0;padding: 20px 0 20px 0;line-height:20px;background:url(images/home-blog-div.jpg) repeat-x bottom;}
.twitted ul#twitter_update_list li span {	/* tweet content */	display: block;}
.twitted ul#twitter_update_list li span a {	/* links in tweet content */	color: #293f4d;}
.twitted ul#twitter_update_list li a {/* timestamp link */	color: #768da0;}
.twitted ul#twitter_update_list li.firstTweet {}
.twitted ul#twitter_update_list li.lastTweet {	border-bottom: none;}

#home-network-feed ul {margin:12px 0 0 0;padding:0;background:url(images/home-blog-div.jpg) repeat-x top;}
#home-network-feed ul li {list-style:none;background:url(images/home-blog-div.jpg) repeat-x bottom;padding:20px 0 20px 20px;border-left:14px solid #67838f;}
#home-network-feed ul li:hover {border-left:14px solid #5b5451;}
#home-network-feed ul li a {text-decoration:none;color:#293f4d;line-height:16px;font-size:18px;}
#home-network-feed ul li a:hover {text-decoration:none;color:#5b5451;}

/* ----------------------------- Post Body ----------------------------- */

.home-post-title h1{color:#62524a;font-family:Arial, Helvetica, sans-serif;font-size:18px;letter-spacing:-1px;}
.home-post-title h1 a{color:#62524a;text-decoration:none;font-weight:100;}
.home-post-title h1 a:hover{color:#56788a;text-decoration:none;}
.post-title h1{color:#62524a;font-family:Arial, Helvetica, sans-serif;font-size:24px;letter-spacing:-1px;margin-top:10px;}
.post-title h1 a{color:#62524a;text-decoration:none;font-weight:100;}
.post-title h1 a:hover{color:#56788a;text-decoration:none;}

.post-meta {color:#6f889b;font-size:11px;padding:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;}
.post-meta a{color:#335a70;text-decoration:none;border-bottom:1px solid #6f889b;font-weight:100;}
.post-meta a:hover{color:#6f889b;border-bottom:1px solid #6f889b;}

.post-image {
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#d6e6f1;
	padding:10px;
	margin:0 10px 10px 0;
	text-align:center;
	width:250px;
	height:170px;
	float:left;
}

.home-post-body {
	line-height:22px;
	font-size:12px;
	width:280px;
	margin:0 auto;
	font-family:Arial, helvetica, sans-serif;
}

.post-body {
	line-height:22px;
	font-size:12px;
	width:605px;
	font-family:Arial, helvetica, sans-serif;
}

.read-more {height:33px; background:url(images/read-more.png) no-repeat top left;float:right;padding:0 0 8px 0; }
.read-more { width:104px; background-position: -17px -17px; }
.read-more:hover { background-position: -17px -83px; }

.home-blog-div {width:280px;height:2px;background:url(images/home-blog-div.jpg) repeat-x;margin:22px 0;}
.blog-div {width:605px;height:2px;background:url(images/home-blog-div.jpg) repeat-x;margin:22px 0;}

.post-meta-single {width:605px;color:#8ca1ab;font-size:12px;border-bottom:1px dashed #261a15;padding:10px 0;font-family:Arial, Helvetica, sans-serif;font-style:italic;margin:22px 0;}
.post-meta-single a{color:#e5eff4;text-decoration:none;border-bottom:1px solid #40565f;font-weight:100;}
.post-meta-single a:hover{color:#55463e;border-bottom:1px solid #40565f;}

#network-blog {width:100%;background:url(images/network-bg.jpg) repeat-x;height:70px;}
#blog-network {float:left;margin-top:14px;width:680px;}

/* Network Dropdown CSS*/
.menu_class {margin-bottom:-2px;}
.the_menu { display:none;width:300px;position:absolute;z-index:500;}
.the_menu li {list-style:none; background:#312622;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin:1px;}
.the_menu li:hover { background:#b9dced;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.the_menu li a { color:#efe8e4;text-decoration:none;font-family:Arial, Helvetica, sans-serif;display:block;font-size:12px;padding:10px;text-transform:uppercase;}
.the_menu li a:hover {color:#214c5f;}

.more-p2pn-img {float:left;margin:6px 20px;}
.more-p2pn-links {float:left;margin:16px 2px;}

#blog {float:left;margin:40px 0;width:640px;line-height:22px;background:url(images/home-div-mid.jpg) repeat-y right;}
#sidebar {float:left;margin:40px 0;width:320px;padding-left:35px;line-height:22px;}

#sidebar h1 {background:#293f4d;padding:6px;display:inline-block;font-size:11px;color:#d6e6f1;margin:20px 0;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}

#sidebar {list-style:none;}
#sidebar-content ul {margin:12px 0 12px 0;padding:0;background:url(images/home-blog-div.jpg) repeat-x top;}
#sidebar-content ul li {list-style:none;background:url(images/home-blog-div.jpg) repeat-x bottom;padding:8px 0 8px 20px;border-left:14px solid #67838f;}
#sidebar-content ul li:hover {border-left:14px solid #5b5451;}
#sidebar-content ul li a {text-decoration:none;color:#293f4d;line-height:16px;}
#sidebar-content ul li a:hover {text-decoration:none;color:#5b5451;}

/* ----------------------------- Tabber  ----------------------------- */

.tabnav  {width:300px;line-height:22px;padding-bottom:20px;background:url(images/home-blog-div.jpg) repeat-x bottom;}
.tabbercontent {width:300px;height:auto;margin:0;padding:10px 10px 0 10px;line-height:22px;}

.tabnav li {display:inline;list-style:none;margin:0 5px 20px 0;}
.tabnav li a {text-align:center;padding:8px;font-size:11px;color:#293f4d;cursor:pointer;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-decoration:none;text-transform:uppercase; }
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background:#293f4d;color:#d6e6f1;}

.ui-tabs-hide { display: none; }

.tabbercontent {padding:10px 0 10px 0;}
.tabbercontent ul li a {text-decoration:none;}

#latest ul li {list-style-type: none;list-style-position:inside;padding:0;margin:0;margin-bottom:10px;}
#latest li {list-style-type: none;list-style-position:inside;padding:0;margin:0 0 10px 0;background:url(images/home-blog-div.jpg) repeat-x bottom;}
.thelatestcontent h2 a {font-weight:bold;font-size:22px;}
.thelatestcontent h2 a:hover {font-weight:bold;font-size:22px;color:#5b5451;}
.thelatestcontent {padding:2px;margin:0 0 10px 0;text-align:left;}
.latestdate {font-size:11px;font-style:italic;}
.latestimg {background:#d6e6f1;margin:4px 8px 15px 0;text-align:center;padding:6px;float:left;width:55px;height:55px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#commentstab ul li {list-style-type: none;list-style-position:inside;padding:10px 0;margin:0;background:url(images/home-blog-div.jpg) repeat-x bottom;}
#commentstab li a {list-style-type: none;list-style-position:inside;padding:0;}
#user h2 {font-size:24px;font-weight:bold;text-transform:none;}
#user li {list-style-type: none;list-style-position:inside;padding:0;margin:0;background:url(images/home-blog-div.jpg) repeat-x bottom;color:#5b5451;text-transform:uppercase;font-size:11px;font-family:Arial, Helvetica, sans-serif;padding:7px;text-align:left;}
#user li a {text-decoration:none;}
#user img {padding:2px 10px 0 0;}

/* ----------------------------- Content  ----------------------------- */

.titles {font-size:42px;color:#293f4d;font-weight:500;}

.sbdivider {width:314px;height:3px;background:url(images/sep.jpg) repeat-x;margin:22px 0;}

#blog ul {padding:4px 0 8px 0;}
#blog ul li {list-style:none;border-bottom:1px dashed #261a15;padding:8px 4px 8px 24px;background:url(images/content-bullet.png) left no-repeat;line-height:16px;}
#blog ul li a {text-decoration:none;color:#736863;font-weight:bold;}
#blog ul li a:hover {text-decoration:none;color:#867c77;}

#blog ol, ol li {list-style-type:decimal;list-style-position:inside;padding:4px;margin:4px;border:none;background:none;text-transform:none;}

#breadcrumb {float:left;margin-bottom:10px;font-size:11px;}
#breadcrumb a {text-decoration:none;background:#293f4d;color:#d6e6f1;padding:6px;display:inline;text-transform:uppercase;margin:0 5px 5px 0;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#breadcrumb a:hover {background:#d6e6f1;color:#293f4d;}


/* ----------------------------- Page-Navi Plugin  ----------------------------- */
#pagenavi {float:right;padding:12px 15px;color:#cacaca;width:639px;}
#pagenavi li {
	background: #232323;
	padding:6px;
	border:1px solid #fbfbde;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	display:block;
	margin:2px;
}

/* ----------------------------- Footer  ----------------------------- */
#footer {background:#67838f;width:100%;}
#footer a {color:#c86f75;text-decoration:none;padding:1px;}
#footer a:hover{color:#de8a8f;border-bottom:none;}

.footer-content {width:1002px;margin:0 auto;padding:20px 0;}
.footer-info {float:left;width:880px;color:#aec3cd;font-size:30px;font-weight:100;}
.footer-credits {float:right;}
.footer-credits img {float:left;padding:0 4px;}

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

#comment-area {width:640px;}
#comment-area a{color:#67838f;}

#comment-area ul {padding:0;}
#comment-area ul li {list-style:none;border-bottom:none;padding:8px;background:none;line-height:16px;}
#comment-area ul li a {text-decoration:none;}
#comment-area ul li a:hover {text-decoration:none;}

.comment-navigation {width:640px;}

h3.comment-area {color:#4d697b;padding:10px 0;font-size:24px;font-weight:500;}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	padding: 4px;
	background: #5d7988;
	-webkit-border-radius: 5px;	-khtml-border-radius: 5px;	-moz-border-radius: 5px;border-radius: 5px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin comment-area*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	margin:5px 65px 15px 0;
	}
	
.commentlist a{color:#67838f;}

.commentlist li {
	margin: 15px 0 10px;
	padding:10px 0;
	list-style: none;
	border-bottom:none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	border-top:1px dashed #666666;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0;margin:10px 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomment-area {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
/* End comment-area */


/* ----------------------------- Forms  ----------------------------- */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; padding:4px; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #1c1511; outline: 2px solid #e5eff4; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* ----------------------------- Wordpress Styles  ----------------------------- */

div.post .new-post .aligncenter, div.post .new-post div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #8fa8b4; text-align: center; background-color: #e5eff4; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
.aligncenter { margin:0 auto; text-align:center;}
div.post img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 10px; }
div.post img.alignright { display:inline; float:right; margin-left:15px; }