/*
Lunar Logic Polska
Colourized red icons: H:360, S:74, :L23
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img,strong,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0;	border:0;	outline:0; font-size:100%; vertical-align:baseline;	background:transparent;}
html{height:100.01%; margin-bottom:1px;}
body{font-size:13px; font-weight:300; font-family:arial, sans-serif; color:#333; text-align:center; background:#fff;}

/* Typography */
h1{font-size:23px; font-family:"museo-1", "museo-2", "Trebuchet MS", sans-serif; font-weight:300; margin:0 0 20px 0; width:635px !important;}
h2{font-size:23px; font-family:"museo-1", "museo-2", "Trebuchet MS", sans-serif; font-weight:normal; color:#333; margin-bottom:5px; margin-top:105px;}
h3{font-size:18px; font-family:"museo-1", "museo-2", "Trebuchet MS", sans-serif; color:#333; font-weight:bold; margin-bottom:0;}
p{line-height:20px; margin-bottom:19px;font-size:100%;}
strong { font-weight: bold; }

ul,ol{list-style:none;}
li{line-height:19px;}

#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; margin-bottom: 20px; margin-left: 25px; }
ul li{margin-bottom:26px; list-style-type:disc;}
ul li p{color:#333; margin:0;}

/*#content p{width:496px;}*/
#content a:hover{color:#000;}

/* Layout */
/* Each column is 127px now as we widened the site so h1 broke well */
html{border-top:9px solid #231f20;}
#container{border-top:9px solid #D0CBC8; padding:30px;}
#wrapper{text-align:left; width:889px; margin:0 auto; overflow:hidden; padding-bottom:25px;}
#page{width:100%;}

#sidebar{position:relative; float:left; width:254px;}
#sidebar p{width:100%;}
#main{width:635px; float:right;}

#logo{width:152px; height:57px; overflow:hidden;}
#logo a{display:block; width:152px; height:57px;}
#logo a span{display:block; position:relative; overflow:hidden; width:152px; height:57px; background:url('/images/llp.png') no-repeat left top;}
#logo a:hover span{/*background-position:left -119px; cursor:pointer;*/}

#navigation{width:100%; list-style:none; overflow:hidden; margin-top:10px;}
#navigation li{float:left; position:relative; list-style-type:none; margin-right:15px;}
#navigation li a{font-family:"museo-1", "museo-2", "Trebuchet MS", sans-serif; font-weight:500; letter-spacing:0.5pt; font-size:15px; display:block; color:#000; text-decoration:none; text-transform:lowercase;}
#navigation li a:hover{color:#D0CBC8;}
#navigation li, #navigation a, #navigation a:hover, #navigation li a span, #navigation li a:hover span{cursor:pointer !important;}

#home .home_link {color:#3BA5E0;}
#our-services .our-services_link {color:#E5A60A;}
#our-approach .our-approach_link {color:#71BC5E;}
#our-work .our-work_link {color:#2F80BC;}
#blog .blog_link {color:#266897;}
#contact-us .contact-us_link {color:#71C69A;}


#content {
  margin-top:20px;
/*  width:496px;*/
  position:relative;
}

#footer{border-top:1px solid #ccc; margin-top:100px; padding-top:10px;}
#footer p{font-size:9px; color:#aaa; margin:0;}

/*home*/
.home{border-top:9px solid #3BA5E0;}
.home h1, .home a {color:#3BA5E0;}
.home	#navigation li.selected a, .home #logo a{background:#3BA5E0;}
.home span.error_msg span{background-color:#3BA5E0;}

#featured_project{position:relative;}
#featured_project img { border: 5px solid #ccc; margin: 15px 0px; }
#featured_project #earlier { position:absolute; width:150px; left:500px; top:-28px;}

/*services*/
.our-services{border-top:9px solid #E5A60A;}
.our-services h1, .our-services a {color:#E5A60A;}
.our-services #navigation li.selected a, .our-services #logo a{background:#E5A60A;}
.our-services span.error_msg span{background-color:#E5A60A;}

/*approach*/
.our-approach{border-top:9px solid #71BC5E;}
.our-approach h1, .our-approach a {color:#71BC5E;}
.our-approach #navigation li.selected a, .our-approach #logo a{background:#71BC5E;}
.our-approach span.error_msg span{background-color:#71BC5E;}
.our-approach h3{margin-bottom:18px;}

/*work*/
.our-work{border-top:9px solid #2F80BC;}
.our-work h1, .our-work a {color:#2F80BC;}
.our-work #navigation li.selected a, .our-work #logo a {background:#2F80BC;}
.our-work span.error_msg span{background-color:#2F80BC;}

.portfolio_items{margin-top:30px; width:630px;}
.portfolio_items li{list-style:none; position:relative; width:290px; height:170px; border:5px solid #ccc; float:left; margin:0 15px 15px 0;}
.portfolio_items div.caption{z-index:999; opacity: 0; filter: alpha(opacity=0); position:absolute; top:0; left:0; width:250px; padding:20px; height:130px; background:url(/images/portfolio-overlay.png); color:#fff;}
.portfolio_items div.caption p{margin:0; color:#fff; line-height:110%;}
.portfolio_items div.caption p.what{font-style:italic; margin-top:10px;}
.portfolio_items div.caption h3{margin-bottom:15px; color:#fff;}
.portfolio_items div.caption a{text-indent:-999em;}
#content .portfolio_items div.caption p{width:auto; font-size:13px;}
.portfolio_items div.caption a{font-size:13px;}
.portfolio_items a.portfolio, .portfolio_items div.caption a{display:block; position:absolute; top:0; left:0; width:290px; height:170px;}

.portfolio_items.iphone li { width: 220px; height: 415px; border: none; }
.portfolio_items.iphone div.caption { width: 150px; height: 265px; margin: 15px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding-top: 100px;}
.portfolio_items.iphone a.portfolio, .portfolio_items.iphone div.caption a { width: 190px; height: 385px; }

/*blog*/
.blog {border-top:9px solid #266897;}
.blog h1, .blog a {color:#266897;}
.blog #navigation li.selected a, .blog #logo a{background-color:#266897;}
.blog .error_msg span{background-color:#266897;}
.blog .author{font-style: italic; text-align: right;}
.blog .post_footer {font-size:11px; color: #ddd;}
.blog .post_body ul {margin: 5px 0 20px 20px;}
.blog .post_body ul ul { margin-bottom: 0px;}
.blog .post_body li {color:#333333;margin:10px 0;}
.blog .post { margin-bottom: 60px; position: relative; }
.blog .post img { width: 100% }
.blog .for_blog_archives{ position: relative;}
.blog .blog_archives{ width: 244px; position: absolute; left: -254px; }
.blog .blog_archives li {margin-bottom:0; padding-left:20px;}

.blog .retweet { position: absolute; left: -80px; top: 0px; width: 60px; height: 70px; text-align: right; }

.blog .sharing { overflow: hidden; margin-top: 20px; border: 1px solid #e0e0d8; background-color: #f0f0ec; padding: 8px 12px; vertical-align: middle; }
.blog .sharing span { display: block; float: left; line-height: 23px; margin-right: 7px; }
.blog .sharing li { float: left; list-style-type: none; padding: 0px 3px; margin-bottom: 0px; vertical-align: middle; }
.blog .sharing img { width: 18px; height: 18px; border: 1px solid transparent; padding: 1px; display: block; }
.blog .sharing img:hover { border: 1px solid #ccc; }

/*contact*/
.contact-us {border-top:9px solid #71C69A;}
.contact-us h1, .contact a {color:#71C69A;}
.contact-us #navigation li.selected a, .contact-us #logo a{background:#71C69A;}
.contact-us span.error_msg span{background-color:#71C69A;}
.contact-us h3{margin-bottom:24px;}


form{width:350px;}
form div{margin-bottom:16px;}
form fieldset{margin-bottom:16px;}
label{display:block; margin-bottom:5px; line-height:18px;}
label em{font-style:normal; font-size:11px;}
input.text, textarea{width:100%; border:1px solid #ccc; font-size:12px; padding:2px 1px;}
span.error_msg{line-height:24px; padding-left:20px; display:block; font-style:italic; position:relative;}
span.error_msg span{width:16px; height:16px; line-height:16px; display:block; position:absolute; left:0; top:2px; background-image:url('/images/smiley.png'); background-repeat:no-repeat; background-position:top left;}

#contact_details{width:635px; position:relative;}
#address{position:absolute; left:382px; top:0; width:200px;}

/*error*/
.error{color:red;}
.error h1, .error a, .error #logo{color:red;}
.error #logo a{background:red;}

#our-approach EM {
  /*color: #71BC5E;*/
  font-weight: bold;
  font-style: normal;
}
#our-services EM {
  /*color: #E5A60A;*/
  font-weight: bold;
  font-style: normal;
}
#contact-us EM {
  /*color: #71C69A; */
  font-weight: bold;
  font-style: normal;
}

/* styles for quotes */

.quoted {
  position:relative;
}

blockquote {
  position:relative;
  background:#EDEDED;
  background:url('/images/comment-bg.png') no-repeat top right;
}

.quoted blockquote{
  position:absolute;
  left:-253px;
  width:210px;
  top:0;
}

blockquote div{
  position:relative;
  background:url('/images/comment-bg-l.png') no-repeat top left;
  padding-top:13px;
}

blockquote div div{
  background:url('/images/comment-bg.png') no-repeat bottom right;
  padding:0;
}

blockquote div div div{
  background:url('/images/comment-bg-l.png') no-repeat bottom left;
  padding:0 13px 13px 13px;
}

blockquote p{
  width:auto !important;
  margin:0;
  color:#71BC5E;
}

blockquote .source{
  position:relative;
  display:block;
  padding-left:13px;
  width:auto;
  padding-top:30px;
  background:#fff url('/images/comment-connector.png') no-repeat 23px top;
  height:50px;
}

blockquote .source em{
  font-weight:normal !important;
}

.quoted p {
  color:#666;
  font-style:italic;
}

.blog .post pre {
  background-color:#EEEEEE;
  font-size:12px;
  padding:10px;
  overflow: auto;
}

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

.post_meta {
  margin-top: 15px;
}

.post img.avatar {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #CCC;
}

.post .post_body .author-info {
  vertical-align: middle;
}


#disqus_thread {
  margin-top: 25px;
}