/*  
Theme Name: Multifiliate
Theme URL: http://www.multifiliate.com
Author: Graphorce
Author URL: http://www.graphorce.com/
Description: Multifiliate Wordpress Theme
*/

/*
	General definitions
*/
* { margin:0; padding:0;}
body { background:url(images/bg-single.jpg) repeat-x #f4f4f4; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#667379; text-align:justify;}
body.homepage { background-image:url(images/bg-home.jpg);}

a {color:#218bb5; text-decoration:none;}
a img { border:none;}

.clear { clear:both; font-size:0px;}

h2 { font-size:34px; color:#2d6f8f; position:relative;}
h2 a {color:#2d6f8f;}
h3 { position:relative;}
h2 .title, h3 .title, #navigation .title  { position:relative; z-index:10; display:block;}
h2 .shadow, h3 .shadow, #navigation .shadow { position:absolute; top:2px; left:1px; color:#FFFFFF; z-index:9; display:block;}
h3 { font-size:18px;}
h5 { font-size:16px;}

p.error { color:#FF0000; font-size:13px; margin-top:1em;}
p.success { font-size:16px; text-align:center; font-weight:bold;  margin-top:1em;}


input.submit {  width:78px; height:31px; border:none; margin:0 0 0 7px; color:#FFFFFF; font-size:14px; cursor:pointer;}
@-moz-document url-prefix() { input.submit { padding:0 0 5px 0; }}
input.submit.green { background:url(images/button-green.jpg);}
input.submit.blue { background:url(images/button-blue.jpg); width:71px;}


#wrap { margin:0 auto; width:960px;}


/*
	Header
*/
#header { height:80px; position:relative;  z-index:70;}
#header h1 { background:url(images/logo.jpg); width:191px; height:47px; float:left; margin-top:18px;}
#header h1 a { display:block; height:100%; width:100%;}
#header h1 a span { display:none;}

/*
	Main Menu
*/
#menu { list-style-type:none; float:right; position:relative;}
#menu li {float:left; height:80px; display:block; _width:150px; _text-align:center;}
#menu li a { font-size:14px; color:#FFFFFF; display:block; height:47px; padding:33px 22px 0 22px; position:relative;}
#menu li a .overlay { display:block; width:100%; height:100%; _height:80px; _width:150px; background:#FFFFFF; position:absolute; top:0; left:0; display:none; cursor:pointer;}
/*#menu li:hover,#menu li.selected { background:url(images/menu-hover.jpg);}*/


/*
	User menu
*/
#menu-user { position:absolute; right:0; top:81px; list-style-type:none; z-index:100;}
#menu-user li { float:left; background:url(images/btn-user-menu.jpg); width:75px; height:22px; padding:5px 0 0 0; text-align:center; margin-right:5px;}
#menu-user li a { color:#FFFFFF; font-weight:bold;}
#menu-user li:last-child { margin:0;}


/*
	Subheader
*/
.homepage #subheader { height:282px; position:relative; padding:38px 0 0 0; z-index:50;}
.homepage #subheader h2 { margin:0 0 20px 0;}
.homepage #subheader p { font-size:16px; width:583px; text-align:justify; line-height:26px; margin:0 0 30px 0;}
.homepage #subheader .buttons .button { display:block; float:left; height:47px; margin-right:8px;}
.homepage #subheader .buttons .button span{ display:none;}
.homepage #subheader .buttons .view-features { background:url(images/btn-view-features.png); width:163px;}
.homepage #subheader .buttons .supported-networks { background:url(images/btn-supported-networks.png); width:223px;}
.homepage #subheader .buttons .register-now { background:url(images/btn-register-now.png); width:162px;}
.homepage #subheader .logo-big { background:url(images/logo-big.png); width:266px; height:271px; position:absolute; right:57px; top:38px;}


.single #subheader { height:139px; position:relative; padding:55px 0 0 0; z-index:50; background:url(images/logo-transparent.jpg) no-repeat; background-position:635px 38px;}


/*
	Homepage
*/
.homepage #content-wrap { margin-bottom:2em;}

.homepage .features { width:531px; float:left; background:#FFFFFF; margin-bottom:1em;}
.homepage .features h3 {color:#f3a341; margin:5px 0 0 0;}
.homepage .features .content { padding:10px;  border:1px solid #e0e0e0; border-bottom:none;}
.homepage .coming-soon { background:url(images/feature-coming-soon.jpg); height:30px; padding:18px 0 0 80px; font-size:13px; color:#a6a4a4; font-weight:bold;}

.homepage .feature { padding:20px 0; border-bottom:1px dashed #d7d7d7;}
.homepage .feature.last { border:none;}
.homepage .feature .image { width:72px; float:left; text-align:center;}
.homepage .feature .info { width:435px; float:left; }
.homepage .feature .info p {line-height:18px; text-align:justify; }
.homepage .feature h4 {color:#218bb5; font-size:13px; margin-bottom:5px;} 

.homepage .blog { width:397px; float:right;}
.homepage .blog h3 {color:#8c969e; margin:15px 0 0 0;}
.homepage .blog h3 .shadow { display:none;}
.homepage .blog .post { padding:10px 0; border-bottom:1px dashed #d7d7d7;}
.homepage .blog .post.last {border:none;}
.homepage .blog .post .text { padding:7px 0;}
.homepage .blog .post .meta a { color:#6fbce1; font-weight:bold; }
.homepage .blog .post .meta .comments {float:left; background:url(images/icon-comment.gif) no-repeat left center; padding:0 0 0 20px;}
.homepage .blog .post .meta .date {float:left;}
.homepage .blog .post .meta .read-more {float:right;}

.homepage #supported-networks h3 {color:#8c969e; margin-bottom:12px; margin-left:11px;}
.homepage #supported-networks .content { background:#FFFFFF; border:1px solid #d7d7d7; padding:20px; }
.homepage #supported-networks ul { list-style-type:none;}
.homepage #supported-networks a { padding:15px 20px; display:block; float:left; text-align:center;}

/*
	Single page
*/
.single #content { width:639px;  float:left;  }
.single #sidebar { width:294px; border:1px solid #e1e1e1; background:#FFFFFF; float:right; }

.single .features {border:1px solid #e1e1e1; background:#FFFFFF; padding:20px;}
.single .feature { padding:20px 0; border-bottom:1px dashed #d7d7d7;}


.single .feature.last { border:none;}
.single .feature .image { width:54px; float:left; text-align:center;}
.single .feature .info { width:525px; float:right; }
.single .feature .info p { margin-bottom:1em; text-align:justify; line-height:16px;}
.single .feature .info ul {margin-left:30px;}
.single .feature .info li {margin:5px;}

#sidebar .coming-soon{ background:url(images/coming-soon-sidebar.jpg); width:286px; height:176px; border:1px solid #e1e1e2; margin:3px auto;}
#sidebar .coming-soon h3 { color:#f3a341; margin:7px 0 56px 7px;}
#sidebar .coming-soon p { font-size:13px; font-weight:bold; padding:0 0 0 75px; color:#8c969e;}

#sidebar .widget { padding:25px 15px; border-bottom:1px solid #e0e0e0;}
#sidebar .widget.last { border:none;}
#sidebar .widget h3 { margin-bottom:15px;}

#sidebar .widget.register input.input { background:url(images/input-sidebar.jpg); width:243px; height:23px; padding:7px 10px 0 10px; border:none; color:#667379; margin-bottom:10px;} 
#sidebar .widget.register p { padding:0 0 0 31px; }
#sidebar .widget.register p a { font-size:14px; color:#6fbce1;}


#sidebar .blog .post { padding:0 0 20px 0; }
#sidebar .blog .post h4 { font-size:12px; margin-bottom:0;}
#sidebar .blog .post.last { padding:0;}
#sidebar .blog .post .text { padding:7px 0;  text-align:justify;}
#sidebar .blog .post .meta a { color:#6fbce1; font-weight:bold; }
#sidebar .blog .post .meta .date {float:left;font-size:11px;font-weight:bold;}
#sidebar .blog .post .meta .read-more {float:right; font-size:11px;}

#sidebar .rss {border-bottom:1px solid #e1e1e1; background:url(images/icon-rss.jpg) no-repeat; background-position:15px 9px;  font-size:14px;}
#sidebar .rss a { color:#667379; display:block; height:100%; width:100%; padding:21px 10px 21px 69px; }

#sidebar .subscribe { padding:15px 5px; border-bottom:1px solid #e1e1e1;}
#sidebar .subscribe p.email { display:block; background:url(images/icon-email.jpg) no-repeat top left; height:30px; padding:0 0 15px 55px; width:213px; margin:0 auto; }
#sidebar .subscribe .container{  width:268px; margin:0 auto;}
#sidebar .subscribe  input.input { background:url(images/input-subscribe.jpg); width:169px; height:22px; border:none; padding:8px 10px 0 10px; color:#667379; float:left;}
#sidebar .subscribe  input.submit { float:right;}
.newsletterContainer { margin-bottom:7px;}
.newsletterContainer .success { text-align:center; margin-bottom:5px; color:#21AF20; font-weight:bold;}
.newsletterContainer .error { text-align:center; margin-bottom:5px; color:#FF0000; font-weight:bold;}


#sidebar .search {padding:22px 5px 0 5px; height:54px;  border-bottom:1px solid #e1e1e1; background:url(images/bg-search.jpg);}
#sidebar .search .container { width:268px; margin:0 auto;}
#sidebar .search  input.input { background:url(images/input-search.jpg); width:171px; height:23px; border:none; padding:7px 10px 0 10px; color:#667379; float:left;}
#sidebar .search  input.submit.green { float:right; margin-left:0; background:url(images/btn-search.jpg); width:71px; }

#sidebar .widget ul { list-style-type:none; margin-top:-11px;}
#sidebar .widget ul li { font-size:14px; padding:11px 0 0 0;}
#sidebar .widget ul li a { color:#218bb5;}


.single #content .post {border:1px solid #e1e1e1; background:#FFFFFF; padding:20px; margin-bottom:20px;}
.single #content .post h4 { font-size:24px;}
.single #content .post .meta { margin-bottom:10px; color:#a8b1b6;}
.single #content .post .meta a {color:#6fbce1;}
.single #content .post .info {float:left;}
.single #content .post .comments { float:left; background:url(images/icon-comment.gif) no-repeat left center; padding:0 0 0 20px; }
/*.single #content .post .image { width:587px; padding:4px; height:200px; border:1px solid #e1e1e1; background:#f4f4f4; margin-bottom:1em;}*/

.single #content .post .read-more { font-size:16px;}
.single #content .post .read-more a {color:#6fbce1;}

.single #content .post .text { text-align:justify;line-height:16px;}
.single #content .post .text p { margin-bottom:1em;}
.single #content .post .text a {color:#6fbce1;}
.single #content .post .text ul, .single #content .post .text ol { margin:0 0 0 20px; margin-bottom:1em;}
.single #content .post .text li { padding:5px 0;}
.single #content .post .text blockquote {border:1px solid #e1e1e1; background:#f4f4f4; padding:10px 10px 0 10px; margin-bottom:1em;}
.single #content .post .text code {border:1px dotted #e1e1e1; background:#f9f9f9; padding:10px; margin-bottom:1em; display:block;}
.single #content .post .text img {padding:4px;  border:1px solid #e1e1e1; background:#f4f4f4; margin-bottom:1em;}
.single #content .post .text img.aligncenter { display:block; margin:0 auto;}
.single #content .post .text img.alignleft {float:left;  margin:10px 10px 0 0;}
.single #content .post .text img.alignright { float:right; margin:10px 0 0 10px;}


#navigation { font-size:18px; padding:0 0 0 22px;}
#navigation .prev {float:left; padding:0 10px 0 0; position:relative; margin-right:10px; border-right:1px solid #e0e0e0;}
#navigation .next {float:left;  position:relative;}
#navigation a .title {color:#6fbce1;}  
#navigation a .shadow {color:#FFFFFF; width:150px; }  

.single h4{ font-size:24px; color:#218bb5;  }
.single h5{ color:#a8b1b6; font-size:17px; font-weight:normal; margin-bottom:7px;}


/*
	Generic page
*/

.page {border:1px solid #e1e1e1; background:#FFFFFF; padding:20px; width:600px; margin:0 auto 20px auto;  text-align:justify;}
.page p { margin-bottom:1em;}

/*
	Register page
*/

#register {border:1px solid #e1e1e1; background:#FFFFFF; padding:20px; margin-bottom:20px;}


#register table.credentials { width:240px; margin:10px 0 20px 15px;}
#register .credentials input.input {  background:url(images/input-register.jpg); width:182px; height:23px; padding:7px 10px 0 10px; border:none; margin-bottom:10px; color:#667379;}
#register .credentials a.help { background:url(images/icon-question.jpg); width:25px; height:26px; display:block; cursor:pointer; margin-bottom:8px;}
#register .credentials div.help { display:none;}

#register .credentials td div{ position:relative;}
#register .credentials p.overlay { position:absolute; top:8px; left:10px; font-size:13px;}

#register p{ text-align:justify; margin-bottom:1em;}

#register table.marketing { background:#f9fbfc; border:1px solid #e1e1e1; width:510px; margin:0 auto 3em 0; display:block;}
#register .marketing td { width:255px; vertical-align:top; padding:5px;}
#register .marketing td input.checkbox{ float:left; display:block; margin-right:10px;}
#register .marketing td input.label {float:left; display:block; }

#register .captcha { width:314px; height:125px; float:left; float:left; background:#CCC;}
#register div.submit { width:245px; float:right;}
#register div.submit div { margin-bottom:1.5em;}
#register div.submit input.checkbox { margin:0 0 0 0 0; float:left; display:block; }
#register div.submit label {  float:left; display:block; padding:0 0 0 5px; }
#register div.submit input.register {}


#sidebar .statistics { background:url(images/bg-stats.jpg); height:176px; width:286px;  border:1px solid #e1e1e2; margin:3px auto;}
#sidebar .statistics h3 { color:#f3a341; margin:10px 0 7px 15px; }
#sidebar .statistics ul { list-style-type:none; padding:0 0 0 15px;}
#sidebar .statistics ul li { padding:5px 0;}


/*
	Contact us page
*/

#contact {border:1px solid #e1e1e1; background: url(images/bg-contact.jpg) no-repeat top right #FFFFFF; padding:20px; margin-bottom:20px;}


#contact table.contactform { width:240px; margin:10px 0 20px 15px;}
#contact .contactform input.input {  background:url(images/input-register.jpg); width:182px; height:23px; padding:7px 10px 0 10px; border:none; margin-bottom:10px; color:#667379; font-size:13px;}
#contact .contactform textarea { background:url(images/textarea-content.jpg) #f8f8f8 no-repeat; width:380px; height:151px; padding:10px; border:none; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em; color:#667379; font-size:13px;}
#contact .contactform .submit { float:right; margin:50px 0 0 0;}
#contact .contactform .captcha {float:left;}


/*
	Advertisers
*/

#advertisers {border:1px solid #e1e1e1; background:#FFFFFF; padding:20px; margin-bottom:20px;}


#advertisers table.contactform { width:240px; margin:10px 0 20px 15px;}
#advertisers .contactform input.input {  background:url(images/input-register.jpg); width:182px; height:23px; padding:7px 10px 0 10px; border:none; margin-bottom:10px; color:#667379; font-size:13px;}
#advertisers .contactform textarea { background:url(images/textarea-content.jpg) #f8f8f8 no-repeat; width:380px; height:151px; padding:10px; border:none; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em; color:#667379; font-size:13px;}
#advertisers .contactform .submit { float:right; margin:50px 0 0 0;}
#advertisers .contactform .captcha {float:left;}

#sidebar .media-pack { padding:15px 0;}
#sidebar .media-pack h3 { padding:0 0 15px 15px;}
#sidebar .media-pack .button { background:url(images/button-media-pack.jpg); width:285px; height:66px; margin:0 auto; display:block;}
#sidebar .media-pack .button span { display:none;}


/*
	Supported Networks
*/
.single #supported-networks  {border:1px solid #e1e1e1; background:#FFFFFF; padding:20px; margin-bottom:20px;}

.single #supported-networks .network { margin-bottom:2em;}
.single #supported-networks .network .meta {float:left; width:450px;}
.single #supported-networks .network h4 {float:left; margin-right:10px;}
.single #supported-networks .network h5 {}
.single #supported-networks .network a.visit { display:block; float:left; color:#FFFFFF; background:url(images/icon-visit.gif); width:79px; height:14px; padding:2px 0 0 0; font-size:10px; text-align:center; float:left; margin-top:8px;}

.single #supported-networks .network .text { text-align:justify;line-height:16px;}
.single #supported-networks .network .text p { margin:8px 0;}
.single #supported-networks .network .image { width:115px; height:115px; padding:3px; border:1px solid #e1e1e1; background:#f4f4f4; float:right; margin:40px 0 10px 10px;}

#sidebar .contact .button.contact { background:url(images/btn-contact.jpg); width:223px; height:46px; margin:0 auto; display:block;}
#sidebar .contact .button.contact span { display:none;}


/*
	Login
*/

#login { width:640px; border:1px solid #E1E1E1; background:#FFFFFF; padding:3px; margin:0 auto;}
#login .left { width:280px; float:left; padding:20px;}
#login .right { width:320px; float:right; }
#login .new-users { background:#f8fbff; border:1px solid #E1E1E1; padding:20px 10px; } 
#login .new-users .titles {float:left;}
#login .new-users h4 {}
#login .new-users h5{ color:#f4a94d; }
#login .register-now { background:url(images/btn-register-now.png); height:47px; width:162px; display:block; float:right; }
#login .register-now span { display:none;}
#login .why {border:1px solid #E1E1E1; padding:10px 15px; border-top:0; }

#login table.credentials { width:240px; margin:10px 0 0 15px; position:relative;}
#login .credentials input.input {  background:url(images/input-register.jpg); width:182px; height:23px; padding:7px 10px 0 10px; border:none; margin-bottom:10px; color:#667379;}
#login .credentials input.input.password { margin-bottom:0;}
#login .credentials a.help { background:url(images/icon-question.jpg); width:25px; height:26px; display:block; cursor:pointer; margin-bottom:8px;}
#login .credentials a.forgot-pw { padding:0 0 0 10px;}
#login .credentials td.submit { padding:15px 0 0 0;}
#login .credentials td div	{ position:relative;}


#login .credentials p.overlay { position:absolute; top:8px; left:10px; font-size:13px;}

/*
	Comments
*/

#comments { padding:20px;}
.single #comments h5 { padding:10px 0 5px 0;}
.single #comments h5.comments { padding-left:22px; padding-bottom:10px; background:url(images/icon-comment.gif) no-repeat; background-position:0px 12px; border-bottom:1px dotted #c7c7c7;}


#comments .comment { padding:10px 0 5px 0; border-bottom:1px dotted #c7c7c7; }
#comments .comment .meta { margin-bottom:10px;}
#comments .comment .image { width:40px; height:40px; float:left; margin-right:5px; background:#CCCCCC;}
#comments .comment .info {float:left;}
#comments .comment .author { font-size:13px; font-weight:bold; color:#218bb5;}
#comments .comment .text { text-align:justify;}
#comments .comment .text p { margin-bottom:1em;}

#comments .comments input.input { background:url(images/input-comments.jpg); width:170px; height:23px; padding:7px 10px 0 10px; border:none; margin-bottom:10px; color:#667379;}
#comments .comments td { vertical-align:top; }
#comments .comments tr td:first-child { width:190px;}
#comments .comments label {color:#c1c1c1; font-size:11px; padding:8px 0 0 7px; display:block;}
#comments .comments textarea { background:url(images/textarea-comments.jpg) #FFFFFF no-repeat; width:400px; height:140px; padding:10px; border:none; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em; color:#667379;}
#comments .comments input.submit { margin:0;}

#comments .no-comments { font-weight:bold; text-align:center; padding:10px;}
#comments .comment-message{ margin-bottom:1em; text-align:justify;}

/*
	Footer
*/
#footer { background:url(images/footer-bg.jpg) repeat-x #FFFFFF; margin-top:3em; height:120px; color:#a0aab2; }
#footer .wrap { width:960px; margin:0 auto; background:url(images/footer-center.jpg) no-repeat top center; padding:15px 0 0 0;}
.menu-footer { list-style-type:none; clear:both; float:left; margin:0 0 6px 0; width:500px;}
.menu-footer li {float:left;   }
.menu-footer a {color:#a0aab2; }
#footer .copyright {float:right;}


/*
	jQuery Tooltip
*/
#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}



