/*  
Theme Name: laraeichhorn	
Theme URI: private
Description: Photography Portfolio
Version: 2.0
Author: Lara Eichhorn
Author URI: http://www.laraeichhorn.com	
*/

/* =General
-------------------------------------------------------------------------*/

/* Remove padding, border, and margin */

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

a:hover {
  text-decoration: none;
}

/* Put it back on certain elements */

h1, h2, h3, pre, blockquote, form, fieldset, table {
  margin: 5px 0;
}

#content {
font-size:13px;
line-height:1.3em;
  font-family: arial, verdana, sans-serif;
}

img {
  margin: 10px 20px 10px 20px;
}

/* Class for clearing floats */

.clear {
	clear:both;
}

/* Remove border around linked images */

img {
	border: 0;
}

body {
  background-color: #000;
  text-align: center;
  vertical-align: top;
}

#navbar {
  position: relative;
  top: 10px;
  left: 15px;
  text-align: center;
  list-style-type:none;
  padding-bottom: 0;}

#navbar li {
  display: inline-block;
  font-color: #ffffff;
  padding-bottom: 0;}

#navbar li a {
  padding-right: 15px;
  display: inline-block;
  font-family: arial, verdana, sans-serif;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;}

#navbar li ul {
  display: none; 
  text-align: center;
}

#navbar li:hover ul, #navbar li.hover ul {
  position: absolute;
  top: 20px;
  display: inline-block;
  width: 100%;
  left: 0px;
  height: 45px;}

#navbar li:hover li a, #navbar li.hover li a {
  margin-top: 10px;
  color: #ffffff;
  font-size: 12px;}

#navbar li a:hover {
  color: #ff3366; }

#navbar li li a:hover {
  color: #ff3366;}


/* layout blocks
================================== */

#pagecontent {
  position: relative;
  width: 645px;
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  float: left;
  min-height: 430px;
}

.entry {
  position: relative;
  width: 645px;
  margin: 0 auto 0 auto;
}

.pageentry {
  position: relative;
  width: 645px;
  margin: 0 auto 0 auto;
}

.gallerypageentry {
  position: relative;
  top: 0px;
  height: 430px;
  width: 645px;
  margin: 0 auto 0 auto;
}

#myGallery_1, #myGallery_2, #myGallery_3, #myGallery_4, #myGallery_5, #myGallery_6, #myGallery_7, #myGallery_8, #myGallery_9, #myGallery_10, #myGallery_11 {
  position: relative;
  top: -15px;
  border: 0;
  background-color: #ffffff;
}


/* =Main Navigation
-------------------------------------------------------------------------*/

#head {
  width: 645px;
  position: relative;
  margin: 0 auto 0 auto;
  top: 0px;
  height: 150px;
  background-color: #000;
  text-align: center;
  padding: 0;
}

#logo {
  position: relative;
  top: 0px;
  width: 645px;
  height: 150px;
  margin: 0 auto 0 auto;
  background-color: #000;
  padding: 0;
}

#logo img {
border: 0;
padding: 0;
margin: 0;
}

#menutext {
  font-size: 14pt;
  color: #F0F0F0;
  position: relative;
  top: 15px;
  margin: 0  auto 0 auto;
  text-align: left;
  font-weight: lighter;
  font-variant: small-caps;
  padding-right: 10px;
}

#menutext a{
  font-size: 14pt;
  color: #F0F0F0;
  font-variant: small-caps;
  text-decoration: none;
  padding-right: 10px;
}

.title {
  text-align: center;
}

/* =Typography
-------------------------------------------------------------------------*/

body {
  font-size: 12px;
  font-family: arial, Tahoma, Verdana, sans-serif;
  color: #000;
}


p{
  padding-bottom: 15px;
}

.error {
  color: #FF3366;
}

/* =Blog
-------------------------------------------------------------------------*/

/* Begin Typography & Colors */

.narrowcolumn .entry {
	line-height: 1.4em; 
}

.narrowcolumn .postmetadata {
  text-align: center;
}

.alt {
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

small {
  font-size: 0.9em;
  line-height: 1.5em;	
}

h1, h2, h3, h4 {
  font-weight: bold;
}

h1 {
  font-size: 4em;
  text-align: center;
}

#headerimg .description {
  font-size: 1.2em;
  text-align: center;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.6em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  text-decoration: none;
  color: white;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited {
  color: #303030;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite, h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
}

.entry p a:visited {
  color: #FF3366;
}

small, .nocomments, .postmetadata, blockquote, strike {
  color: #303030;
}

#sidebar ul ul li, #sidebar ul ol li {
  color: #ffffff;
}

#sidebar a {
	color: #ffffff;
}

acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}

a, h3 a:hover, h4 a:hover {
  color: #FF3366;
  text-decoration: none;
}

a:hover {
  color: #FF3366;
  text-decoration: none;
}

.title {
  padding-bottom: 15px;
}

/* End Typography &; Colors */

/* Begin Structure */

#page {
  background-color: #000;
  margin: 0 auto 20px auto;
  padding: 0;
  width: 645px;
  position: relative;
  top: 0px;
  text-align: left;
}

.narrowcolumn {
	float: left;
	margin: 0 auto 0 auto;
	width: 645px;
        padding: 0 20px 0 20px;
        background-color: #ffffff;
}


.post {
	position: relative;
        top: 5px;
        margin: 0;
	text-align: left;
        background-color: #ffffff;
}



.post hr {

	display: block;

}



.gallerypost {

	position: relative;

        background-color: #ffffff;

        min-height: 430px;

        border: 0px;

}

.gallerypost p, h2{
 padding: 10px;
background-color: #ffffff;
}

.gallerypost2 {
 background-color: #000;
}


.narrowcolumn .postmetadata {

	padding-top: 5px;

}



.postmetadata {

	clear: both;

}



#footer {

  padding: 0;

  margin: 0 auto 0 auto;

  width: 645px;

  height: 70px;

  clear: both;   

  background-color: #000;

  position: absolute;

  text-align: center;

  top: 580px;

  float: left;

  display: block;

}



/* End Structure */



/* Begin Headers */



h1 {

	padding-top: 40px;

	margin: 0;

}



h3 {

	padding: 0;

	margin: 30px 0 0;

}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

}



/* End Headers */



/* Begin Images */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/* End Images */



/* Begin Lists - Special stylized non-IE bullets

   Do not work in Internet Explorer, which merely default to normal bullets. */



ul {
  list-style-type: square;
  list-style-position: outside;
  padding-bottom: 10px;
}

ul li {
  padding-bottom: 10px;
}

#content li {
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 20px;
background: url(http://www.laraeichhorn.com/images/bullet2.jpg) left top no-repeat;
}


ol {

	padding: 0 0 0 35px;

	margin: 0;

}



ol li {

  margin: 0;

  padding: 0;

}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 5px;

}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

}



#sidebar ul ul li, #sidebar ul ol li {

  margin: 3px 0 0;

  padding: 0;

}



/* End Entry Lists */



/* Begin Form Elements */



select {

	width: 130px;

}



input, textarea {

  color: #ffffff;

  background: #303030;

  border: 1px solid #000;

}



.submit input {

  color: #ffffff;

  background: #303030;

  border: 2px outset #000;

} 



.submit {

  text-align: center;

}



label {

    display: block;

    width: 150px;

    float: left;

    margin: 2px 4px 6px 4px;

    text-align: right;

}



/* End Form Elements */





/* Begin Various Tags & Classes */



acronym, abbr, span.caps {

	cursor: help;

}



acronym, abbr {

	border-bottom: 1px dashed #999;

}



blockquote {

  margin: 15px 30px 0 10px;

  padding-left: 20px;

  border-left: 5px solid #ffffff;

	}



blockquote cite {

  margin: 5px 0 0;

  display: block;

}



.center {

  text-align: center;

}



.hidden {

  display: none;

}



hr {

  display: none;

}



a img {

  border: none;

}



/* End Various Tags & Classes*/



/* Captions */



.aligncenter, div.aligncenter {

	display: block;

  margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #ffffff;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.wp-caption p.wp-caption-text {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}



/* End captions */



/*COMMENT BOX**************/



.rule {

  position: relative;

  width:645px;	

  margin: 15px auto 15px auto;

  height:25px;

  overflow:auto;

  background-image: url('http://www.laraeichhorn.com/images/rule.png');

  background-repeat: no-repeat;

  background-position: center center;

}



.text-box p span, .text-box p a

{

	color:#FF3366;

}



.text-box {

  padding:0 12px;

}



.text-box p {

	color:#000;

	margin:0;

}

/* NEXT / PREVIOUS PAGE ARROWS*/

.arrows {

	list-style:none;

	margin:0;

	padding:0;

	height:1%;

	overflow:hidden;

	background:#454545;

}

.arrows li {

	color:#fff;

	text-transform:uppercase;

}

.arrows li.prev {

	float:left;

	padding:0 0 0 29px;

}

.arrows li.next {

	float:right;

	padding:0 16px 0 0;

}

.arrows li a {

	color:#fff;

	text-decoration:none;

}

.arrows li a:hover {text-decoration:none;}



/*NAVIGATION for single posts*/

.navigation {

  width: 645px;

  position: relative;

  margin: 15px auto 25px auto;

  display: block;

  clear: both;

}



.alignright {

	float: right;

}



.alignleft {

  float: left;

}





.clear {clear: both;}




.links {

	list-style:none;

	margin:0;

	padding:0 2px 0 0;

	float:right;

}




.form {

	width:645px;

	background:#fff;

}



.form label {

	display:block;

}



.form-box {

	width:100%;

	overflow:hidden;

}

.left-box {

	float:left;

	width:232px;

	padding:2px 0 0;

}

.right-box {

	float:right;

	width:400px;

}

.right-box textarea {

	width:380px !important;

	height:109px !important;

	padding:10px !important;

	overflow:auto !important;

	border:1px solid #ccc !important;

}

.form .line {

	padding:0 0 17px !important;

}

.form .line input {

	width:200px !important;

	border:1px solid #ccc !important;

	padding:1px 6px !important;

}

.form  .cancel {

	display:block;

	width:38px;

	height:12px;

	overflow:hidden;

	background:url(images/cansel.gif) no-repeat;

	text-indent:-9999px;

}

.form .bottom {

	height:1%;

	overflow:hidden;

	padding:8px 0 30px 400px;

}

.form .bottom input {

	float:left;

	margin:0 19px 0 0;

	padding:2px 0 0;

}

.log_admin{

	padding-left: 234px;

}



.title a {

	text-decoration: none;

  color: #303030;

}



.comment_form input, .comment_form textarea, .input {

	border:1px solid #ccc !important;

}

.comment_form{

	padding-left: 257px;

	width: 432px;

}

.comment_form .submit{

	border: none !important;

}

.inner {

	padding: 20px;

}

.comment{

	text-transform: uppercase;

}