/*
	Base stylesheet for Mailchimp API
	Author: James Childers
	Colors:
		Blue: #3d81b9
		Dark blue: #222A38
*/

body{
	font:62.5% "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	background:#242b3b;
}
#bg{   /*had to do this to fix annoying 1 pixel shim when doing a huge BG image for layout - sry :)*/
	width:1074px; margin:0 auto;
	background-image:url('../img/bg.jpg');
	clear:both;
}
img {border:0;}
acronym, abbr {font-variant:small-caps; letter-spacing:.2em; cursor:help;}
strong {}
em {}
code {display:block; font-family:Monaco, monospace; font-size:110%; line-height:1.4em; text-align:left; margin:1.4em 1.6em;}

a {text-decoration:none;color:#357cb5;}
a:link {color:#357cb5;}
a:visited {color:#1c3971;}
a:hover {text-decoration:underline;}
a:active {color:#1c3971;}

input, textarea, select {border:1px solid #999; font-family:Arial,sans-serif; padding:2px; font-size:12px; font-weight:normal;}
label {font-weight:bold;}
fieldset {border:0;}

/* =Utility Styles
----------------------------------------------- */ 
blockquote {font-family:Arial, sans-serif; margin:40px 35px 40px 10px;}
cite {display:block; text-align:right; margin:-20px 0 40px 0; padding-right:80px;}
pre{background:url('../img/code-bg.jpg') bottom left repeat-x #6f7b90; color:#fff; padding:1.5em; margin-bottom:1.5em;}
.clear{clear:both !important;}
.bqstart {font-family:Arial,sans-serif; float:left; font-size: 700%; height:45px; margin:-20px 20px -50px -20px; padding-top:45px;}
.bqend {font-family:Arial,sans-serif; float:right; font-size:700%; height:25px; margin-top:-20px; padding-top:45px;}

.hide {position:absolute; left:-999px; width:990px;}
.moreinfo {cursor:help; border-bottom:1px dotted #999;}
.runleft {float:left; margin:0 .5em 1.5em 0;}
.runright {float:right; margin:0 0em 1.5em 1.5em;}

h1,h2,h3,h4,h5,h6{color:#3d81b9; text-shadow: #ccc 2px 2px 2px; font-weight:100;}

p{text-shadow: #eee 1px 1px 1px;}



#wrapper{width:816px; margin:0 auto; position:relative;}

#header{height:263px; position:relative;}
#header #logo{width:250px; height:90px; position:absolute; top:140px; left:280px; text-indent:-999em;}
#header #api-link{width:120px; height:90px; position:absolute; top:140px; left:540px; text-indent:-999em;}

#view-docs-tooltip{width:224px; height:80px; background:url('../img/view-docs.png'); display:none; position:relative; top:90px; left:590px;}

#global-nav{height:53px; position:relative;}
#global-nav ul{height:53px; position:absolute; left:270px;}
#global-nav ul li{float:left; display:inline; height:53px;}
#global-nav ul li a{display:block; padding:20px 15px 20px 20px; font-size:13px; font-weight:100; color:#73685b; font-family:Arial;}
#global-nav ul li a:hover{text-decoration:underline;}
#global-nav ul li a.active{text-decoration:underline; font-weight:bold;}
/*
#overview-link:hover, #overview-link.active{background-position:-23px 0px !important;}
#getting-started-link{width:75px !important;}
#getting-started-link:hover, #getting-started-link.active{background-position:-110px 0px !important;}
#examples-link{width:40px !important;}
#examples-link:hover, #examples-link.active{background-position:-235px 0px !important;}
#downloads-link{width:56px !important;}
#downloads-link:hover, #downloads-link.active{background-position:-325px 0px !important;}
#help-link, #help-link.active{background-position:-431px 0px !important;}
*/

#showcase{height:265px; margin-bottom:32px; position:relative; overflow:auto; overflow:hidden; width:720px; margin:0 auto 32px auto;}
#showcase-slider{width:1600px;height:215px; position:relative; left:10px; display:block; top:0;}
#showcase .panel{width:645px; margin:48px 0px 48px 0px; position:relative; float:left; padding:0 30px;}
#showcase .panel h3{text-indent:-999em;}
#showcase .panel p{color:#909090;}

#showcase #prev-btn { background:url('../img/btn-left.jpg'); width:24px; height:23px; display:block; position:absolute; top:90px; left:0px; text-indent:-999em}
#showcase #next-btn{background:url('../img/btn-right.jpg'); width:24px; height:23px; display:block; position:absolute; top:90px; left:680px; text-indent:-999em}
#showcase #prev-btn.active{background:url('../img/btn-left-active.jpg');}
#showcase #next-btn.active{background:url('../img/btn-right-active.jpg');}



#mailchimp-integrates h3{display:none;}


#use-mailchimp{}
#use-mailchimp h3{background: url('../img/showcase/use-mailchimp.jpg') -2px 0 no-repeat; width:563px; height:31px; display:block; text-indent:-999em; margin-bottom:10px;}
#use-mailchimp p{font-size:1.5em; line-height:1.7em;}
#view-all-plugins-link{background:url('../img/showcase/view-plugins.jpg') no-repeat; width:167px; height:43px; display:block; position:absolute; right:50px; top:80px; text-indent:-999em;}


#content-wrap{line-height:2em; font-size:1.1em; background:url('../img/cbg2.jpg'); clear:both; position:absolute; top:563px;}
.sub #content-wrap{top:363px; background-image:url('../img/sub-cbg.jpg'); background-color:transparent; width:790px;}
#wide{ margin:0 auto;  background:url('../img/sub-cbg.jpg') 0 200px repeat-y transparent; width:676px; padding:10px 70px;}
#content{line-height:2em; font-size:1.1em; background:url('../img/footer3.jpg') center bottom no-repeat; clear:both; padding-bottom:140px;}
.sub #content{ background:url('../img/sub-fbg.jpg') left bottom no-repeat; width:816px;}
#content h2{font-size:2.4em;}
#content .panel{background:url('../img/panelbg.jpg') bottom left repeat-x #f7f7f7;}
#content #left{width:542px;  float:left; background:url('../img/leftbg.jpg') 0px 100% no-repeat; padding-bottom:20px; margin-bottom:20px;}

#content #left .panel{margin:0 16px 0 35px; padding:10px 30px;}
#content #left .panel h2{border-bottom:1px solid #ccc; padding-bottom:.3em; margin-bottom:.3em;}
#content #left .panel h3{font-size:1.5em; border-bottom:1px solid #ddd; padding-bottom:.3em; margin-bottom:.3em;}
#content #left .panel p{margin-bottom:1.5em;}
#content #left .panel p strong{font-weight:bold; font-size:1.2em;}
#content #left .panel ul{margin-bottom:1.5em;}
#content #left .panel ul li{background:url('../img/li-arrow.png') 5px 5px no-repeat; padding-left:2.2em;}
#content #left .panel ol{margin-bottom:1.5em; padding-left:2.2em;}
#content #left .panel ol li{list-style:decimal;}
hr{display:none;}
#content #wide h2{border-bottom:1px solid #ccc; padding-bottom:.5em; margin-bottom:.5em;}
#content #wide h2 img{float:left; display:block; margin-right:.3em; position:relative; top:-3px;}
#content #wide h3{font-size:1.5em; border-bottom:1px solid #ddd; padding-bottom:.3em; margin-bottom:.3em;}
#content #wide p{margin-bottom:1.5em;}
#content #wide p strong{font-weight:bold; font-size:1.2em;}
#content #wide ul{margin-bottom:1.5em;}
#content #wide ul li{background:url('../img/li-arrow.png') 5px 5px no-repeat; padding-left:2.2em;}
#content #wide ol{margin-bottom:1.5em; padding-left:2.2em;}
#content #wide ol li{list-style:decimal;}

#content #right{width:274px; float:left; background:url('../img/rightbg2.jpg') 0px 100% no-repeat; padding-bottom:20px; margin-bottom:20px;}
#content #right .panel{margin:0 44px 0 10px; padding:0 20px;}
#content #right .panel hr{display:none;}
#content #right .panel h3{font-size:1.6em; padding:0px 0 1em 0;border-bottom:1px solid #ccc; padding-bottom:.3em; margin-bottom:.6em;}
#content #right .panel h4{font-size:1.2em;border-bottom:1px solid #ddd; padding-bottom:.3em; margin-bottom:.3em; margin-top:2em;}
#content #right .panel p{font-size:.9em; line-height:1.2em; margin:1em 0;}
#content #right .panel ul{}
#content #right .panel ul li{line-height:1.4em; margin-bottom:.5em;}
#content #right .panel ul li span{font-size:.8em;}
#content #right .panel a{color:#666666; font-weight:bold;}

.notify{padding:1em 2em; background:#fffddd; font-style:italic;}

.view-docs{float:right; border:1px solid #ddd; background:#fafafa; padding:1em 1.5em .5em 1.5em; margin:1em 0 1em 1em;}
.view-docs li{padding-left:0 !important; background-image:none !important;}

#back-to-mc-link{position:absolute; top:8px; right:22px; width:auto; color:#1c3971; }


#plugin-table{border:2px solid #ddd;  background:#fff;}
#plugin-table{padding:0; margin:0; border-collapse:collapse; width:100%; display:block;}
#plugin-table td{padding:.8em 1em; font-size:11px; vertical-align:middle; line-height:1.8em;}
#plugin-table .thead td{background:#ddd !important; color:#555; border-bottom:4px solid #ddd;}
#plugin-table .thead td{border-color:transparent !important; font-size:13px !important;}
#plugin-table .even td{background:#eee;}
#plugin-table td a{display:block; font-weight:bold; font-size:12px; margin:.5em 0;}



#e360plugins-table{width:600px; margin:0 auto; background:#fff; border:2px solid #ddd;}
#e360plugins-table{}
#e360plugins-table td{padding:.5em; font-size:12px; vertical-align:middle;}
#e360plugins-table .thead td{background:#ddd !important; color:#555; border-bottom:4px solid #ddd;}
#e360plugins-table .thead td{border-color:transparent !important; font-size:13px !important;}
#e360plugins-table .even td{background:#eee;}


/*Docs styles*/

.summary_table{border-collapse:collapse;}
.summary_table th{background:#222A38; color:#fff; font-size:14px; padding:.5em 0;}
.summary_table tr{}
.summary_table td{border:1px solid #ccc;}
.summary_table .type{width:100px; font-size:1em; font-style:italic; text-align:center; vertical-align:center; border-right:1px solid #ccc; font-weight:bold;}
.summary_table .description{padding:.5em 1.5em;}

.summary_table p.name{}
.summary_table p.name a{font-size:1.2em;}
.summary_table p.description, .comment .description strong{background:#eee; border:1px solid #ddd; font-style:italic; padding:.5em .7em; margin:.2em 0 0 0; display:block;}
.param_type{font-weight:bold; font-style:italic; color:#EF7A2C; font-size:.9em;}
.param_name{font-weight:bold;}
p.description{background:#eee; border:1px solid #ddd; font-style:italic; padding:.5em .7em; margin:.2em 0 0 0; display:block;}
.comment .description {background:none; border:0;}


#content #wide dl{background:#fefefe; margin-top:30px;}
#content #wide dl dt{font-weight:bold; padding:.3em .5em; color:#fff; background:#4D545F; margin-top:1em;}
#content #wide dl dd{background:#fff; padding:0 .5em; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#content #wide dl dd table{padding:0; margin:0; border-collapse:collapse; width:100%; display:block;}
#content #wide dl dd table table{ border-left:1px solid #ccc;  border-bottom:0; margin:0 -7px; padding-top:10px; width:530px;}
#content #wide dl dd table table td{border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:.5em; border-bottom:0;}
#content #wide dl dd table table td .param_name{border:0;}
#content #wide dl dd table .param_name{  padding:.5em; display:block;}
#content #wide dl dd table .param_note{ padding:.5em;  border-left:1px solid #ccc;}
pre.php{font-size:11px !important;}
pre.php ol li{background:#fff !important; padding:0 3em 0 1em;}

#api_notes{margin-top:2.5em; padding-top:1em; border-top:10px solid #4D545F; text-align:left;}
.api_notes_header{border-bottom:1px solid #ccc; margin-bottom:1em;}
.api_add_note{display:block; float:right;}
.api_add_note a{ color:#EF7A2C !important;}
.smaller_text{}
.api_function_name{font-size:1.2em; color:#3d81b9; font-weight:bold;}
.note_header{padding-top:1em;}
.note_header_empty{}

#footer{width:816px; margin:0 auto; text-align:center; padding:30px 0; line-height:2em; color:#fff; background-color:#222a38 !important;}
.sub #footer{}
#footer a{color:#fff;}
#footer ul{clear:left; border:1px solid #222A38; margin:1em 0;}
#footer ul li{display:inline; text-align:center; line-height:1.6em;}
#footer .copyright{display:block; }

/* =Icon Styles
----------------------------------------------- */

.doc{padding:1em 0 1em 2.2em; line-height:1em; background:url('../img/icons/doc.png') center left no-repeat;}