/*   
Theme Name: wetransfer
Theme URI: http://www.wetransfer.info/
Description: The WeTransfer.info template
Author: Anne Zwijnenburg
Author URI: http://www.andesign.nl/
Version: 1.0
*/

/*
---------------------------------------------------------------------------------------
                    _                        __                          
      __      _____| |_ _ __ __ _ _ __  ___ / _| ___ _ __    ___ ___ ___ 
      \ \ /\ / / _ \ __| '__/ _` | '_ \/ __| |_ / _ \ '__|  / __/ __/ __|
       \ V  V /  __/ |_| | | (_| | | | \__ \  _|  __/ |    | (__\__ \__ \
        \_/\_/ \___|\__|_|  \__,_|_| |_|___/_|  \___|_|     \___|___/___/

---------------------------------------------------------------------------------------
*/

body								{ height:100%; width:100%; overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:10pt; }

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}


/* -------------- styles for in content use -------------- */

a									{ color:#7da5d8; text-decoration:none; }
a:hover								{ text-decoration:underline; }
b									{ font-weight:bold; }

h1									{ color:#fff; text-transform:lowercase; font-size:18pt; }
h1 a									{ color:#fff; text-transform:lowercase; }
h2									{ color:#a6a8ab; text-transform:lowercase; font-weight:bold; font-size:13pt; margin-bottom:-6px; margin-top:6px; }
h2 a									{ color:#a6a8ab; text-transform:lowercase; font-weight:bold; text-decoration:none; }
.post-header						{ margin-top:-0px;}

h3									{ color:#7da5d8; text-decoration:none; font-weight:bold; font-size:13pt; margin-bottom: -3px; }
h3 a									{ color:#7da5d8; text-decoration:none; }

p									{ padding-top:7px; padding-bottom:7px; }
strong								{ font-weight:bold;}
blockquote							{ color:#666666; margin:15px; padding-left:10px; padding-right:10px; background:#e1e1e1; font-style:italic; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* ----------------------- general site layout and content ---------------------- */

#top-bar-bg							{ position:fixed; width:100%; border:0px solid red; height:100px; background: url('images/top-bar.png') repeat-x; z-index:9; }
#wrapper							{ border:0px solid red; width:885px; position:absolute; left:50%; margin-left:-442px; }
#content-wrap						{ position:absolute; top:115px; margin-left:50px; border:0px solid red;}

#wetransfer-logo					{ height:45px; width:200px; position:fixed; left:50%; margin-left:-442px; top:34px; z-index:9; *background:url('images/wetransfer.jpg') no-repeat left bottom; *top:26px; }

.page_item							{ font-size:14pt; }
.page-item-51						{ margin-left:-8px; }

#navigation-outer					{ position:fixed; left:50%; margin-left:-47px; top:60px; text-transform:lowercase; z-index:9; border:0px solid red; }
#navigation-outer li					{ display:inline; margin-right:7px; }
#navigation-outer  a					{ color:#7da5d8; cursor:pointer;  }
#navigation-outer  a					{ color:#a6a8ab; cursor:pointer; }
#navigation-outer  a:hover			{ color:black; text-decoration:none; cursor:pointer; }
#navigation-outer  a:active			{ cursor:pointer; outline: none; }

#top-label							{ height:100px; width:175px; background: url('images/top-label-bg.png') no-repeat; border:0px solid red; z-index:10; position:fixed; left:50%; margin-left:267px; }
#twitter							{ border:0px solid red; position:absolute; width:30px; height:30px; top:50px;  margin-left:125px; }
#linkedIn							{ border:0px solid red; position:absolute; width:30px; height:30px; top:50px; margin-left:70px; }
#facebook							{ border:0px solid red; position:absolute; width:30px; height:30px; top:50px; margin-left:15px; }

#upto-bg							{ background: url('images/upto-bg.png') no-repeat; width:694px; height:254px; position:absolute; top:111px; }

#content-top						{ background: url('images/content-top.png') no-repeat; width:593px; height:4px; }
#content-middle						{ width:553px; background:url('images/content-middle.png'); padding-right:20px; padding-left:20px; padding-bottom:12px; padding-top:12px; }
#content-middle .alignright			{ float:right; margin-left:20px; padding:1px; border:1px solid #d9d9d9; }
#content-middle .alignleft			{ float:left; margin-right:10px; padding:1px; border:0px solid #d9d9d9; }
#content-middle 	ul					{ list-style-type:disc; padding-left:100px; }
#content-bottom						{ background: url('images/content-bottom.png') no-repeat; width:593px; height:4px; margin-bottom:20px; }

#article-label						{ padding-top:4px; width:49px; height:45px; background: url('images/blog-post-label.png'); position:absolute; color:white; margin-left:-69px; margin-top:30px; }
#article-label-month				{ color:white; text-align:center; font-size:10pt; }
#article-label-day					{ color:white; text-align:center; font-size:16pt; }

#post-footer						{ background: url('images/blog-post-comment-icon.png') left no-repeat; background-position: 5px 50% ; background-color:#e9e9e9; padding:5px; padding-left:25px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px; border:0px solid grey; font-size:8pt;   }

#content2-top						{ background: url('images/content2-top.png') no-repeat; width:289px; height:4px; }
#content2-middle					{ width:249px; background:url('images/content-middle.png'); padding:20px; padding-top:12px; padding-bottom:12px; }
#content2-middle .alignright			{ float:right; margin-left:20px; padding:1px; border:1px solid #d9d9d9; }
#content2-middle .alignleft			{ float:left; margin-right:10px; padding:1px; border:0px solid #d9d9d9; }
#content2-middle 	ul				{ list-style-type:disc; margin-left:20px; }
#content2-bottom					{ background: url('images/content2-bottom.png') no-repeat; width:289px; height:4px; margin-bottom:20px; }

#content2-outer						{ width:640px; border:0px solid red; }
#content2-wrap						{ float:left; margin-right:25px; }	

#page-header						{ margin-left:17px; margin-bottom:0px; margin-top:12px; width:570px; }

#sidebar							{ border:0px solid red; width:172px; position:absolute; left:50%; margin-left:267px; top:110px; z-index:3;  }
#sidebar-module-top					{ background: url('images/sidebar-top.png') no-repeat; height:4px; width:100%; }		
#sidebar-module-middle				{ background:white;  padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px; }	
#sidebar-module-bottom				{ background: url('images/sidebar-bottom.png') no-repeat; height:4px; width:100%; margin-bottom:16px; }		

#sidebar-dynamic					{ margin-bottom:50px; }

#footer								{ background:url('images/footer-bg.png'); height:25px; width:100%; padding-top:28px; text-align:center; position:fixed; bottom:0px; z-index:9; left:0px; font-size:9pt; text-transform:lowercase;  }
#footer a							{ color:#666666; }
#footer a:hover						{ color:#dddddd; text-decoration:none; }
#footer ul							{ position:absolute; left:50%; margin-left:-382px; }
#footer ul li							{ display:inline; margin-left:10px; margin-right:10px; }

#intro								{ height:130px; width:610px; margin-top:-04px; font-size:10pt; border:0px solid red; z-index:-1; }
#intro #intro-module					{ width:187px; height:125px; float:left; background:url('images/intro-module.png'); margin-right:16px; margin-bottom:16px; }
#intro #module-content				{ padding:10px; padding-right:7px; color:white;}
#intro #module-content h1			{ color:white; }
#intro #module-content li				{ margin-left:10px; margin-bottom:5px; list-style:disc; }
#intro #module-content a				{ color:#fff; text-decoration:underline; }
#intro .module-header				{ width:300px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block;  }

.inputText							{ background:url('images/input-text.png') no-repeat; border:0px; width:229px; height:18px; padding:3px; }
.submit								{ background:url('images/btn-submit.png') no-repeat; border:0px; width:67px; height:22px; }

#comments							{ margin-bottom:15px; }
#respond							{ padding-top:30px; }

/*------------------------ comment stuff ----------------------------- */

#comments 												{ margin-bottom:-0px; }
#commentform											{ margin-top:-10px; }
.commentlist											{ margin-bottom:-20px; }
.commentlist li, #commentform input, #commentform textarea 	{ font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li 											{ clear:both; background: #e9e9e9; padding:15px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 4px; margin-bottom:15px; }
#commentform input, #commentform textarea 					{ background:#a6a8ab; color:white; padding:5px; border:0px; border-radius:5px; -moz-border-radius: 5px;  -webkit-border-radius: 4px; }
#commentform textarea										{ width:540px;}
.commentlist li ul li 										{font-size: 1em;}
.commentlist li 											{font-weight: bold;}
.commentlist li .avatar 									{ float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.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;}
#commentform p 											{font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata a										{font-weight: normal;color:#999999;}

/*----------------------- caption style ------------------------------*/
.aligncenter,
div.aligncenter 											{ display: block; margin-left: auto; margin-right: auto; }

.alignleft 												{ float: left;}
.alignright 												{ float: right; }

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: -5px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

/* ----------------------- plugin specific css ---------------------- */

.faq-question						{ background: url('images/bullet.png') left no-repeat; padding-left:20px; margin-bottom:-5px;  }
.faq-header							{ margin-bottom:0px; color:#a6a8ab; text-transform:lowercase; margin-top:-16px; }