/*
Theme Name: Purple Frog
Theme URI: http://wordpress.org/
Description: Purple Frog theme
Version: 1.1
Author: James Olney
Author URI: http://www.purplefrog.co.uk
Tags: green, custom header, fixed width, two columns
*/
* {
margin: 0px;
padding: 0px;
border: 0px;
list-style: none;
}
body { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; background-color: #ccc; margin: 0 20px; }
.tablebackground { background-image: url(http://purplefrog.co.uk/wp-content/themes/purplefrog/graphics/background.jpg); background-repeat: repeat-x; background-color: #000; }
.searchbox { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: solid 1px #a7ce38; width: 100px; }
.searchbutton { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
.commentbox { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 670px; height: 100px; padding: 10px; border: solid 1px #a7ce38; }
.peoplebox { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding: 10px; width: 220px; height: 100px; border: solid 1px #a7ce38; }
.ratingboxes { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; padding: 10px; }
.articleboxes { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; }
.sideboxes { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; }
.articleheading { color: #00aeef; font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 23px; }
.pagetitles { color: #00aeef; font-weight: bold; }
a:link { color: #a6ce39; text-decoration: none; }
a:visited { color: #a6ce39; text-decoration: none; }
a:hover { color: #a7ce38; text-decoration: underline; }
a:active { color: #a6ce39; text-decoration: none; }
a.navigation:link { color: #fff; text-decoration: none; }
a.navigation:visited { color: #fff; text-decoration: none; }
a.navigation:hover { color: #a7ce38; text-decoration: none; }
a.navigation:active { color: #fff; text-decoration: none; }
a.communities:link { color: #fff200; text-decoration: none; }
a.communities:visited { color: #fff200; text-decoration: none; }
a.communities:hover { color: #fff200; text-decoration: underline; }
a.communities:active { color: #fff200; text-decoration: none; }
a.articles:link { color: #00aeef; text-decoration: none; }
a.articles:visited { color: #00aeef; text-decoration: none; }
a.articles:hover { color: #00aeef; text-decoration: underline; }
a.articles:active { color: #00aeef; text-decoration: none; }
.submitsearch { color: #ffffff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background:none; border:0; }
/* -------------------------------------------------------------------------------------------------------------------------------
														TEXT & LINK PROPERTIES												
------------------------------------------------------------------------------------------------------------------------------- */

h1 {
font-family: Arial, Helvetica;
font-size: 24px;
color: #00aeef;
text-decoration: none;
font-weight: normal;
line-height: 27px;
}

h2 { font-size: 12px; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; line-height: 18px; }

h3 {
font-family: Arial, Helvetica;
font-size: 18px;
color: #a6ce39;
text-decoration: none;
font-weight: normal;
line-height: 24px;
}

h4 {
font-family: Arial, Helvetica;
font-size: 12px;
color: #fff;
text-decoration: none;
font-weight: normal;
line-height: 12px;
}

p {
font-family: Arial, Helvetica;
font-size: 12px;
color: #fff;
text-decoration: none;
text-align:justify;
font-weight: normal;
line-height: 17px;
margin: 10px 0 0;
}



.title a {
font-family: Arial, Helvetica;
font-size: 18px;
color: #00aeef;
text-decoration: none;
font-weight: normal;
line-height: 23px;
}

.title a:hover {
font-family: Arial, Helvetica;
font-size: 18px;
color: #00aeef;
text-decoration: underline;
font-weight: normal;
line-height: 23px;
}

#sidebar h1 { font-size: 12px; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0 0 7px; }

#sidebar p { font-size: 12px; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; font-weight: bold; line-height: 15px; }

#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited, .sbcontainers a { color: #a6ce39; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; font-weight: normal; }

#sidebar a:hover, .sbcontainer a:hover { color: #a6ce39; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline; font-weight: normal; }

ul { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 15px; text-decoration: none; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; }
li { font-size: 12px; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; font-weight: normal; line-height: 15px; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }

#content ul {  }
#content li { margin: 10px 0 0 20px; list-style-type: disc; list-style-position: outside; }

.registeredaddress { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 12px; }
img, img a, img a:link, img a:active, img a:visited, img a:hover {
border: none;
}

#comment p {
font-family: Arial, Helvetica;
font-size: 11px;
color: #fff;
text-decoration: none;
font-weight: normal;
line-height: 24px;
}
.postcon li {
list-style-image:	none;
list-style-position:	outside;
list-style-type:	disc;
marker-offset:	auto;
}

/* -------------------------------------------------------------------------------------------------------------------------------

													LOGO & TOP CONTAINERS											
------------------------------------------------------------------------------------------------------------------------------- */

#topcontainer {
margin: auto;
width: 1000px;
height: 85px;
}

#lefttop {
float: left;
width: 248px;
height: 85px;
margin: 0 0 0 40px;
}

#righttop {
float: right;
width: 600px;
}

#logo {
float: left;
width: 500px;
height: 22px;
margin: 45px 0 0;
font-family: Arial, Helvetica;
font-size: 24px;
color: #6b6b6b;
}


#logobox {



















width: 208px;
height: 8px;
margin: 111px 0 0 0;
}

/* -------------------------------------------------------------------------------------------------------------------------------
													NAVIGATION STRUCTURE & BUTTONS											
------------------------------------------------------------------------------------------------------------------------------- */

#menu {
float: right;
height: 35px;
margin: 84px 0 0 0;
}
#nav { 
display: inline; 
overflow: hidden;
white-space: nowrap;
}

#nav li { display: inline; font-size: 12px; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

#nav a { float: left; overflow: hidden; color: #fff; text-decoration: none; padding: 0 10px 0 0; }
#nav a:hover { 
color: #a6ce39;
text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------------------------------
													BODY CONTAINER AND MAIN CONTENT											
------------------------------------------------------------------------------------------------------------------------------- */

#container { margin: auto; width: 1000px; background-position: 50% 0; overflow: hidden; }

#maincontent {
float: left;
width: 740px;
}

.postcon {
width: 740px;
float: left;
}
.postcon img {
border:none;
padding-left:5px;
padding-right:5px;
}

.title {
float: left;
width: 740px;
}

/* -------------------------------------------------------------------------------------------------------------------------------
													SIDEBAR CONTAINER AND CONTENT											
------------------------------------------------------------------------------------------------------------------------------- */

#sidebar {
float: left;
width: 224px;
margin: 40px 40px 40px 0;
padding: 0 0 0 40px;
}

.push {
margin: 0 0 20px 6px;
}

.sbcontainers {
float: left;
width: 224px;
padding: 7px 0 25px 0;
}

/* -------------------------------------------------------------------------------------------------------------------------------
														COMMMENT BOXES											
------------------------------------------------------------------------------------------------------------------------------- */



.comment {
margin: 0 0 10px;
padding: 10px;
width: 670px;
border: solid 1px #a6ce39;
}

.textinput { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: solid 1px #a7ce38; width: 100px; }

.submit { font-size: 12px; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding: 0 0 0 15px; }
/* -------------------------------------------------------------------------------------------------------------------------------
														FOOTER											
------------------------------------------------------------------------------------------------------------------------------- */

#footer {
width: 1000px;
margin: auto;
}

#footer p {
text-align:center;
clear:both;
}

/* -------------------------------------------------------------------------------------------------------------------------------
														MONITOR SPACING											
------------------------------------------------------------------------------------------------------------------------------- */

.monitors {
float: left;
border: 0px;
padding: 0 18px 30px 0;
}

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft { float: left; margin: 0 10px 0 0; }
img.alignright { float: right; margin: 0 0 0 10px; }
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }