/*  
Theme Name: Larissahoops.com	
Theme URI: http://larissahoops.com/
Description: The design template for Larissa Hoops' portfolio
Version: 1.0
Author: Ech Design
Author URI: http://echdesign.co.uk/
*/

/* Begin Typography & Colors */

@import url("dynamic_css.php"); /* background randomiser */

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
text-align:center;
font-family: arial, helvetica, sans-serif;
font-size:73%;
color:fff;
  
}
p {
font-size:1.05em;
margin:10px;
margin-bottom:16px;
line-height:1.7em;
color:#fff;
/* font-weight:bold;*/
}
h1 {
 width:390px;
    height:87px;
    background: url(images/larissa-logo.png) no-repeat;
	position:relative;
	top:81px;
	left:8px;
}
h1 a {
 display:block;
    text-indent:-500%;
    width:390px;
    height:87px;
	}
h1 a:hover {
border:none;
background:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2 {
font-size:35px; /* 3.5em; */
word-spacing:14px;


color:#fff;

padding-top:11px;
display:inline;

}

h2.toggler {
cursor:pointer;
margin-right:0px;
padding-right:40px; /* solves problem in ie */
background: url(images/view-more.png) no-repeat bottom right;

}
h2 img {
margin-left:10px;
padding-top:8px;
}
#text h2, #whole h2 {
margin-left:10px;
}
#text h2 {
position:relative;
top:8px;
margin-bottom:15px;
}
h3 {
font-weight:bold;
padding-top:10px;
margin-top:-15px;
margin-bottom:15px;
color:#fff;

font-size:22px /* 2.2em */;
text-transform: lowercase;
}
h3 p {
margin:0;
}
h3 span {
color:#da0707;
}
h4 {
color:#fff;
font-size:18px /* 1.8em */;
margin-left:10px;
margin-bottom:-10px;
}
h5 {
float:left;
width:40px;
margin-top:8px;
}
	
/*  a {
outline:none;   firefox property that prevents the dotted line from appearing when you click on links }*/


a:link {
color: #AF0A0A /* #DA0707 */;
}
a:visited {
color:#AF0A0A;
}
a:hover {
color:#000;
background:#fff;
}
a img {
border:none;
}

#contentwrapper {
text-align:left;
margin-left:auto;
margin-right:auto;
width:998px;
/* background:#2d2425;*/
}
#header {
  background: url(images/header.png) no-repeat top left;
  width:946px;
  height:165px;
  margin-top:20px;
  margin-left:25px;
 /* margin-bottom:20px; */
}
#header ul {
position:relative;
left:730px;
top:-67px;
width:200px;

text-align:right;
}
#header li {
list-style-type:none;
line-height:1.6em;
font-weight:bold;

}
#header li a {
color:#000;
text-decoration:none;
display:block;
position:relative;
}
#header li a:hover {
color:#fff;
background:none;
}
#whole {
margin-left:24px;
margin-top:20px;
}
#whole h3 {
margin-left:10px;
}
#text {
width:480px;
float:left;
margin-left:24px;
margin-top:15px;
}
#text h3 {
margin-top:27px;
margin-left:10px;
margin-bottom:10px;
 width:197px;
    height:30px;
    background: url(images/news-feed.png) no-repeat;
	    text-indent:-500%;
}
#text h3 a {
 display:block;
    text-indent:-500%;
    width:197px;
    height:30px;
	}

.post p {
font-size:1em;
}
.post p img {
float:left;
margin-right:10px;
margin-bottom:0px;
padding-right:4px;
padding-bottom:4px;
border-right:1px solid #4f4d4c;
border-bottom:1px solid #4f4d4c;
margin-top:4px;
}
#text p strong {
color:#AF0A0A;
}

#text .post p strong {
color:#fff;
}
#art {
margin-top:24px; /* not sure why it has to be different */
margin-left: 540px;
margin-right:10px;
padding-top:0px;

}
#art p {
margin-left:0;
min-width:415px;
}
.element {

margin-bottom:2px; /* will need to be different in ie */
}
ul.gallery {
margin-top:5px;
margin-bottom:0px; 
width:430px;
/* min-height:200px;
height:430px;*/
}
ul.gallery li {
float:left;
list-style-type:none;

margin-right:25px;
/* width:101px;*/
height:105px;
line-height:105px;
vertical-align:bottom;
text-align:center;
}
ul.gallery li a:hover {
background:none;
}
ul.gallery img {

float:left;
margin-left:0px;
padding-right:4px;
padding-bottom:4px;
border-right:1px solid #4f4d4c;
border-bottom:1px solid #4f4d4c;
margin-bottom:10px;
}
.clearleft {
clear:left;
}
#footer {
clear:left;
padding-left:20px;
}
#cformsform {
padding-right:00px;

}
/* "A deft flick of the wrist and it's done" */