/*  
Theme Name: Loop2
Description: The design template for Loop2.
Version: 0.8
Author: Ech Design
Author URI: http://echdesign.co.uk/
Stay on target
*/

* {
margin:0;
padding:0;
}
body {
margin:0;
margin-top:2px; /* to add a little white space */
padding:0;
text-align:left;
font-family:verdana, arial;
font-size:73%;
color:#000;
}
p {
margin:10px;
line-height:1.9em;
}
strong {
color:#555555;
}
small {
margin:10px;
margin-bottom:20px;
}
h2 {
color:#e41f26;
margin-top:10px;
margin-bottom:-3px; /* to bring the p below into alignment with the menu bullets */
margin-left:10px;
line-height:1.7em;
font-size:1.5em;
}
h3 {
margin-top:10px;
margin-left:10px;
margin-bottom:5px;
font-size:1.1em;
}
a:link {
/* color:1012bd; */
color:#e41f26;
text-decoration:none;

font-weight:bold;
}
a:visited {
color:#e41f26;
text-decoration:none;
font-weight:bold;
}
a:hover {
/* color:#1012bd; */
border-bottom:2px solid #e41f26;
}
a img {
border:none;
}
h1 a:hover {
border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
#contentwrapper {
margin-left:12%;
margin-right:12%;
width:76%;
min-width:600px;
max-width:900px; /* may change this */
background:#555555;
}
#header {
background: url('images/header-band.jpg') 
 top left repeat-x;


margin-bottom:0px;
text-align:right;
}
#header img {
margin-top:-1px;
}

#left {
float:left;
width:216px;
border-right:1px solid #887f80;
}
img#logo {
position:relative;
}
#menu {
background:#ececec;
padding-top:0px;
}
#menu p {
margin-top:0;
font-size:1.1em;
font-weight:bold;
}
#left ul{ /* effects both sets of lists in the left hand column */
margin-left:15px;
margin-right:10px;
padding-bottom:20px;
 }

#menu ul li{
list-style-type:none;
background: url('images/menubullet.gif') 
 0px 10px no-repeat;
padding-left:12px;
color:#e41f26;
font-size:1.1em;
font-weight:bold;
line-height:1.7em;

}

#menu li a {
text-decoration:none;

/*color:#9c9a7a;*/
}
 #menu li a:hover {
border-bottom:2px solid #525552;
} 
#menu2 {
background:#555555;
padding-top:15px;
}
#menu2 p {
margin-top:0;
font-size:1.1em;
font-weight:bold;
color:#e41f26;
}
#menu2 p small {
color: #ffe300;
line-height:1.4em;

}
#menu2 ul li{
list-style-type:none;
background: url('images/menubullet2.gif') 
 0px 10px no-repeat;
padding-left:12px;
font-size:1.1em;
font-weight:bold;
line-height:1.7em;
}
#menu2 ul li a {
color:#fff;
}
/* controls the searchform on the left */
#searchform { 
margin-left:10px;
margin-right:10px;
margin-bottom:15px;
}
input {
width:130px;
border:1px solid #525552;
height: 18px;
font-size:1.1em;
}
#searchsubmit {
width:55px;
height:20px;
padding-bottom:2px;

position:relative;
top:1px;
}
textarea {
border:1px solid #525552;
}
#right {
margin-left:217px;
background: #fff; /* needed to keep the text areas white */
min-height:870px; /* may need to set this as height in ie6 */
}
#buttons {
position:relative;
z-index:2;
right:0;
top:-2px;
text-align:right;
}
#buttons a:hover { /* needed to prevent a border appearing on the contact icon */
border:0;
}
#maintext {
margin-top:50px; /* used to bring the content up closer to the buttons */
margin-left: /* 2% */ 7px;
margin-bottom:-10px;
}
#maintext img {
float:left;
margin-left:2px;
margin-right:13px;
margin-bottom:5px;
margin-top:7px;
border:1px solid #555555;
}
#maintext li {
margin:10px;
margin-left:25px;
padding-left:18px;

line-height:1.9em;
list-style-type:none;
background: url('images/bullet.gif') 
 0px 8px no-repeat;
}
#introtext p {
margin-top:-15px;
}
#introtext img {
/*position:relative;
z-index:2; */

margin-top:-32px;
margin-left:-5px;
margin-right:-5px;
 margin-bottom:0px;
border:0;
}
#introtext p span {
position:relative;
z-index:2;
}
.frontpost {
margin-top:16px; /* spaces the posts on the front page */
}
.frontpost h2 {
margin-bottom:1px;
}
#pagetext {
margin-top:-53px;
}
#pagetext h2 {
/*width:415px;  to prevent text overlapping the icon - may need to change into a percentage */
}
#commentform {
margin-left:25px;
}
#comment {
width:450px;
}
#footer {
clear:left;
margin-left:15%;
margin-right:15%;
margin-top:15px;
width:70%;
background:#fff;
text-align:center;
}
