/*
Theme Name: Intorrent Theme
Theme URI: http://www.intorrent.com
Description: Custom Theme
Version: 1.0
Author: Aaron Reimann
Author URI: http://www.aaronreimann.com
Tags: 

*/

* { 
	margin:0;
	padding:0;
}

p {
	margin:10px 0 10px 0;
}
body {
   text-align: left;
/*   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif; */
   font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
   font-size: 75.01%;
}
div {
   font-size: 1em;
}
img {
   border: 0;
}

li {
	margin-left: 1em;
	margin-bottom:10px;
}
a {
	color: #000;
	text-decoration: none;
}
/*****************
basic layout 
*****************/
body {
	color: #376762;
	margin:0;
	background: #fff url('images/site_bg.jpg') repeat-x scroll top left;
	
}
body.home {
	background: #fff url('images/site_bg_home.jpg') repeat-x scroll top left;
}

/*
#content { width: 900px; }
#footer { font-size: 1.125em; width: 100%; height: 122px; background: url(../images/footer-bg.jpg) left top repeat-x; text-align: center; margin: 0 auto; }
*/

/* center wrapper, min max width */
div#pagewrapper {
	color: black;
	width: 900px;
	margin: 0 auto 0 auto; 
	min-height: 600px;
}

div#header {
	width: 900px;
	height: 130px;
	float: left;
	position: relative;
}

a.login, a.member {
	background-color: #0089ca;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 12px;
	margin: 0;
	-moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #333;
	box-shadow: 5px 5px 5px #333;
	 
}
div#header ul#aux-links li a.menu-open {
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#signin_menu {
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    display: none;
    float: left;;
    background-color:#0089ca;
    position: relative;
    /*position:absolute;*/
    width:210px;
    z-index:10000;
    border: none;
    text-align:left;
    padding:0;
    margin-top: -5px;
    margin-left: 50px;
    padding: 12px;
    /*top: 24px; 
    right: 144px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;*/
    color:#789;
    font-size:11px;
    -moz-box-shadow: 5px 5px 5px #333;
	box-shadow: 5px 5px 5px #333;
}

#signin_menu label{
	color: #fff;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#333;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#333!important;
}
#signin_menu p a:hover {
    color:#fff!important;
}
#wp-submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    background:#333 url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #ccc;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#wp-submit::-moz-focus-inner {
padding:0;
border:0;
}
#wp-submit:hover, #wp-submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}

div#peruser {
	background: url('images/15_per_user.png') no-repeat scroll top left;
	width: 170px;
	height: 128px;
	position: absolute;
	top:14px;
	right:-32px;
}
div#peruser a {
	width: 170px;
	height: 128px;
	display: block;
}

div#logo {
	float: left;
	width: 226px;
}
div#logo h1 {
	width: 226px;
	height: 78px;
	margin: 0;
	margin: 28px 0 0 0px;
	background: url('http://www.intorrent.com/wp-content/uploads/2011/10/logo_commelev.png') no-repeat scroll top left;
}
div#logo h1 a {
	float: left;
	width: 226px;
	height: 78px;
	display: block;
	text-indent: -999em;
}

div#menu-top-right {
	width: 420px;
	float: right;
	height: 30px;
	padding-right: 40px;

}
div#menu { 
	float: right;
	width: 600px;
	list-style-type:none;
	padding: 56px 90px 0 0;
}
div#menu li {display:inline;}
/*
div#menu li a {
	font-size: 14px;
	color: #fff;	
	font-weight: bold;
	text-decoration: none;
	line-height: 34px;
	padding: 0 10px 0 10px ;
}

div#menu li a:hover {
	color: #fff;	
}
*/
div#home-box {
	height: 251px;

}
div#sidebar li {
	list-style-type:none;
}

div#content {
	padding: 20px 0 0 0;
	min-height: 600px;
}
div#content-left {
	float: left;
	width: 620px;
	padding-bottom: 30px;
}

div#main {
   margin: 20px 0 0 0;
	min-height: 200px;
	width: 560px;
}
div#main a {
	text-decoration: underline;
}

div#sidebar {
	float: left;
   width: 275px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
	padding-bottom: 30px;
}

div#footer-container {
	background: #d3d3d3 url('images/footer_bg.jpg') repeat-x scroll top left;
	width: 100%;
	min-height: 200px;
}
div#footer {
	padding: 0 0 14px 0;
	margin-left: auto;
	margin-right: auto;
	background: url('images/footer_bg.png') repeat-x scroll top left;
	width: 974px;
	color: #666;
	font-size: 12px;
}
div#footer li {
	list-style: none;
}

div#footerText {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	color: #fff;
	text-align: center;
	line-height: 22px;
}
div#footerText a {
	color: #376762;
	text-decoration: none;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

div#login_box {
	background: url(images/login_bg.jpg) no-repeat;
	width: 390px;
	height: 180px;
	margin: 20px auto 0 auto;
	padding: 10px;
}

div#login_box fieldset {
	border: none;
}

fieldset input[type=text], fieldset input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:90%;
    height: 24px;
}

#wp-submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#333 url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #ccc;
    padding: 7px 12px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}

fieldset label{
	color: #fff;
}



/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   font-size: 1.8em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	font-size: 1.4em; 
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
div#content h3 {
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   font-size: 1.1em;
letter-spacing: -.02em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
	color: #666666;
}
/*
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
*/
div#content h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */



/* Post */

.post {
	font-size:14px;
}

.post .title {
}

.post .title a {
	text-decoration: none;
	color: #000;
}

.post .date {
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: normal;
}

.post .date strong {
	font-weight: bold;
	color: #AAAAAA;
}

/*.navigation {
}*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



/* Search */

#search {
	float: left;
	width: 234px;
}

#search form {
	margin: 0;
	padding: 5px 0 0 7px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#s {
	width: 175px;
	background: #aaa;
	border: none;
}

#searchsubmit {
	height: 19px;
	background: #ffd51d;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #1f4670;
}

/* End Search */


/* Page */
.credit {
	text-align: right;
	font-size: 12px;
}


/* End Footer */

/* Sucker Fish Nav CSS */
#suckerfishnav {
    font-weight:bold;
    width:100%;
	font-size:14px;
	z-index: 1001;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:5px 0 0 0;
    margin:0;
    width:100%;
	z-index: 1001;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0 6px 0 6px;
	z-index: 1001;
    }
#suckerfishnav li {
    float:left;
    padding:0;
	z-index: 1001;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:162px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
	z-index: 1001;
    }
#suckerfishnav li li {
    width:160px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:verdana,sans-serif;
	margin:0;
	z-index: 1001;

    }
#suckerfishnav li li a {
    margin:8px 0 8px 10px;
	line-height: 12px;
    width:140px;
    font-size:12px;
    color:#ccc;
	z-index: 1001;
	display: block;

    }
#suckerfishnav li ul ul {
    margin:0 0 0 150px;
	z-index: 1001;
    }
#suckerfishnav li li:hover {
    background:#333;
	z-index: 1001;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#eee;
	z-index: 1001;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#eee;
	z-index: 1001;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
	z-index: 1001;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
	z-index: 1001;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
	z-index: 1001;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#333;
color: #eee;
	z-index: 1001;
    }








div#main a {
	color: #008ACC;
}
div#main h2 {
	color: #0080C5;
	padding: 0;
	margin: 0;
	font-size:32px;
	font-weight:lighter;
	letter-spacing:-0.05em;
	padding-bottom: 14px;
}

div#main h3 {
color:#666666;
	padding: 0;
	margin: 0;
font-size:22px;
	font-weight:lighter;
	letter-spacing:-0.05em;
}

div#main p {
	color: #666666;	
	font-size:14px;
	line-height: 17px;
}


div#taglines {
	padding: 0 10px 0 0 ;
}
div#taglines h2 {
	margin: 0; padding: 0;
	text-align:right;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
}

#footer-nav {
	width: 900px;
	height: 27px;
	padding: 0;
	list-style-type:none;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 10px 0;
	color: #333;
}

#footer-nav li {
	margin-right:15px;
	}

#footer-nav li, #subnav li {
	float:left;
	list-style:none
	}

#footer-nav a {
	font-size: 14px;
	color: #333;	
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
	padding: 1px 2px 2px 2px;
	}





#sidebar { padding: 30px 0 0 0;}
#sidebar ul li.widget_text {
	list-style-type: none;
}

#sidebar a {
	color: #444;
	text-decoration: none;
}

#sidebar p {
	font-size:1.2em;
	line-height:1.25;
	margin:5px 0;
	color: #555;
}
#sidebar h1 { font-weight: lighter; font-size: 18px; letter-spacing: -.03em; color: #444;}
#sidebar h2 { font-weight: lighter; font-size: 16px; letter-spacing: -.05em; color: #444;}
#sidebar h2 span {font-weight: bold; color: #444;}
#sidebar h3 { font-size: 15px; color: #444;}
#sidebar h5 {font-size: 14px; color: #444; }

#sidebar .sidebox {width: 275px; border: 1px solid #c4c4c4; background: #f5f5f5 url(images/quick-facts-bg.jpg) left top repeat-x; padding: 10px 10px 0 10px; }
#sidebar .sidebox img {margin: 0 auto;}
#sidebar .sidebox ul li { display: block; padding: 0 0 0 27px; background: url(images/info-icon.png) left top no-repeat; margin: 10px 0; font-size: 1.215em; line-height: 1.25; min-height: 21px; height: auto !important; height: 21px;  }
#sidebar .sidebox h3 span {display: block; font-size: .7em;}
#sidebar .sidebox h1 { color: #666; font-size: 18px;}

#sidebar .gray-gradient-box { overflow: hidden; width: 275px; border: 1px solid #c4c4c4; background: #f5f5f5 url(/images/quick-facts-bg.jpg) left top repeat-x; padding: 10px; }
#sidebar .blue-gradient-box { width: 275px; border: 1px solid #c4c4c4; background: #e6edf6 url(/images/lets-connect-bg.jpg) left top repeat-x; padding: 10px; }
#sidebar .gray-gradient-box ul li, #sidebar .blue-gradient-box ul li { display: block; padding: 0 0 0 27px; background: url(/images/info-icon.png) left top no-repeat; margin: 10px 0; font-size: 1.215em; line-height: 1.25; min-height: 21px; height: auto !important; height: 21px;  }
#sidebar .gray-gradient-box ul li a, #sidebar .blue-gradient-box ul li a { color: #666; }
#sidebar .gray-gradient-box h1 { font-size: 18px; font-weight: bold; color: #666;}

#sidebar a.product-demo { display: block; width: 275px; border: 1px solid #c4c4c4; background: #f5f5f5 url(/images/yellow-tile.jpg) left top repeat-x; padding: 10px; color: #666; margin: 20px 0; font-weight: bold; font-size: 1.525em; }

#sidebar .IT-box { width: 275px; background: #1393d0; padding: 10px; color: #fff; }
#sidebar .IT-box a, #sidebar .IT-box h3 { color: #fff; }
#sidebar .IT-box a { font-weight: bold; }

#stories-panel { width: 539px;  margin: 20px 0; padding: 10px; border: 1px solid #cbcbcb; background: #f5f5f5 url(/images/fan-bg.jpg) left top repeat-x; }
#stories-panel p { margin: 0; padding: 0; }
#stories-panel h5 { font-size: 16px; color: #008acc; margin: 5px 0 0 0; font-weight: bolder;}
#stories-panel ul { display: block; margin: 30px 0 7px 0; }
#stories-panel ul li { display: block; float: left; width: 123px; margin: 0 20px; }
#stories-panel ul li img, #article #stories-panel ul li object { display: block; margin: 0 0 10px 0; }
#stories-panel ul li a, #article #stories-panel ul li span { display: block; margin: 2px 0; font-size: 1.125em; }

#stories-panel ul li span {
	display:block;
	font-size:1.125em;
	margin:2px 0;
}



/*=== header aux links ==*/
div#header ul#aux-links { float: right; width: 390px; padding: 5px 0 0 0; }
div#header ul#aux-links li { display: block; float: left; margin-left: 20px;}
div#header ul#aux-links li:last-child { background: none; }
div#header ul#aux-links li a { color: #fff; font-size: 1em; width: auto; text-decoration: none; }

div#video-highlight { width: 205px; float: right; margin: 7px 10px 0 0; }
div#video-highlight ul li { display: block; margin: 0 0 5px 0; background: #e8e8e8; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div#video-highlight ul li img { display: block; margin: 0 0 5px 0; }
div#video-highlight ul li a { display: block; color: #666; text-align: right; margin: 0 auto; }


div#tmpSlideshow { float: left; }
div#tmpSlideshow h2 { float: left; color: #fff; font-weight: lighter; font-size: 22px; line-height: 1; margin: 40px 0 0 20px; width: 280px; }
div#tmpSlideshow a.learn-more { float: left;  display: block; background: #77c0e2 url(/images/cycle-arrow.jpg) 10px 10px no-repeat; width: 150px; padding: 10px 10px 10px 45px; border: 1px solid #c4c4c4; margin: 20px 0 0 20px; color: #464646; font-size: 1.195em; }
div#tmpSlideshow img { float: right; position: relative; bottom: 0x; }
div#tmpSlideshow ul li {  	display: none; width: 650px; }

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 520px;
	background: #222;
	font-size: 1.2em;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}


#sidebar a {
	color: #008ACC;
	text-decoration: underline;
 }


table {
	border: 0;
}
table tr td img {
	margin-left: auto;
	margin-right: auto;
}
table tr td strong {
	color: #000;
}
table tr {
	border: 0;
}
table tr td.sub {
	padding: 10px;
	border: 0;
	color: #555;
}
table tr td.main {
	padding: 8px;
	border: 0;
	color: #000;
}
td.spacer-w-border {
	width: 1px;
	border-right: thin solid #aaa;
}
table tr td.td-pane3 {
		border-bottom: thin solid #aaa;
}

div#filmstrip-bg {
	background: url('images/filmstrip_bg.png') no-repeat scroll top left;
	width: 152px;
	height: 512px;
}