/*
Theme Name: Eleven July
Description: Eleven July Website
Version: 1.0
Author: Caryl Butterley
*/

*{margin:0;padding:0}

body  {
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(images/elevenjulybackground.gif);
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed;
	text-align: center;
	color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#hidden {
	width: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

#wrapper {
	width: 1004px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
}

#header {
	width: 1004px;
	height: 135px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	left: 0px;
	background-image: url(images/elevenjulyheader.gif);
}

#content {
	width: 1004px;
	float: left;
	margin: 0;
	padding: 0;
	left: 0px;
}

#footer {
	width: 1004px;
	height: 61px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
	text-align: center;
	color: #a8a8a8;
	font-size: 10px;
	background-image: url(images/elevenjulyfooter.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#menucolumn {
	width: 250px;
	float: left;
	padding: 0px;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
}

#menucolumn a:link {
	color: #000000;
	text-decoration: none;
}
#menucolumn a:visited {
	color: #000000;
	text-decoration: none;
}
#menucolumn a:hover {
	color: #000000;
	text-decoration: none;
}
#menucolumn a:active {
    color: #000000; 
    text-decoration: none;
}

#livearea {
	width: 741px;
	float: right;
	padding: 0px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* livearea sections */

#center {
	width: 517px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
}

#sidebar {
	width: 204px;
	float: right;
	padding: 0;
	margin: 0;
	text-align: left;
}

/* center choices */

#center ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#center ul li {
	background: url(images/bullet.gif) left top no-repeat;
	padding-left: 30px;
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: left;
}

#center ol {
	list-style-type: decimal;
	padding-left: 0;
	margin-left: 30;
}

#center ol li {
	padding-left: 0px;
	margin-left: 42px;
	margin-bottom: 5px;
	text-align: left;
}

#center blockquote {
	margin-left: 22px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: justify;
	background-image: url(images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.pagetitle {
}

#searchframe {
	width: 475px;
	float: left;
	text-align: left;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin: 0px;
	background-image: url(images/blackback.gif);
	font-size: 12px;
	border: 1px solid #2d2d2d;
}

#searchframe a:link {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
}
#searchframe a:visited {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
}
#searchframe a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#searchframe a:active {
    color: #ffffff; 
    text-decoration: none;
	font-weight: bold;
}

.post {
	width: 517px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: left;
}

.post-cat-three {
	width: 517px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: left;
}

.titlemaroon {
	width: 485px;
	height: 23px;
	float: left;
	text-align: left;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/titlemaroon.gif);
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #702121;
	border-right-color: #702121;
	border-left-color: #702121;
	text-transform: uppercase;
}

.titlemaroon a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.titlemaroon a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.titlemaroon a:hover {
	color: #8f5555;
	text-decoration: none;
	font-weight: bold;
}
.titlemaroon a:active {
	color: #8f5555;
	text-decoration: none;
	font-weight: bold;
}

.pagetitle {
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 10px;
}

.navigation {
	width: 515px;
	float: left;
	text-align: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin: 0px;
}

.navigation a:link {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
}
.navigation a:visited {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
}
.navigation a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.navigation a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.navleft {
	width: 250px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

.navright {
	width: 250px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

.subject {
	width: 475px;
	float: left;
	text-align: left;
	padding-top: 26px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #702121;
	border-left-color: #702121;
	background-image: url(images/blackback.gif);
	text-transform: uppercase;
}

.subject a:link {
	color: #f0f0f0;
	text-decoration: none;
}
.subject a:visited {
	color: #f0f0f0;
	text-decoration: none;
}
.subject a:hover {
	color: #a6a6a6;
	text-decoration: none;
}
.subject a:active {
    color: #a6a6a6; 
    text-decoration: none;
}

.content {
	width: 475px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin: 0px;
	background-image: url(images/blackback.gif);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #702121;
	border-bottom-color: #702121;
	border-left-color: #702121;
	font-size: 13px;
}

.content a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
}
.content a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
}
.content a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	background-color: #691d1d;
}
.content a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	background-color: #691d1d;
}

.content p {
	margin-top: .5em;
	margin-bottom: 1.2em;
} 

.paragraphs a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
}
.paragraphs a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
}
.paragraphs a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	background-color: #691d1d;
}
.paragraphs a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	background-color: #691d1d;
}

.paragraphs p {
	margin-top: .5em;
	margin-bottom: 1.2em;
} 

.postmetadata {
	float: left;
	width: 475px;
	text-align: left;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin: 0px;
	font-size: 10px;
	background-image: url(images/blackback.gif);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #702121;
	border-left-color: #702121;
}

.postmetadata a:link {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
}
.postmetadata a:visited {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
}
.postmetadata a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.postmetadata a:active {
    color: #ffffff; 
    text-decoration: none;
	font-weight: bold;
}

img {
     border: solid black 0px
}

.aligncenter { 
	margin-left: auto; 
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
}



/* sidebar choices */

#sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}


#sidebar ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 11px;
}

#sidebar ul li {
	padding-left: 0;
	margin-left: 0;
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 0;
}

#sidebar ul ul li {
	padding-left: 0px;
	margin-left: 10px;
	margin-bottom: 4px;
	font-size: 11px;
}

#side_maroon {
	width: 170px;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left:0;
	border: 1px solid #000000;
	background-image: url(images/maroonback.gif);
	background-repeat: repeat-x;
	background-color: #32090a;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#side_gray {
	width: 168px;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left:0;
	border: 1px solid #000000;
	background-image: url(images/grayback.gif);
	background-repeat: repeat-x;
	background-color: #1d1d1d;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #949494;
}

#side_fire {
	width: 170px;
	height: 240px;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left:0;
	border: 1px solid #000000;
	background-image: url(images/noteonfire.gif);
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 15px;
	color: #ffffff;
	background-position: center top;
}

#side_outline_black {
	width: 199px;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left:0;
	border: 1px solid #000000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: right;
}

#side_gray a:link {
	color: #949494;
	text-decoration: none;
}
#side_gray a:visited {
	color: #949494;
	text-decoration: none;
}
#side_gray a:hover {
	color: #ffffff;
	text-decoration: none;
}
#side_gray a:active {
    color: #ffffff; 
    text-decoration: none;
}

.widget {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #949494;
	padding-top: 12px;
	padding-bottom: 6px;
}


.allcaps { text-transform: uppercase; }
.px2 { font-size: 2px; font-family: arial, helvetica }
.px3 { font-size: 3px; font-family: arial, helvetica }
.px4 { font-size: 4px; font-family: arial, helvetica }
.px6  { font-size: 6px; font-family: arial, helvetica }
.px7  { font-size: 7px; font-family: arial, helvetica }
.px8  { font-size: 8px; font-family: arial, helvetica }
.px9 { font-size: 9px; font-family: arial, helvetica }
.px10 { font-size: 10px; font-family: arial, helvetica }
.px11 { font-size: 11px; font-family: arial, helvetica }
.px11bold { font-weight: bold; font-size: 11px; font-family: arial, helvetica }
.px12 { font-size: 12px; font-family: arial, helvetica }
.px12bold { font-weight: bold; font-size: 12px; font-family: arial, helvetica }
.px13 { font-size: 13px; font-family: arial, helvetica }
.px13bold { font-weight: bold; font-size: 13px; font-family: arial, helvetica }
.px14 { font-size: 14px; font-family: arial, helvetica }
.px14bold { font-weight: bold; font-size: 14px; font-family: arial, helvetica }
.px15 { font-size: 15px; font-family: arial, helvetica }
.px15bold { font-weight: bold; font-size: 15px; font-family: arial, helvetica }
.px16 { font-size: 16px; font-family: arial, helvetica }
.px16bold { font-weight: bold; font-size: 16px; font-family: arial, helvetica }
.px17 { font-size: 17px; font-family: arial, helvetica }
.px17bold { font-weight: bold; font-size: 17px; font-family: arial, helvetica }
.px18 { font-size: 18px; font-family: arial, helvetica }
.px18bold { font-weight: bold; font-size: 18px; font-family: arial, helvetica }
.px20bold { font-weight: bold; font-size: 20px; font-family: arial, helvetica }
.px22bold { font-weight: bold; font-size: 22px; font-family: arial, helvetica }
.px24bold { font-weight: bold; font-size: 24px; font-family: arial, helvetica }
.px26bold { font-weight: bold; font-size: 26px; font-family: arial, helvetica }
.px28bold { font-weight: bold; font-size: 28px; font-family: arial, helvetica }
.px30bold { font-weight: bold; font-size: 30px; font-family: arial, helvetica }