/*
Theme Name: Global Wegb Index
Theme URI: http://gloablwebindex.net/
Description: Theme for GlobalWebIndex website design and implemnted by <a href="http://mihaigrescenko.com/">Mihai Grescenko</a>.
Version: 1.0
Author: Mihai Grescenko
Author URI: http://mihaigrescenko.com/
Tags: pink, custom, fixed width, slider, user area

	GWI 1.0
	http://mihaigrescenko.com/

	Theme for GlobalWebIndex website design and implemnted
	by <a href="http://mihaigrescenko.com/">Mihai Grescenko</a>

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("reset.css");

body {
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif;
	background: #d8d8d8 url('images/bg_gwi.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	color: #333;
	line-height: 18px;
}
	
#page,
#footer {
	margin: 0 auto;
	width: 960px;
	padding: 0 20px;
	overflow: hidden;
}


/* Header */

#header {
	width: 960px;
	margin: 30px 0 10px;
}

#logo h1 {
	width: 250px;
	border-right: 1px solid #bbb;
	float: left;
}

#logo .email {
	font-size: 16px;
	color: #f354d2;
	text-decoration: none;
	float: left;
	margin: 15px 0 0 30px;
}

#logo h1 a {
	width: 220px;
	height: 45px;
	display: block;
	background-image: url(images/gwi_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav {
	clear: left;
	width: 960px;
	height: 80px;
}

#nav ul {
	float: left;
	padding-top: 30px;
	position: relative;
	width: 960px;	
}

#nav li {
	float: left;
 	margin-right: 30px;
}

#nav li a {
	font-size: 18px;
	color: #666;
	text-decoration: none;
	padding: 8px 16px;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

#nav li a:hover {
	color: #f354d2;
}

#nav ul li ul {
	display: none;
}

#nav .current_page_item a,
#nav .current_page_parent a {
	background-color: #f354d2;
	color: #fff;
}

#nav .current_page_item a:hover,
#nav .current_page_parent a:hover {
	color: #fff;
}

#subnav {
	width: 220px;
	float: left;
	margin-top: 10px;
}

#subnav li {
	background-color: #eee;
	margin-bottom: 5px;
	padding-left: 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-image: url(images/shade_grey.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#subnav li.current_page_item {
	background-color: #fff;
	background-image: none;
}

#subnav li a {
	font-size: 18px;
	line-height: 36px;
}

.wider {
	width: 960px !important;
	overflow: hidden;
	margin-right: 0px !important;
}

#findoutmoreContent {
	width: 700px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	padding: 20px;
	min-height:305px;
	height:auto !important;
	height:305px;
	background-color: #fff;
}

#findoutmoreContent h3 {
	margin: 20px 0 10px;
	font-size: 18px;
	font-weight: normal;
}

#findoutmoreContent ul {
	list-style: none;
	margin: 10px 0 10px 20px;
}

#findoutmoreContent li {
	background-image: url(images/ul1.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#findoutmoreContent li ul li {
	background-image: url(images/ul2.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#findoutmoreContent li ul li ul li {
	background-image: url(images/ul2.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#findoutmoreContent p {
	margin-bottom: 10px;
}



/* Content */

#content {
	width: 720px;
	margin-right: 20px;
	float: left;
}

#sidebar {
	width: 220px;
	float: left;
}

#content a {
	color: #f354d2;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content h1 {
	font-size: 20px;
	color: #f354d2;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 20px;
}

#content .post h2 {
	font-size: 24px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 10px 0 20px;
}

#content .post a {
	color: #f354d2;
	text-decoration: none;
}

#content .post a:hover {
	text-decoration: underline;
}

#content .post small {
	color: #666;
	font-style: italic;
	font-size: 11px;
}

#content .post .entry {
	padding: 10px 0;
	margin-bottom: 20px;
}

#content .post .postmetadata {
	display: none;
}

#content .post .post_heading {
	width: 720px;
	overflow: hidden;
}

#content .post .post_heading .post_title {
	display: block;
	margin-left: 10px;
	width: 620px;
	float:left;
}

#content .post .post_author {
	width: 672px;
	padding: 10px 0 10px 48px;
	overflow: hidden;
}

#content .post .post_author img {
	float: left;
}

#content .post .post_author p {
	margin-left: 74px;
}

#content .post .post_heading .post_title h2 {
	margin: 10px 0;
}

#content .post .post_heading .post_title small {
	color: #999;
}


#content .post .post_heading .post_comments {
	display: block;
	width: 32px;
	height: 27px;
	padding-top: 3px;
	background-image: url(images/comment_bubble.gif);
	background-repeat: no-repeat;
	float: right;
}

#content .post .post_heading .post_comments a {
	color: #fff;
	text-align: center;
	display: block;
	font-weight: bold;
	width: 32px;
	text-decoration: none;
}


#content .post .post_date {
	display: block;
	width: 38px;
	height: 49px;
	float: left;
	background-image: url(images/calendar_icon.gif);
	background-repeat: no-repeat;
}

#content .post .post_month {
	display: block;
	width: 38px;
	font-size: 10px;
	height: 14px;
	color: #f354d2;
	padding-top: 6px;
	text-align: center;
}

#content .post .post_day {
	display: block;
	font-size: 18px;
	width: 38px;
	height: 22px;
	padding-top: 7px;
	text-align: center;
}



#content .entry h1 {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

#content .entry h2 {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

#content .entry h3 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}


#content .entry p {
	margin: 0 0 20px;
}

#content .entry address {
	margin: 0 0 20px;
	font-style: italic;
	font-size: 14px;
}

#content .entry quote {
	margin: 20px 40px;
	padding: 20px;
	background-color: #dfdfdf;
	font-style: italic;
	font-size: 16px;
	font-family: Georgia;
	display: block;
}

#content .entry ul {
	margin: 0 0 20px 40px;
	list-style: disc;
}

#content .entry img {
	margin: 0px;
}

#content .entry img.alignleft {
	margin-right: 20px;
}

#content .entry table {
	border: 1px solid #999;
	margin: 0 auto;
	background-color: #eee;
}

.download_item_post {
	margin-bottom: 20px;
	display: block;
}

#content .entry table td {
	padding: 10px;
}

#content .entry table tr {
	border-bottom: 1px solid #999;
}

#content .entry table p {
	margin: 0px;
}

#content .entry a:hover {
	text-decoration: none;
}

#content .entry object {
	margin: 10px 0 20px;
}

#content .entry dl {
	margin: 0 0 20px 40px;
}

#content .entry dt {
	margin: 0;
	font-weight: bold;
}

#content .entry dd {
	margin: 0 0 10px 10px;
}


#content .entry ol {
	margin: 0 0 20px 40px;
	list-style: decimal;
}

#content .entry li {
	margin: 0 0 10px;
}

.wp-caption {
	border: 1px solid #aaa;
	background-color: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 20px auto;
}

.wp-caption img { margin: 5px 0 0 5px !important;}

.wp-caption-text {
	margin: 0px !important;
	padding: 10px;
	font-size: 11px;
	font-style: italic;
	color: #aaa;
	text-align: center;
}

/* Homepage */

.cool_box {
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #fff;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 16px #999; 	
	-moz-box-shadow: 0 0 16px #999;
	margin-bottom: 20px;
}

.cool_box h1 {
	font-weight: normal !important;
	font-size: 24px !important;
	margin: 0px !important; 
}

#findmore {
 	background-image: url(images/pink_bg.jpg);
 	background-repeat: no-repeat;
	background-color: #f354d2;
	border: 1px solid #f682de;
	padding: 0 0 20px 0 !important;
}

#findmore h1 a {
	color: #fff;
	font-weight: bold;
	padding: 20px 20px 0;
	display: block;
	width: 680px;
}

#findmore h1 a:hover {
	text-decoration: none;
}


#thinking {
	background-image: url(images/white_box.gif);
	background-color: #fff;
}

#buzz {
	background-image: url(images/grey_box.gif);
	background-color: #e8e8e8;
}

.twitterSlide {
	overflow: hidden;
}

.twitterSlide img {
	float: left;
}

.tweet-content {
	float: right;
	width: 615px;
}

.tweet-username {
	font-size: 18px;
	line-height: 26px;
}

.tweet-body {
	font-size: 14px;
	line-height: 20px;
}

.tweet-body small {
	font-size: 12px;
	color: #999;
	line-height: 18px;
}

.blogSlide h2 {
	font-size: 18px;
	color: #666;	
}

.blogSlide span {
	font-size: 12px;
	color: #999;
}

.blogSlide p {
	margin-bottom: 10px;
	color: #666;	
}



/* Comments */

.commentlist {
	margin: 20px 0;
}

.comment,
.pingback,
.trackback {
	padding: 20px;

}

.comment-body {
	clear: left;
	overflow: hidden;
}

.comment-body em {
	color: #999;
	font-size: 11px;	
}

.vcard {
	width: 180px;
	float: left;
}

.vcard img {
	border: 5px solid #fff;
 	float: left;
}

.vcard span {
	display: none;
}

.vcard cite {
	float: left;
	padding-left: 10px;
	width: 128px;
	overflow: hidden;
}

.commentmetadata {
	width: 500px;
	float: left;
}

.comment p,
.pingback p,
.trackback p {
	width: 500px;
	float: right;
}

.thread-odd {
	background-color: #e3e3e3;
}

#commentform p {
	margin-bottom: 10px;
}

#commentform label small {
	color: #666;
	padding-left: 10px;
}

#author,
#email,
#url {
	border: none;
	padding: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 300px;	
}

#comment {
	border: none;
	padding: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 700px;	
}

#respond h3,
#comments {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
}

#fpass,
#chpass {
	display: none;
}



#content .dlm_download_list {
	overflow: hidden;
	padding-top: 20px;
}


#content .dlm_download_list li {
	width: 220px;
	margin-right: 20px;
	min-height: 300px;
	height: expression( this.scrollHeight < 301 ? "300px" : "auto" );
	display: block;
	float: left;
}

#content a {
	text-decoration: none;
}

#content .download_item {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	height: 164px;
}

#content .download_item:hover {
	text-decoration: none;
}

#content .download_item:hover .downloadit {
	bottom: 0px;
}

#content .download_item:hover img {
	border: 5px solid #f354d2;	
}

#content .download_item img {
	border: 5px solid #bbb;
}

#content .downloadit {
	position: absolute;
	width: 200px;
	padding: 10px;
	bottom: -60px;
	left: 0px;
	background-image: url(images/downloadit_bg.png);
	display: block;
}

#content .downloadit strong {
	font-size: 18px;
	color: #000 !important;
	display: block;
	font-weight: normal;
}

#content .downloadit em {
	font-size: 11px;
	font-style: normal;
	color: #fff;
	display: block;
}

#content .download_title {
	font-size: 16px;
	color: #f354d2;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

#content .download_title:hover {
	text-decoration: underline;
}

/* Sidebar */

#login, #menu {
/* 	background-color: rgba( 206, 71, 178, 0.5); */
	background-color: #f354d2;
	padding: 10px 10px 1px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
}

.errormsg {
	display: none;
	padding: 5px;
	background-color: #000;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 10px;
}

#menu {
	/* padding-bottom: 9px; */
}

#menu h3 {
	font-size: 14px;
	font-weight: bold;
}

#menu ul {
	margin: 10px 0;
}

#menu ul li a {
	display: block;
	padding: 5px;
}

#menu ul li a:hover {
	background-color: #fff;
	color: #f354d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}


#login a,
#menu a {
	color: #fff;
	text-decoration: none;
}

#login span,
#menu span {
	display: block;
	margin-bottom: 10px;
}

#login .field,
#menu .field {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: none;
	width: 184px;
	padding: 8px;
}

#gwi_login {
	float: left;
}

#login .forgotpass {
	width: 70px;
	display: block;
	float: right;
	line-height: 14px;
	background-image: url(images/forgot.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#demo, #analysis {
	margin: 20px 0;
}

#analysis a {
	background-image: url(images/analysis.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 50px;
	text-indent: -9999px;
	display: block;
}

#demo a {
	background-image: url(images/demo.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 50px;
	text-indent: -9999px;
	display: block;
}


#news h2 {
	font-size: 24px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: 300;
	margin-bottom: 20px;
}

#news dl {

}

#news dt {
	font-size: 11px;
	color: #999;
	font-style: italic;
	line-height: 13px;
}

#news dd {
	margin-bottom: 10px;
}

#news dd a {
	font-size: 14px;
	color: #f354d2;
	text-decoration: none;
	font-weight: bold;
}

#news dd a:hover {
	text-decoration: underline;
}

#request_demo {
	overflow: hidden;
	margin-left: 110px;
}

#request_demo label {
	width: 200px;
	margin-right: 20px;
	display: block;
	padding: 10px;
	float: left;
}

#request_demo .field {
	display: block;
	clear: left;
	margin-bottom: 10px;
	width: 460px;
}

#request_demo .field input {
	width: 200px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	color: #666;
	border: none; 	
}

#request_demo .field select {
	width: 220px;
}

#request_demo .submitform {
	padding: 20px
	display: block;
}

#request_demo .requestdemoButton {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 20px 0 60px 240px;
}

#request_demo .demomessage {
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 430px;
	margin: 0 0 20px 10px;
	display: none;
}

#request_demo .demomessage h2 {
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 20px;
}

#request_demo .demomessage p {
	padding-bottom: 10px;
	line-height: 18px;
}

#request_demo .error {
	background-color: #f354d2;
	color: #fff;
}

#request_demo .success {
	background-color: #666;
	color: #fff;
}

#searchform {
	padding-top: 20px;
}

#search_results {
	margin-top: 20px;
} 

#search_results .itemsfound {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

#search_results .itemsfound .download_item {
	float: left;
	margin-right: 20px;
	width: 220px;
}

.browsers_links li img {
	display: block;
}

.browsers_links li {
	display: block;
	width: 220px;
	float: left;
	margin-right: 20px;
}

.browsers_links {
	overflow: hidden;
	padding: 40px;
}

.first_user {
	list-style: disc;
	margin: 20px 40px;
}

.post .alignleft {
	float: left;
	margin: 0 20px 10px 0;
}

.post p {
	margin-bottom: 10px;
}

/* Footer */

#footer {
	clear: left;
	padding: 20px 0;
}

#footer .rule {
	margin-bottom: 20px;
	display: block;
	width: 960px;
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #afafaf;
}

#footer p {
	color: #888;
	float: left;
}

#footer a {
	display: block;
	float: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-right: 20px;
}

#footer a.trendstream {
	background-image: url(images/trendstream.gif);
	background-position: 0 0;
	width: 98px;
	height: 33px;
}

#footer a.trendstream:hover {
	background-position: 0 -33px;
}

#footer a.lightspeed {
	background-image: url(images/lightspeed.gif);
	background-position: 0 0;
	width: 119px;
	height: 29px;
}

#footer a.lightspeed:hover {
	background-position: 0 -29px;
}