/*
Theme Name: PubMatic
*/

* { padding:0; margin:0; outline:0; }

body {
	color:#333;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	background:#fafeff;
	font-weight: normal;
}

.hidden { display:none; }

.black { color:#333 !important; }

.notext { font-size:0; line-height:0; display:block; background-repeat:no-repeat; background-position: 0 0;}
.alignleft, .left { float:left; display:inline; }
.alignright, .right { float:right; display:inline; }

img.alignleft { margin:0 10px 10px 0; }
img.alignright { margin:0 0 10px 10px; }


/** Common Styles **/
input, textarea, select { font-size:11px; font-family: Arial, sans-serif; }
input, textarea { padding:2px; }
textarea { overflow:auto; }

a img { border:0; }
.cl { font-size:0; line-height:0; height:0; clear:both; display:block; }

.image-button { font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; display:block; text-indent: -4000px;}

a { color:#087dc5; text-decoration: none; cursor:pointer; }
a:hover { color:#333; }

#bg { background:#9DCFE4 url(images/bg2.gif) repeat-x 0 top; height:100%; }
.shell { width:930px; margin:0 auto; }

h1#logo { font-size:0; line-height:0; height:33px; width:177px; float:left; padding-top:10px; }
h1#logo a{ display:block; height:33px; text-indent: -4000px; background:url(images/logo.gif); }
h2 { font-size:16px; line-height:19px; color:#087dc5; height:19px; }
h3 { font-size:15px; line-height:16px; padding:15px 0; }
h4 { font-size:12px; line-height:19px; color:#087dc5; height:19px; margin-top: 10px; }
.news-cnt h4{margin-top: 0px !important;}
h5 { font-size:14px; font-weight: bold; line-height:19px; color:#087dc5; height:25px; margin-top: 10px; }
/** END Common Styles **/



#header { height:111px; }
#footer { background:#000 url(images/footer.gif) repeat-x 0 0; padding-bottom:20px; }
/** #content { min-height:1050px; } **/


/** Sidebar & Mainbox **/
#sidebar{ width:293px; display:inline; }
#mainbox{ width:617px; display:inline; }
.normal-content #sidebar { float:right; }
.normal-content #mainbox { float:left; }
.fliped-content #sidebar { float:left; }
.fliped-content #mainbox { float:right; }
/** END Sidebar & Mainbox **/


/** Login **/
#login { float:right; width:658px; height:36px; color:#fff; font-size:11px; position:relative; }
#login .login-place{ float:left; width:283px; height:29px; background:url(images/login.gif); padding:7px 0 0 10px; }
#login a.sign-up{ width:154px; height:34px; float:right; background-image:url(images/get-started.gif); }

#login label{ float:left; white-space:nowrap; margin-right:5px;  }
#login span.field { width:101px; height:19px; background:url(images/login-field.gif); float:left; margin-right:5px}
#login span.field input{ border:0; background:transparent; width:95px; color:#999; }
#login input#login-button { float:left; width:21px; height:19px; font-size:0; line-height:0; background:url(images/login-button.gif);
	text-indent:-4000px; border:0; }
#login span.phone { position:absolute; right:0; display:block; height:12px; font-size:10px; line-height:1; bottom:-15px; color:#888; width:154px; text-align:center;}
/** END Login **/


/** Round Boxes **/
.box { padding-bottom:22px; }
.box-b,
.box-t { font-size:0; line-height:0; height:4px; }
.box-cnt { min-height:60px; margin:0 2px; }

.small-box .box-t { background:url(images/small-t.png) no-repeat 0 0; }
.small-box .box-c { background:url(images/small-c.png) repeat-y 0 0; width:100%; }
.small-box .box-b { background:url(images/small-b.png) no-repeat 0 0; margin-top:-2px; z-index:99;}

.big-box .box-t { background:url(images/big-t.png) no-repeat 0 0; }
.big-box .box-c { background:url(images/big-c.png) repeat-y 0 0; width:100%; }
.big-box .box-b { background:url(images/big-b.png) no-repeat 0 0; }

.very-big-box .box-t { background:url(images/very-big-t.png) no-repeat 0 0; }
.very-big-box .box-c { background:url(images/very-big-c.png) repeat-y 0 0; width:100%; }
.very-big-box .box-b { background:url(images/very-big-b.png) no-repeat 0 0; }

.box .entry { padding:21px;}
.box-cnt-shadow { background:url(images/box-shadow.gif) no-repeat 0 0; padding-top: 10px;}
.box-cnt-shadow .press { background:url(images/box-shadow-body.gif) no-repeat 0 0;}
.small-box .box-cnt-shadow { background:url(images/box-shadow-small.gif) no-repeat 1px 0;}

.box h2 { padding:14px 21px 18px;}
.box h3 { padding:7px 21px 11px 21px;}
.box h2.blue-bg-h { background-repeat:no-repeat; background-position:0 0; height:22px; padding:10px 21px; position:relative; top:-4px; margin-left:1px; color:#fff; line-height:24px; }
.box h3.blue-bg-h { background-repeat:no-repeat; background-position:0 0; height:22px; padding:10px 21px; position:relative; top:-4px; margin-left:1px; color:#fff; line-height:24px; }

.box-entry h2, .entry h2 { padding:14px 0px 18px;}
.box-entry h3, .entry h3 { font-size:14px; font-weight: bold; line-height:19px; color:#087dc5; height:25px; margin-top: 10px; padding-left:0px;}

#sidebar h2.widgettitle{margin-top:-21px;}

.small-box h2.blue-bg-h { background-image:url(images/small-blue.gif); margin-left:-1px; margin-right:-1px; color:#fff;}
.small-box h3.blue-bg-h { background-image:url(images/small-blue.gif); margin-left:-1px; margin-right:-1px; color:#fff;}
.big-box h2.blue-bg-h { background: #0383c3 url(images/big-blue.gif) no-repeat; margin-left:-1px; margin-right:-1px; height: auto; overflow: hidden; }
.big-box h3.blue-bg-h { background-image:url(images/big-blue.gif); margin-left:-1px; margin-right:-1px; }
.very-big-box h2.blue-bg-h { background-image:url(images/very-big-blue.gif); margin-left:-1px; margin-right:-1px;}
.very-big-box h3.blue-bg-h { background-image:url(images/very-big-blue.gif); margin-left:-1px; margin-right:-1px;}

.big-box .box-cnt { background:#fff url(images/big-gradient.gif) repeat-x 0 -1px; }
.very-big-box .box-cnt { background:#fff url(images/very-big-gradient.gif) repeat-x 0 -1px; }
.small-box .box-cnt { background:#fff url(images/small-gradient.gif) repeat 0 -1px; }

.very-big-box .box-entry { padding:15px 21px; }
.very-big-box .left { width:550px; }
.very-big-box .right { width:317px; }
/** End Round Boxes **/


/** Entry text styles **/
.entry {}
.entry p{ padding-bottom:18px; }
.entry ul,
.entry ol,
.entry blockquote { color:#333; }
.entry blockquote { padding:0 0 15px 25px; background:url(images/blockquote.gif) no-repeat 0 2px; }
.entry ul { list-style-type: disc; padding:0 0 10px 4px; }
.entry ul li, .entry li{ padding: 0 0 12px 0; margin-left: 12px;}
.entry ul li ul, .entry ul li ul li{ padding: 0 0 0px 12px; }
.entry ol { padding:0 0 20px 30px; }
.entry ol li { padding-bottom:5px; }

.pagenav { background:url() no-repeat 0 5px !important; padding: 0 !important; } 
.page_item { background:url() no-repeat 0 5px !important; } 
.current_page_item { background:url() no-repeat 0 5px !important; }
.current_page_parent { background:url() no-repeat 0 5px !important; padding: 0 !important; }
.current_page_ancestor { background:url() no-repeat 0 5px !important; padding: 0 !important; }

/** END Entry text styles **/


/** Sidebar Menu **/
.sidebar-nav {margin-top:-22px;}
.sidebar-nav ul { list-style-type: none; text-transform: normal; }
.sidebar-nav li { border-bottom:solid 1px #f1f1f1; height:100%; padding:0 10px 0 21px; }
.sidebar-nav li a{ display:block; color:#333; background:url(images/sidebar-bul.gif) no-repeat right -200px; padding:7px 0; width:100%; position:relative; }
.sidebar-nav li a:hover{ color:#087dc5;  background-position:right 12px}
.sidebar-nav li.current_page_item a{ color:#087dc5 !important;  background-position:right 12px !important;}

/** END Sidebar Menu **/


/** Footer Navigation **/
.footer-nav { padding:25px 20px; }
.footer-nav ul{ float:left; display:inline; white-space:nowrap; list-style-type: none; color:#fff; margin-right:45px; font-size:11px; }
.footer-nav ul.last{ margin:0; }
.footer-nav a{ color:#fff; }
.footer-nav a:hover{ color:#aaa; }
.footer-nav ul li{float: left; text-transform: capitalize; font-size: 12px; font-weight: bold; margin-right: 25px;}
.copy { font-size:10px; text-align: left; color:#828282; clear: both;}

.vss { float:right;}
/** END Footer Navigation **/


/** MAIN Navigation **/
#navigation { float:right; width:550px; padding-top:20px; }
#navigation ul{ list-style-type: none; text-transform: uppercase; }
#navigation ul li { float:left; position:relative; z-index:9; }
#navigation ul li span,
#navigation ul li a { position:relative; z-index:8; color:#333; float:left; height:33px; background:url(images/nav.gif) no-repeat 0 -200px; padding-left:10px; line-height:33px; }
#navigation ul li span { padding:10px 10px 0 0; height:23px; }
#navigation ul li em { float:left; font-size:0; line-height:0; height:10px; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px;}

#navigation ul li a.hover { color:#fff !important; background-position:0 0;}
#navigation ul li a.hover span{ color:#fff !important; background-position:right 0; }
#navigation ul li a.hover em{ background-position:0 bottom; }

#navigation ul li a:hover, 
#navigation ul li a:hover span { color:#087dc5;}

#navigation ul li .sub-nav { width:200px; position:absolute; top:32px; left:0; z-index:90; display:none; }
#navigation ul li .sub-nav ul{ text-transform: none;  }
#navigation ul li .sub-nav li{ float:none; display:block; line-height:14px; padding:5px 10px; }
#navigation ul li .sub-nav li a{ float:none; display:block; padding:0; height:auto; color:#fff; background:transparent !important; line-height:14px; }
#navigation ul li .sub-nav li a:hover{ color:#79bee1; }
#navigation ul li .sub-nav-t { font-size:0; line-height:0; height:4px; background:url(images/sub-t.png) no-repeat 0 0; width:200px; }
#navigation ul li .sub-nav-b { font-size:0; line-height:0; height:5px; background:url(images/sub-b.png) no-repeat 0 0; width:200px; }
#navigation ul li .sub-nav-c { background:url(images/sub-c.png) repeat-y 0 0; width:200px; }
/** END MAIN Navigation **/



/** POST Styles **/
.post { padding:21px; }
.post h3{font-size:14px; line-height:16px; padding:5px 0 10px 0;}
#comments {border-top:1px solid #EEEEEE; font-size:14px; line-height:16px; padding:25px 0;}
.post .entry { padding:0; }
.post .postmetadata { font-size:11px; }
.post .date { font-size:11px; color:#999; display:block; padding-bottom:15px; }
/** END POST Styles **/


/** Post Navigation **/
.nav { text-transform: uppercase; border-top:solid 1px #e9e9e9; margin:0; height:30px; white-space:nowrap; line-height:20px; font-size:11px; font-weight: bold; line-height:30px; padding:0 10px; background:#f5f5f5; }
.nav a { display:block; font-size:0; line-height:0; height:8px; background-repeat:no-repeat; background-position:0 0; position:relative; text-indent: -4000px; top:12px;}
.nav a:hover { background-position:0 bottom; }

.prev-entries a { background-image:url(images/prev-entries.gif); width:103px; }
.next-entries a { background-image:url(images/next-entries.gif); width:81px; }
.prev-news a { background-image:url(images/prev-news.gif); width:92px; }
.next-news a { background-image:url(images/next-news.gif); width:69px; }
.more a { background-image:url(images/more.gif); width:40px; }
.follow a { background-image:url(images/follow.gif); width:66px; }
/** END Post Navigation **/


.author-entry { font-size:11px; line-height:15px;}
.author-entry p{ padding:0; }


/** Comments & Respond Form **/
ol.commentlist { list-style-type: none; font-size:11px; line-height:15px; }
ol.commentlist li{ padding-bottom:20px;  }
ol.commentlist img{ float:left; padding:1px; border:solid 1px #eee; margin-right: 12px; }

#respond {border-top:1px solid #EEEEEE; font-size:11px; line-height:15px; padding-top:15px;}
#respond p { padding-bottom:15px; }
#respond h3 { padding-bottom:15px; }
#respond input { width:200px; }
#respond input#submit { width:150px; }
#respond textarea { width:560px; }
/** END Comments & Respond Form **/



/** Form in 1 Col Page **/
.border-rounded { width:317px; background:url(images/f-c.gif) repeat-y 0 0; }
.border-rounded-t { width:317px; background:url(images/f-t.gif) no-repeat 0 0; }
.border-rounded-b { background:url(images/f-b.gif) no-repeat 0 bottom; height:100%; padding:13px; }

.page-form h3 { font-size:12px; }
.page-form label { float:left; width:80px; white-space:nowrap; padding-top:1px;}
.page-form input.field { float:left; width:200px; margin-bottom:10px;}
.page-form textarea.field { width:280px; height:120px; margin-bottom:10px; }

.page-form .buttons { height:27px; }
.page-form .button { float:right; height:27px; font-size:0; line-height:0; text-indent: -4000px; cursor:pointer; border:0; margin-left:10px; }
.page-form .submit { width:81px; background:url(images/submit.gif); }
.page-form .reset { width:73px; background:url(images/reset.gif); }

.form-image { font-size:0; line-height:0; padding-bottom:10px; text-align: center;}
/** END Form in 1 Col Page **/


/** News **/
.news-article { padding:21px; }
.news-article h3{ font-size:12px; padding:10px 0 0 0; font-weight: normal;}
.news-article .entry{ padding:0; }
.news-article .news-image{ float:left; width:252px; height:121px; position:relative; overflow:hidden; background:url(images/news-thumb.gif) no-repeat 0 0; font-size:0; line-height:0; display:inline; margin-right:20px; }
.news-article .news-info { float:left; width:298px; }

.more { font-size:11px; color:#afafaf; }
.more:hover { font-size:11px; color:#333; }
/** END News **/


/** Homepage styles **/
.tell-me-more { height:62px; background-image:url(images/learn-more-button.gif); margin-bottom:20px; }
.tell-me-more:hover { background-position:0 bottom; }

#blue-box { height:352px; margin-bottom:20px; background:url(images/intro_v2_b.png) no-repeat center 0; position:relative; font-weight: normal;}
#blue-box .infos { color:#bae7fa; font-size:12px; line-height:19px; padding:268px 20px 0 44px; display: none;}
#blue-box .infos .i{ float:left; display:inline; width:270px; }
#blue-box .infos .center-i{ margin:0 55px 0 45px; }
.take-a-tour { font-size:0; line-height:0; background:url(images/empty.gif); position:absolute; top:0px; left:0px; width:923px; height:320px; text-indent: -4000px;}
/** END Homepage styles **/


/** Home Carousel **/
.home-logos { padding:21px; }
.home-logos .left{ width:120px; font-size:16px; line-height:19px; padding-left:20px; }
.home-logos .right{ width:730px; position:relative; }

.jcarousel-clip { width:700px; height:40px; overflow:hidden; position:relative; }
.jcarousel-clip ul{ list-style-type: none; position:relative; }
.jcarousel-clip li{ float:left; text-align: center; width:175px;}

.jcarousel-next { font-size:0; height:0; width:14px; height:17px; background:url(images/arrow.gif) no-repeat 0 0; text-indent: -4000px; 
	cursor:pointer; position:absolute; top:7px; left:720px; }
/** END Carousel **/


/** Twitter **/
.twitter { padding:9px 10px 5px 10px; min-height:370px; }
.twitter ul{ list-style-type: none; }
.twitter li{ background:url(images/twitter-quote.gif) no-repeat 0 3px; padding:0 0 15px 30px; }
h2.twitter-h { padding:15px 0 18px 47px;}
/** END Twitter **/


/** Min Heights **/
.news-cnt { min-height:562px; }
.sidebar-blog-cnt { min-height:640px; }
.single-cnt { min-height:640px; }
.news-cnt-home { min-height:492px; }
/** END Min Heights **/

.look-who { width:114px; height:39px; background-image:url(images/look.gif); }

#sidebar .entry {padding: 21px 20px; background: transparent url(images/box-shadow-small.gif) no-repeat scroll 0 -1px;}
#sidebar .entry .simpleimage p{margin: 0; padding: 0;}
#sidebar .entry ul {padding:0 0; margin: 0 -21px 0 -21px;}
#sidebar .entry ul li{background:transparent url(images/bul.gif) no-repeat scroll 0 7px; padding:0 8px 0 10px;}

.back {float: right; clear: right;}

h2.widgettitle {display:none !important;}

.wpcf7 textarea{width: 99%;}
.wpcf7 {
padding: 15px 0 !important;
margin: 10px 0 !important;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

#login iframe{padding: 0; margin: 0; border: 0; background: transparent; float: left;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.press-releases{margin: 2px 0 0 19px; clear: both; width: 590px; overflow: hidden; height: auto; float: left;}
.press-stop{background:transparent url(images/box-shadow.gif) no-repeat scroll 0 0; clear: both;}
.press-releases a{margin: 0 0 3px 3px; color:#333333;}
.press-releases a:hover{color: #087dc5;}

#supporting h2 {
	font-size:12px;
	color:#222;
	padding:6px 0 0 21px;
	width:80px;
	float:left;
	margin-top:11px;
}

#supporting p.inner {
	padding:12px 0 10px 21px;
}
img#opa {
	margin-right:18px;
}
img#iab {
	position:relative;
	top:-1px;
}