/*
Theme Name: Evan Pike - Pro
Theme URI: http://evanpike.com/
Description: The 2011 Design for Evan Pike - Professional Photographer. This website is copyright of Merkados™ Interactive Partners LLC. -  © Merkados™ 2011. All rights reserved. Any redistribution or reproduction of part or all of the contents in any form is prohibited. You may not, except with our express written permission, distribute or commercially exploit the content. Nor may you transmit it or store it in any other website or other form of electronic retrieval system.
Author: Merkados™
Author URI: http://www.merkados.com/
Version: 1.0
Tags: clean, pro, evan, pike, custom


*/



/*
Design provided to Evan Pike by Merkados™ Interactive Partners

This website is copyright of Merkados™ Interactive Partners LLC. - 
© Merkados™ 2011. All rights reserved.
Any redistribution or reproduction of part or all of the contents in any form is prohibited.
You may not, except with our express written permission, distribute or commercially exploit the content. 
Nor may you transmit it or store it in any other website or other form of electronic retrieval system.
*/

* {
margin:0px;
padding:0px;
border:0px;
}

body {
	font: .7em/1.5em 'Verdana', verdana, arial, sans-serif;
	background-color:#464646;
}

#infobox {
	width:100%;
	height:250px;
	background: url('images/infoBack.jpg') repeat-x top center;
	display:none;
}

#logo {
	width:196px;
	height:71px;
	position:relative;
    left: 40px;
    position: relative;
    top: 20px;
}

#clicker {
    height: 31px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 61px;
	cursor: pointer;
}

#header {
	width:100%;
	height:114px;
	background:#C4C4C6 url('images/header-back.jpg') no-repeat top center;
	margin:0 auto;
}

#header-content {
	width:980px;
	height:114px;
	margin:0 auto;
	position:relative;
}
#outerwrapper {
	width:100%;
	background: url('images/main-back.png') repeat;
}

#wrapper {
	width:980px;
	margin:0 auto;
	padding-bottom:40px;
}

#navigation {
	width:980px;
	height:26px;
	background: url('images/navigation-back.png') no-repeat top center;
}

#navigation ul {
	float:right;
}
#navigation .sf-menu li {
	border-right:1px solid #6f6f6f;
	list-style:none;
	padding-right:0px;
	color:#dadada;
}

#navigation .sf-menu li li {
	border-right:none;
}

#navigation .sf-menu li.last {
	border-right:none;
}

#navigation .sf-menu li a {
	color:#fff;
	/*height:25px;
	line-height:25px;
	text-decoration:none;
	display:block;
	padding:0px 20px;*/
}

#navigation .sf-menu li a:hover {
	background-color:#3577B3;
}

#secontent {
	width:980px;
	min-height:533px;
	background: url('images/sec-content-back.png') repeat-y top center;
	overflow-x: auto;
}

hr#topdivider {
	background-color:white;
	height:1px;
	margin-top:30px;
	margin-bottom:1px;
}
hr#bottomdivider {
	background-color:white;
	height:1px;
	margin-top:1px;
	clear:both;
}

#secside {
	width:318px;
	float:left;
	
}

#secside-content {
	padding-left:20px;
	padding-top:20px;
}

#secontent-main {
	width:660px;
	float:right;
}

#secmain-internal {
	margin:40px;
	
}

#secside .mywidget {
	width:260px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #333;
}

#secside .mywidget h2 {
	margin-bottom:10px;
	font-family: "Arimo";
	font-variant:small-caps;
}

#sliderbox {
	width:980px;
	height:346px;
	background: url('images/slider-box.png') no-repeat top center;
	margin-top:30px;
}

#slidex {
	width:980px;
	height:344px;
	padding-top:2px;
	overflow:hidden;
}

#teasers-shadow {
	width:980px;
	height:163px;
	background: url('images/teaser-shadow.png') no-repeat top center;
}

#teasers {
	width:980px;
	height:151px;
	background: url('images/teaser-back.jpg') no-repeat top center;
	margin-top:30px;
}

.teaser {
	height:120px;
	float:left;
	position: relative;
	padding-top:28px;
}

.fteaser {
	margin-left:20px;
	width:310px;
}

.steaser {
	width:298px;
	margin-left:20px;
}

.lteaser {
	width:310px;
	margin-left:20px;
}

.icon {
	float:left;
	position:relative;
	margin-right:10px;
}

.lteaser .icon {
	width:90px;
	height:90px;
}

.lteaser .icon img {
	margin-top:15px;
}

#youheading {
	width:93px; /*35px;*/
	height:12px;
	background: url('images/heading-one.png') no-repeat;
	float:left;
	clear:right;
}

#youheading2 {
	width:64px;  /*57px;*/
	height:12px;
	background: url('images/heading2.png') no-repeat;
	float:left;
	clear:right;
}

#youheading3 {
	width:66px; /*25px;*/
	height:12px;
	background: url('images/heading3.png') no-repeat;
	float:left;
	clear:right;
}


#youheading span, #youheading2 span, #youheading3 span {
	visibility:hidden;
}

p.ttext {
    color: white;
    float: left;
    margin-top: 12px;
    width: 186px;
}

p.ttext a {
	font-variant:small-caps;
	color:#59aAFF;
}


#footer {
	width:100%;
	height:275px;
	background: url('images/footer-real-back.gif') repeat-x;
}

#footer h3 {
	color:#222;
	font-variant:small-caps;
	padding-bottom:30px;
	font-family:"Arimo";
  font-size: 1.5em;
}

#footer-inner {
	width:100%;
	height:275px;
	margin:0 auto;
	background: url('images/footer-back.png') no-repeat top center;
}


#footer-content-box {
	width:980px;
	height:275px;
	margin:0 auto;
	padding-top:60px;
	position:relative;
}

.fcolumn {
    float: left;
    margin-left: 40px;
    width: 260px;
}

.fcolumn ul li {
	list-style:inside;
	color:#dadada;
}

.lcolumn {
	width: 260px; /*650px;*/
	float:left;
	margin-left:60px;
	position:relative;
}


.lcolumn .product {
	width:320px;
	float:left;
}

.lcolumn .product img {
	border:2px solid #222;
	float:left;
	margin-right:30px;
	
}

.lcolumn .product h4 {
	color:#dadada;
	font-variant:small-caps;
	line-height:40px;
	font-size:13px;
	
}

.xcolumn {
  width: 260px; 
	float:left;
	margin-left:60px;
	position:relative;
}

.xcolumn ul li {
  list-style:none;
  color: #DADADA;
}

.xcolumn ul li ul li {
  list-style:inside;
}

.xcolumn ul {
  /*border-bottom: 1px dotted #333333;*/
  margin-bottom: 2em;
  padding-bottom: 2em;
}

/*Content Styles*/
#secontent {
	line-height:1.8em;
}


#secmain-internal h1 {
	background: url('images/heading-icon.png') no-repeat 0% 50%;
	padding-left:30px;
	font-size:30px;
	line-height:30px;
	font-family:'Arimo';
	font-weight:200;
	color:#4a4a4a;
	margin-bottom:20px;
}

#secmain-internal p.first {
	background: url('images/content-sep.png') top left no-repeat;
	padding-top:45px;
}

#secmain-internal table p.first {
  background:none;
  padding:0px;
}


#secmain-internal p {
	font: 11px/21px 'Verdana', verdana, arial, sans-serif;
	padding-bottom:2em;
}

#secmain-internal a {
	color:#5aa6ec;
	font-weight:bold;
}

#secside {
	font-size:11px;
	line-height:18px;
	color:#575757;
}

#secside h2 {
	color:#444;
}

#secmain-internal h2 {
  margin-bottom:1em;
}

#secside a {
	color:#8f8f8f;
}

#secside ul.children {
	margin-left:27px;
}

#secside ul.children li {
	list-style-position:outside;
}

/*Portfolio Page*/
#horizontalbar {
	width:980px;
	height:26px;
    position: absolute;
    top: 30px;
	left:50%;
	margin-left:-490px;
    z-index: 999;
}

#st_main ul.st_navigation li span.st_link {
	background-color:#4A4A4A;
}

#st_main ul.st_navigation li span.st_arrow_down {
	background-color:#5B5B5B;
}

#st_main ul.st_navigation li span.st_arrow_up {
    background-color:#333333;
}

#st_main ul.st_navigation li span.st_arrow_down, ul.st_navigation li span.st_arrow_up {
    box-shadow: 0 0 2px #000000;
    cursor: pointer;
    height: 50px;
    margin-left: 25px;
    position: absolute;
    width: 45px;
}

#st_nav .album ul.st_navigation li span.st_arrow_down, #st_main ul.st_navigation li span.st_arrow_up {
    box-shadow: 0 0 2px #000000;
    cursor: pointer;
    height: 50px;
    margin-left: 25px;
    position: absolute;
    width: 45px;
}

#footerlogop {
    position: absolute;
    bottom: 40px;
	  right:40px;
    z-index: 10000;
}

/*images in the posts*/
img.attachment-single-page {
	border:10px solid #fff;
	-webkit-box-shadow: 0px 5px 10px 1px #555;
	-moz-box-shadow: 0px 5px 10px 1px #555;
	box-shadow: 0px 5px 10px 1px #555;
}

/* Featured Images in Single Page*/
.attachment-single-page {
  margin-bottom:20px;
  margin-top:10px;
  text-align:center;
  display:block;
  margin-left:auto;
  margin-right:auto;
}
/* end of featured images*/

/*LIsts inside the posts*/

span.info li {
	display:inline;
}

span.info li.categories {
	display:block;
	color:#aaa;
}

span.info ul {
	margin-bottom:1em;
}

#copyright {
	width:980px;
	/*position:absolute;*/
	position:relative;
	float:left;
	bottom:10px;
	text-align:center;
	color:#777;
	font-size:10px;
}

#infocontents {
	width:980px;
	height:214px;
	margin:0 auto;
}

/* Icons */
#japani {
  left: 211px;
  position: relative;
  top: 133px;

}

#fb {
    left: 269px; /*226px;*/
    position: relative;
    top: 134px;
}

#tw {
	left: 284px; /*241px;*/
    position: relative;
    top: 134px;
}

#ma {
    left: 300px; /*257px;*/
    position: relative;
    top: 147px;
}

#li {
    left: 316px; /*273px;*/
    position: relative;
    top: 134px;
}

#rs {
    left: 332px; /*289px;*/
    position: relative;
    top: 131px;
}

#evanicon {
  left: 305px;
  position: relative;
  top: 132px;
}

#japansite {
  left: 254px; /*195px;*/
  position: relative;
  top: 133px;
}

#smiley {
  left: 348px; /*321px;*/
  position: relative;
  top: 132px;
}


/* Comments Form*/
#secmain-internal input#submit {
	border:1px solid #cacaca;
	background-color:#5AA6EC;
	padding:5px;
	color:white;
}


#secmain-internal input#submit:hover {
	background-color:#333;
}

#secmain-internal textarea#comment {
	width:560px;
	border:1px solid #cacaca;
}

#secmain-internal ol.commentlist {
	border:1px solid #cacaca;
	padding:10px;
}

#secmain-internal ol.commentlist li {
	list-style:none;
}

#secmain-internal #comments img {
	float:left;
	position:relative;
	margin-right:10px;
}

#secmain-internal #comments .reply {
	margin-bottom: 23px;
    padding-bottom: 14px;
}

#secmain-internal .commentlist {
	margin-bottom:20px;
}

.tagcloud {
	line-height:2em;
}

#comments {
	margin-top:20px;
	margin-bottom:20px;
}

.addthis_toolbox {
	margin-top:9px;
}

/* Navigation of Portfolio */

#naviholder {
  width:980px;
  height:600px;
  position:absolute;
  left:50%;
  margin-left:-490px;
  top:70px;
  z-index:1000;
}

#leftnavi {
  width:350px;
  height:500px;
  /*background-color:green;*/
  left:0px;
  top:0px;
  position:absolute;
  /*background: url('images/leftarrow.png') no-repeat top center;*/
  cursor:pointer;

}

#rightnavi {
  width:350px;
  height:500px;
  /*background-color:red;*/
  right:0px;
  position:absolute;
  top:0px;
  /*background: url('images/rightarrow.png') no-repeat top center;*/
  cursor:pointer;

  
}

#mouser {
  background: url('images/thumber.png') no-repeat;
}

#leftmouser {
  background: url('images/leftarrow.png') no-repeat;
}

#rightmouser {
  background: url('images/rightarrow.png') no-repeat;
}

/*#leftarrow {
  font-size: 80px;
  line-height: 80px;
  position: absolute;
  right: 50px;
  top: 550px;
  
}

#rightarrow {
  font-size:15px;
  line-height:80px;
  position:absolute;
  left: 50px;
  top:550px;

}*/
/* end of Navigation of Portfolio*/

.tnavigator #mouser {
  width: 60px;
  height: 28px;
  position:relative;
}

#footer-content-box #copyright a {
  color:#777;
}

#footer-content-box #copyright a:hover {
  color:#dadada;
}

/* Form for Cart*/

#secmain-internal input[type="submit"] {
  border:1px solid #cacaca;
	background-color:#5AA6EC;
	padding:5px;
	color:white;
}

#secmain-internal input[type="text"] {
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  font-size: 1.7em;
      line-height: 100%;
      outline: 0 none;
      padding: 3px 8px;
      width: 95%;
      border-radius: 3px 3px 3px 3px;
      border-style: solid;
      border-width: 1px;
}

#secmain-internal input[type="password"] {
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  font-size: 1.7em;
      line-height: 100%;
      outline: 0 none;
      padding: 3px 8px;
      border-radius: 3px 3px 3px 3px;
      border-style: solid;
      border-width: 1px;
      width:95%;
}

textarea, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"] {
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    /*width:500px;*/
}

input[type="button"], input[type="submit"], input[type="reset"] {
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
}

select {
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
}

.node-form .text {
  width:95%;
}

#secmain-internal textarea {
  
      -moz-box-sizing: border-box;
      border: 0 none;
      font-family: Consolas,Monaco,monospace;
      line-height: 150%;
      outline: 0 none;
      padding: 10px;
      resize: vertical;

}

.submit input, .button, input.button, .button-primary, input.button-primary, .button-secondary, input.button-secondary, .button-highlighted, input.button-highlighted, #postcustomstuff .submit input {
      -moz-box-sizing: content-box;
      border-radius: 11px 11px 11px 11px;
      webkit-border-radius: 11px 11px 11px 11px;
      border-style: solid;
      border-width: 1px;
      cursor: pointer;
      font-size: 12px !important;
      line-height: 13px;
      padding: 3px 8px;
      text-decoration: none;
}

#secmain-internal a.button {
  background-color: #5AA6EC;
   color: #FFFFFF;
   display: block;
   margin-top: 10px;
   margin-bottom:10px;
   padding: 25px 75px;
   width: 45px;

}

#secmain-internal a.button:hover {
  background-color:#5297D3;
}

#secmain-internal input[type="submit"] {
      background:#21759B; /* url("../images/button-grad.png") repeat-x scroll left top ;*/
      border-color: #298CBA;
      color: #FFFFFF;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      min-width: 92px;
          text-align: center;
}

#secmain-internal input[type="submit"]:hover {
    background:#2A92BF;
    cursor:pointer;
}

#secmain-interal input[type="submit"]#edit-submit:hover {
  border-color:#13455B;
  color:#EAF2FA;
}

table td {
  padding:10px;
}


/* Product Styles*/
.product-image img {
  border:10px solid #cacaca;
}

#cart-form-products thead th {
  padding:10px;
}

/* Continue Shopping Link*/
#continue-shopping-link a {
  font-size:1.2em;
  color:#ff0000;
}
/* End of product styles*/

/* Logos in School Page */
.evan-schools .views-view-grid td {
  padding:20px;
}

h3.important {
  display:block;
  background-color:#21759B;
  margin-bottom:20px;
  padding:20px;
  color:#fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

tr.odd {
  background-color:#E0E0E0;
}