/*
Theme Name: Proto
Theme URI: http://proto.in
Description: 
Author: Hussain SM
Author URI: http://chugsdesigns.com/
*/

/*
global styles
-------------------------------------------------- */

* { 
margin : 0;
padding : 0;
}
body {
background: #fff url(i/body.gif) repeat-x;
font: 100%/1.3em Arial, "Trebuchet MS", Trebuchet, Verdana, serif;
color: #3e3e3e;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #398c24;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #398c24;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #398c24;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #398c24;
}
a img {
border: none;
}
p {
margin: 15px 0;
}
abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #999; 
cursor: help;
}

/* code */

code {
padding: 3px;
background: #e5e5e5;
overflow: auto;
font: 1.05em Courier, monospace;
line-height: 1.4em;
}

/* list styles */

ul {
margin: 10px 0;
padding: 0;
}
ul li {
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(i/icon-bullet.gif) no-repeat;
line-height: 20px;
}
ol {
margin: 10px 0;
padding: 0 0 0 25px;
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 30px 0;
background: url(i/blockquote.gif) no-repeat;
font: italic 0.95em/1.5em Georgia, "Trebuchet MS", sans-serif;
color: #666;
}

/* image styles */

img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
background: #fff;
padding: 4px;
border: 1px solid #f6f6f6;
}

/* hn */

h1, h2, h3, h4 {
font-weight: normal;
color: #018dbc;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}

/* 
navigation
-------------------------------------------------- */

ul#nav {
width: 900px;
margin: 0 auto;
padding: 0;
background: #45a92c;
}
#nav li {
float: left;
display: block;
list-style-type: none;
width: 150px;
height: 50px;
margin: 0; 
padding: 0;
background: none;
font-size: 0.95em;
text-transform: uppercase;
}
#nav li a {
float: left;
display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
line-height: 50px;
}
#nav li a:hover, 
#nav li a:active,
body#home li#nav-home a, 
body#archives li#nav-blog a, 
body#blogarchives li#nav-blog a, 
body#blog li#nav-blog a, 
body#about li#nav-about a, 
body#participate li#nav-participate a, 
body#sponsorship li#nav-sponsorship a, 
body#contact li#nav-contact a {
background: #398c24;
color: #fff;
}

/*
header
-------------------------------------------------- */

#header {
width: 914px;
margin: 0 auto;
padding: 30px 0 0;
background: #fff url(i/header-top.gif) no-repeat;
}
#header-inner {
background: url(i/header-inner.gif) repeat-y 50% 80px;
}
div.header-col {
float: left;
width: 300px;
height: 140px;
text-align: center;
}

/* logo */

div.header-col.logo {
position: relative;
}
h1 {
position: absolute;
top: 5px;
left: 34px;
margin: 0;
padding: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
display: block;
width: 232px;
overflow: hidden;
margin: 0;
padding: 132px 0 0 0;
background: url(i/title.gif) no-repeat;
color: #fff;
text-decoration: none;
height: 0px !important;
height /**/: 132px;
}

/* location */

div.header-col.location {
background: url(i/map.gif) no-repeat 50% 50%;
font: 1.3em/1.6em Georgia, "Times New Roman", Times, serif;
color: #175ea5;
letter-spacing: 0.1em;
}
div.header-col.location p {
padding: 20px 0 0;
}
div.header-col.location em {
font-size: 0.8em;
font-style: normal;
text-transform: uppercase;
letter-spacing: normal;
}
div.header-col.location em sup {
font-size: 0.6em;
}

/* register */

div.header-col.register {
font: 1.3em/1.6em Georgia, "Times New Roman", Times, serif;
color: #175ea5;
letter-spacing: 0.1em;
}

/* search */

#search {
margin: 10px 0 0;
}
#searchform fieldset {
border: none;
}
#s {
width: 215px;
margin: 0 auto;
padding: 4px;
border: 1px solid #018dbc;
font-size: 0.75em;
color: #444;
}

/* live search */

#addicted_results {
position: absolute;
width: 220px;
margin: 0 0 0 40px;
background: #fff;
order: 1px solid #018dbc;
border-top: none;
font-size: 0.9em;
text-align: left;
z-index: 100;
}
#addicted_results li {
margin: 0;
padding: 0;
background: none;
}
#addicted_results a {
display: block;
margin: 0;
padding: 5px 0 5px 20px;
background: url(i/icon-bullet.gif) no-repeat 5px 5px;
border-bottom: 1px solid #018dbc;
}
#addicted_results a:hover {
background: #eee url(i/icon-bullet.gif) no-repeat 5px 5px;
}

/* register */

a.button-register {
display: block;
overflow: hidden;
width: 226px;
margin: 30px auto 0;
padding: 66px 0 0;
background: url(i/button-register.gif) no-repeat;
height: 0px !important;
height /**/: 66px;
}

/*
intro
-------------------------------------------------- */

#intro {
padding: 40px 0 0;
background: #175ea5 url(i/intro-top.gif) repeat-x 0 0;
font-size: 2.2em;
color: #fff;
text-align: center;
line-height: 1.2em;
}
#intro-inner {
width: 900px;
margin: 0 auto;
padding: 15px 0;
background: url(i/intro-inner.gif) no-repeat 0 100%;
text-align: left;
}
#intro p {
margin: 0;
padding: 0 15px;
}
#intro h2 {
padding: 0 15px;
font-size: 0.8em;
color: #fff;
}

/*
layout
-------------------------------------------------- */

#wrap {
background: url(i/wrap.gif) repeat-x;
}
#wrap-top-3col {
width: 914px;
height: 48px;
margin: 0 auto;
background: url(i/wrap-top-3col.gif) no-repeat 50% 0;
}
#wrap-inner-3col {
width: 900px;
margin: 0 auto;
background: url(i/wrap-3col.gif) repeat-y 50% 0;
text-align: left;
}
#wrap-outer-3col {
width: 914px;
margin: 0 auto;
background: url(i/wrap-outer-3col.gif) no-repeat 50% 100%;
}
#wrap-top-2col {
width: 914px;
height: 48px;
margin: 0 auto;
background: url(i/wrap-top-2col.gif) no-repeat 50% 0;
}
#wrap-inner-2col {
width: 900px;
margin: 0 auto;
background: url(i/wrap-2col.gif) repeat-y 50% 0;
text-align: left;
}
#wrap-outer-2col {
width: 914px;
margin: 0 auto;
background: url(i/wrap-outer-2col.gif) no-repeat 50% 100%;
}
div.content-col {
float: left;
width: 300px;
font-size: 0.8em;
}
div.content-col-inner {
padding: 0 15px;
}
div.content-col h2 {
padding: 0 0 15px;
background: url(i/h2.gif) no-repeat 50% 100%;
font: 1.8em Georgia, "Times New Roman", Times, serif;
text-align: center;
letter-spacing: -1px;
}
div.content-col.right {
padding: 115px 0 0;
background: url(i/badge.gif) no-repeat 40px 0;
}
div.col-main {
float: left;
width: 600px;
font-size: 0.8em;
text-align: left;
}
div.col-main-inner {
padding: 0 15px;
}

/*
home page
-------------------------------------------------- */

/* what is */

h2#h2-whatis {
margin: 0 0 15px;
}

/* blog */

div.post {
margin: 0 0 30px;
padding: 0 0 20px;
}
div.col-sec.blog p.post-date {
margin: 15px 0 0;
font-size: 0.8em;
color: #666;
text-transform: uppercase;
letter-spacing: 0.1em;
}
div.col-sec.blog h3.post-title {
background: none;
font: bold 1.2em Arial, "Trebuchet MS", Trebuchet, Verdana, serif;
color: #398c24;
text-align: left;
letter-spacing: 0;
}
a.more {
display:block;
margin: 20px 0 0;
background: url(i/icon-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 20px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
a.subscribe {
display:block;
margin: 20px 0 0;
background: url(i/icon-feed.gif) no-repeat 0 50%;
padding: 0 0 0 20px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
}

/* quote */

div.col-sec.quote cite {
display: block;
font-style: normal;
}

/* participants */

div.col-sec.participants {
margin: 0 0 40px;
}

/* event supported by */

ul#supported li {
list-style-type: none;
background: none;
}

/*
blog
-------------------------------------------------- */

/* post */

p.post-meta {
margin: 15px 0 0;
font-size: 0.8em;
color: #666;
text-transform: uppercase;
letter-spacing: 0.1em;
}
h2.post-title, 
h3.arch-title, 
h3.post-title {
padding: 0 0 15px;
background: url(i/h2.gif) no-repeat 50% 100%;
font: 1.6em Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
text-align: center;
}

/* previous next entires */

div.content-navigate {
position: relative;
width: 100%;
margin: 20px 0;
padding: 10px 0 0;
background: url(i/dot.gif) repeat-x;
text-transform: uppercase;
}
p.content-navigate {
margin: 20px 0;
padding: 10px 0 0;
background: url(i/dot.gif) repeat-x;
text-transform: uppercase;
}
span.alignright {
position: absolute;
right: 0;
top: 10px;
padding: 0 20px 0 0;
background: url(i/icon-arrow.gif) no-repeat 100% 50%;
text-align: right;
line-height: 18px;
}
span.alignleft {
position: absolute;
left: 0;
top: 10px;
padding: 0 0 0 20px;
background: url(i/icon-arrow-left.gif) no-repeat 0 50%;
line-height: 18px;
}
span.alignmiddle {
margin: 0 175px;
text-align: center;
line-height: 18px;
}
div.content-navigate span {
width: 175px;
display: block;
}

/* comments */

#comments {
margin: 20px 0;
}
#comments h3 {
padding: 0 0 15px;
background: url(i/h2.gif) no-repeat 50% 100%;
font: 1.8em Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
text-align: center;
}
p.comments-meta {
margin: 10px 0 20px;
font-size: 0.9em;
}
div.comment {
padding: 0 5px;
background: url(i/dot.gif) repeat-x;
font-size: 0.95em;
}
div.comment.authorcomment {
background: #f5f5f5;
}
div.comment-meta {
margin: 0 0 0 35px;
padding: 10px 0 0;
font-size: 0.9em;
line-height: 1.2em;
}
div.gravatar {
display: inline;
float: left;
margin: 10px 0 0;
}
span.comment-meta-author {
font-weight: bold;
text-transform: uppercase;
}
#comments-form {
margin: 20px 0 0;
}
#comments-form label {
display: block;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#comments-form label em {
font-style: normal;
text-transform: none;
letter-spacing: normal;
}
#author, 
#email,
#url,
#text {
width: 250px;
margin: 0 0 10px;
padding: 4px;
background: #eee;
border: 1px solid #ccc;
font-size: 1.2em;
}
#text {
width: 95%;
}
#submit {
padding: 5px 10px;
background: #175ea5;
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #eee;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
div.comment-form-info {
float: right;
width: 250px;
margin: 20px 0 0;
padding: 0 0 10px;
font-size: 0.85em;
color: #666;
line-height: 1.2em;
}
div.comment-form-info strong {
font-weight: bold;
}
div.comment-form-info p {
margin: 5px 0;
}

/* comment preview */

#commentPreview {
margin-bottom: 10px;
font-size: 0.85em;
}
h4.comment-preview {
margin: 0 0 10px;
font-size: 0.85em;
color: #3e3e3e;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#commentPreview em {
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}
#commentPreview div {
width: 95%;
margin: 0 0 10px;
}
ul.arch-list li {
float: left;
width: 175px;
}

/* 
search results		
------------------------------------------------------ */

#search-results {
margin: 0 0 20px;
padding: 0 0 20px;
}
#searchform label {
display: block;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
p.search-results-meta {
font-size: 1.2em;
}
ul#search-results-list li {
margin: 0 0 30px;
background-position: 0 30px;
}
ul#search-results-list h3 {
padding: 30px 0 0;
background: url(i/dot.gif) repeat-x;
}
#search-submit {
padding: 5px 10px;
background: #175ea5;
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #eee;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

ul.page-list {
padding: 0 0 5px;
background: url(i/dot.gif) repeat-x 0 100%;
}
ul.page-list li {
list-style-type: none;
padding: 0 10px 0 0;
background: none;
text-transform: uppercase;
}

/* 
registration form		
------------------------------------------------------ */

#form-registration fieldset {
margin: 20px 0; 
padding: 15px;
border: 1px solid #018dbc;
}
#form-registration legend {
padding: 0 5px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#form-registration p {
margin: 0;
padding: 15px 5px;
}
#form-registration input:focus,
#form-registrationr input.error:focus, 
#form-registration textarea:focus {	
background: #FFC; 
border-color: #FC6; 
}
#form-registration label, 
span.label {
position: relative;
width: 210px; 
display: block; 
float: left; 
margin-right: 20px; 
padding-right: 20px;
text-align: right; 
}
#form-registration p.controlset label, 
#form-registration p.controlset input { 
display: inline; 
float: none; 
}
#form-registration p.controlset { 
margin-left: 250px; 
}
#form-registration p.controlset span.label { 
margin-left: -250px; 
}
#form-registration input,
textarea {
border: 1px solid #ccc;
}
#CompanyName,
#YearStarted,
#YearSince,
#YearsOnPdt,
#CoreFocusArea,
#founder,
#numTeam,
#PdtName,
#PdtCategory,
#PdtPainPoint,
#PdtWebsite,
#ContactName,
#ContactEmail,
#ContactPhone,
#ContactAddr1,
#ContactAddr2,
#ContactCity,
#ContactPincode,
#Unique,
#CompAdv,
#Competitors,
#ProtoSucceed {
width: 250px;
padding: 2px;
}
#reg-submit, 
#reg-cancel {
width: 80%;
padding: 10px;
background: #67c6dd;
border: 3px double #000;
border-top-color: #333;
border-left-color: #333;
font-size: 85%;
font-weight: bold;
color: #eee;
text-transform: uppercase;
text-align: center;
}



/* 
footer		
------------------------------------------------------ */

#footer {
background: #45a92c url(i/footer.gif) repeat-x;
text-align: center;
}
#footer-inner-3col {
width: 914px;
margin: 0 auto;
padding: 60px 0 30px;
background: url(i/footer-inner-3col.gif) no-repeat;
text-align: left;
}
#footer-inner-2col {
width: 914px;
margin: 0 auto;
padding: 60px 0 30px;
background: url(i/footer-inner-2col.gif) no-repeat;
text-align: left;
}
#footer h3 {
padding: 0 7px 5px;
font-size: 0.7em;
color: #444;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#footer a {
color: #ccc;
}
#footer a:hover {
color: #fff;
}
ul#sponsors {
margin: 0;
padding: 0 7px;
}
ul#sponsors li {
float: left;
list-style-type: none;
margin: 0 5px 0 0;
padding: 0;
background: none;
}
p#design {
margin: 0;
padding: 20px 7px 0;
font-size: 0.75em;
text-transform: uppercase;
}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */