/* BASE
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #222;
	background-color: #fff;
	background-image: url("../images/eg_backgroundLines.png");
	background-repeat: repeat;
}

a img {
border: 0;
}

a:link {color: #ff0000; text-decoration: none;}
a:visited {color: #ff0000; text-decoration: none;}
a:hover {color: #222; text-decoration: none;}
a:active {color: #222; text-decoration: none;}

h1 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: bold;
}

h2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 23px;
font-weight: bold;
}

.floatL {
float: left;
}
.floatR {
float: right;
}

.clearBoth {
clear: both;
}
.center {
text-align: center;
}

/* COMMENTS
----------------------------------------------- */

.commentsField {
width: auto;
height: auto;
margin-top: 30px;
border-top: 1px dashed #cccc99;
padding-top: 10px;
}
.commentsField ol {
padding: 0;
margin: 0;
list-style-position: outside;
}
commentsField li {
}
.commentsHed {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FF0000;
margin-bottom: 15px;
}
.commentA {
width: auto;
height: auto;
background-color: #eee;
padding: 10px;
margin-bottom: 5px;
}
.commentMeta {
}
.commentName {
}
.commentsForm {
margin-top: 30px;
}

.commentsCount {
font-size: 9px;
text-transform: uppercase;
color: #666;
letter-spacing: 1px;
margin-bottom: 5px;
}

/* CORE
----------------------------------------------- */

#wrap {
width: 997px;
height: auto;
margin: 15px auto 30px auto;
}

#content {
width: auto;
height: auto;
float: left;
}

#left {
width: 512px;
height: auto;
padding: 0 30px 30px 30px;
background-color: #fff;
}

#right {
width: 410px;
height: auto;
margin-left: 10px;
float: left;
}


/* LEFT CORE
----------------------------------------------- */


#follow {
width: auto;
height: auto;
position: absolute;
left: -60px;
top: 50px;
}

#follow div {
width: 110px;
height: 20px;
padding-top: 1px;
padding-left: 70px;
margin-bottom: 5px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
background-image: url("../images/eg_trans30-200.png");
background-repeat: no-repeat;
}


#follow>div+div {
width: 110px;
height: 20px;
padding-top: 1px;
padding-left: 70px;
margin-bottom: 5px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
background-image: url("../images/eg_trans10-200.png");
background-repeat: no-repeat;
}

#follow a:link {color: #fff; text-decoration: none;}
#follow a:visited {color: #fff; text-decoration: none;}
#follow a:hover {color: #222; text-decoration: none;}
#follow a:active {color: #222; text-decoration: none;}


#mainMast {
background-image: url("../images/eg_mastHeads2.png");
background-repeat: no-repeat;
}

#nav {
width: auto;
height: auto;
padding-bottom: 10px;
border-bottom: 1px solid #bbb;
margin-top: 15px;
margin-bottom: 30px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
text-transform: lowercase;
text-align: right;

}

#nav ul {
padding: 0;
margin: 0;
display: inline;
}
#nav ul li {
padding: 0 0 10px 15px;
margin: 0;
display: inline;
list-style: none;
}

#content {
width: auto;
height: auto;
}
#content img {
max-width: 512px;
height: auto;
}

#featured {
padding-top: 15px;
background-image: url("../images/eg_featuredlogo.png");
background-repeat: no-repeat;
}

#credits {
width: 572px;
height: 20px;
margin-top: 10px;
}
#credits img {
float: left;
margin-right: 5px;
}


/* BLOG
----------------------------------------------- */

.blogNav {
margin: 0;
padding: 0;
display: inline;
}
.blogNav li {
display: inline;
list-style: none;
list-style-position: inside;
}
.blogNavBox {
padding: 3px;
margin-right: 2px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-align: left;
background-color: #eee;
text-align: left;
}


#blogMast {
margin-bottom: 30px;
}

.blogHomeArticle {
width: 226px;
height: 500px;
padding: 0 15px 30px 15px;
float: left;
margin-bottom: 30px;
}
.blogHomeArticle img {
width: 226px;
height: auto;
margin-bottom: 10px;
}
.blogSingleArticle {
padding-bottom: 30px;
}
.blogSingleArticle img {
width: 300px;
height: auto;
margin: 15px 0 5px 15px;
float: right;
}

.blogHomeDate {
width: 226px;
height: auto;
float: left;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 5px;
margin-bottom: 10px;
color: #222;
text-align: right;
border-bottom: 1px dashed #bbb;
}
.blogHomeHed {
width: auto;
height: auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
letter-spacing: 1px;
text-transform: uppercase;
}

.blogSingleDate {
width: 512px;
height: auto;
float: left;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 5px;
margin-bottom: 20px;
color: #cccc99;
text-align: right;
border-bottom: 1px dashed #bbb;
}

.blogSingleHed {
width: auto;
height: auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: bold;
font-style: italic;
letter-spacing: 1px;
text-transform: uppercase;
}

.blogParas > p:first-child:first-line {
font-weight: bold;
}

.blogArchiveGroup {
width: 200px;
height: auto;
margin-bottom: 25px;
clear: left;
}


/* RIGHT
----------------------------------------------- */

#rightBlog {
width: 200px;
height: auto;
text-align: left;

margin-right: 10px;
float: left;
}
#rightVids {
width: 200px;
height: auto;
text-align: left;

float: left;
}

#rightMast {
width: 200px;
height: 218px;
margin-bottom: 5px;
}

.infoBoxBlog {
padding: 10px;
background-image: url("../images/eg_rightBGBlog.png");
background-repeat: repeat-y;
margin-bottom: 5px;
}
.infoBoxVids {
padding: 10px;
background-image: url("../images/eg_rightBGVids.png");
background-repeat: repeat-y;
margin-bottom: 5px;
}


.rightBlogPost {
width: 180px;
height: auto;
padding: 10px;
margin-bottom: 5px;
clear: left;
background-image: url("../images/eg_rightBGBlog.png");
background-repeat: repeat-y;
margin: 5px 0;
}

.rightVidPost {
width: 180px;
height: auto;
padding: 10px;
margin-bottom: 5px;
clear: left;
background-image: url("../images/eg_rightBGBlog.png");
background-repeat: repeat-y;
margin: 5px 0;
text-align: center;
}
.rightVidPost img {
width: 100px;
height: auto;
margin-bottom: 10px;
}

.rightBlogHed {
width: auto;
height: auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
}

.posted {
font-size: 10px;
letter-spacing: 1px;
}

.readFullPost {
background-color: #eee;
padding: 5px;
color: #fff;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
}


/* VIDEOS
----------------------------------------------- */

.catGroup {
width: auto;
height: auto;
margin-bottom: 25px;
clear: left;
}
.catGroupName {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
padding-bottom: 2px;
border-bottom: 1px solid #666;
margin-bottom: 10px;
}
.catVideo {
width: 80px;
height: 140px;
padding: 5px;
margin-left: 10px;
float: left;

font-size: 9px;
line-height: 11px;
font-weight: bold;

background-image: url("../images/eg_trans10-90.png");
background-repeat: no-repeat;
}
.catVideo img {
width: 80px;
height: auto;
margin-bottom: 5px;
}
.videoExcerpt {
width: 317px;
height: auto;
}


/* BLOG ARCHIVE
----------------------------------------------- */
#blogArchive {
width: 180px;
height: auto;
padding: 10px;
}
.archiveHed {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 2px;
border-bottom: 1px solid #666;
}
.blogCatList {
padding: 10px;
background-image: url("../images/eg_rightBGBlog.png");
background-repeat: repeat-y;
}