/* Reset default browser styles */
@import url('resets/reset.css');

/* Rebuild default browser styles */
@import url('resets/rebuild.css');

/* Basic WordPress Styles */
@import url('resets/wp.css');

/* General Styles
-------------------------------------------------------------- */

/* The following section sets the basic body, H1-H5 and link styles */

html {
	height			:	100%;
}

body {
	background		: 	 0 0px #000000;
    padding-top 	: 	0;
	margin-top 		: 	0;
	height			:	100%;
}

h1 { /* The H1 tag is used for page titles */
	font-size 		: 	22px;
	font-weight		:	bold;
    color			: 	#ffffff;
    padding-bottom	:	15px;
    margin-bottom	:	10px;
    border-bottom	:	1px solid #E1E1E1;
	clear			:	none;
}

h1 a:link, .h1 a:visited {
	color			: 	#ffffff;
}

h2 { /* The H2 tag is used for post titles */
	font-size 		: 	20px;
	font-weight		:	bold;
    color			: 	#ffffff;
	clear			:	none;
}

h2 a:link, .h2 a:visited {
	color			: 	#ffffff;
}

h3 {
	font-size 		: 	18px;
	font-weight		:	bold;
    color			: 	#e2e2e2;
	clear			:	none;
}

h3 a:link, .h1 a:visited {
	color			: 	#e2e2e2;
}

h4 {
	font-size 		: 	16px;
	font-weight		:	bold;
    color			: 	#e2e2e2;
	clear			:	none;
}

h4 a:link, .h4 a:visited {
	color			: 	#e2e2e2;
}

h5 {
	font-size 		: 	14px;
	font-weight		:	bold;
    color			: 	#e2e2e2;
	clear			:	none;
}

h5 a:link, .h5 a:visited {
	color			: 	#e2e2e2;
}

a:link,a:visited { /* This styles the majority of the on page links. The sidebar links can be styled seperately */
	color 			: 	#ffffff;
	text-decoration : 	none;
}

a:hover,a:active {
	color 			: 	#bb76de;
	text-decoration : 	underline;
}


/* General Page Styles
-------------------------------------------------------------- */

#main_container {
   min-height		:	100%;
   z-index			:	-1;
}

#wrapper { /* This sets the width of the entire site */
	position 		: 	relative;
	width 			: 	960px;
	margin 			: 	0 auto;
	overflow		:	auto;
	padding-bottom	:	50px;
}

#container { /* This sets the width of the main content area */
	float			: 	left;
	margin			: 	0 0 15px 0;
	width			: 	920px;
    padding			: 	20px;
	background		: 	transparent;
    border			:	0px solid #CCCCCC;
}


/* Menu Styles
-------------------------------------------------------------- */

#menu_wrapper { /* This is the main menu container */
	    width 			: 	100%;
    margin			: 	0 0 1.5em 0;
	clear			:	both;
	text-align 		: 	center;
    position		:	absolute;
	left			:	0;
	top				:	100px;;
    	overflow 		: 	visible;
	padding-top 	: 	22px;
	    z-index			:	2;
	}

.menu ul, .menu ul * { /* This sets the width of the menu */
	list-style		: 	none;
	margin			: 	0 0 0 0;
	padding			:	0;
}

.menu ul { /* This sets the line height of the menu */
	line-height		:	1.0;
}

.menu a { /* This controls the font size and position of the main menu links */
	position		:	relative;
	display			: 	block;
	float			: 	left;
    font-size 		: 	12px;
}

.menu a:link,.menu a:visited { /* This sets the color and style of the main menu links */
	display 		: 	inline;
	float 			: 	none;
	text-decoration : 	none;
	color 			: 	#cccccc;
    font-family		:	Arial, Helvetica, sans-serif;
	font-weight 	: 	bold;
	text-transform 	: 	uppercase;
	padding 		: 	22px 17px 12px 17px;
	background 		: 	transparent;
}

.menu a:hover,.menu a:active,
.menu .current_page_item a:link,
.menu .current_page_item a:visited  { /* This sets the color and style of the hover and active states of the main menu links */
	color 			: 	#b773d9;
	background 		: 	transparent;
}

.menu .current_page_item ul a:link,
.menu .current_page_item ul a:visited { /* This sets the color and style of the current page item on the main menu links */
	color 			: 	#b773d9;
	background 		: 	#2E2E2E;
}

.menu .current_page_item ul li a:hover,
.menu .current_page_item ul li a:active { /* This sets the color and style of the hover and active states of the current page item on the main menu links */
	color 			: 	#b773d9;
	background 		: 	#2E2E2E;
}

.menu ul li { /* This sets the position of the main menu items */
	position		:	relative;
	display			: 	inline;
    margin			:	0 0 0 0;
}

.menu ul li { /* This sets the position of the custom main menu items */
	position		:	relative;
	display			: 	inline;
    margin			:	0 -3px 0 0;
}

.menu ul li:hover {
	visibility		:	inherit; /* fixes IE7 'sticky bug' */
}

.menu ul li ul { /* This sets the position of the dropdown menu */
	display			:	block;
	visibility		:	hidden;
    position		:	absolute;
	top				:	-999em;
    margin			:	0 0 0 0;
	width			:	10em; /* left offset of submenus need to match (see below) */
    border-top		:	2px solid #b773d9;
}

.menu ul li:hover ul,
.menu ul li ul { /* This sets the position and z-index of the dropdown menu */
	left			:	0;
	top				:	2.2em; /* match top ul list item height */
	z-index			:	99;
}

.menu ul li ul li { /* This sets the size and transparency of the dropdown items */
	display 		: 	block;
	width			:	100%;
	filter			:	alpha(opacity=90);
	opacity			: 	0.90;
	-moz-opacity	:	0.90;
    margin			:	0;
}

.menu ul li ul li a:link,
.menu ul li ul li a:visited,
.menu ul li.current_page_item ul li a:link,
.menu ul li.current_page_item ul li a:visited { /* This sets the color and style of the drop down menu links */
	display 		: 	block;
	padding 		: 	5px;
	text-align 		: 	left;
	color 			: 	#FFFFFF;
	background 		: 	#999999;
    font-size 		: 	12px;
    font-family		:	Arial, Helvetica, sans-serif;
}

.menu ul li ul li a:hover,
.menu ul li ul li a:active,
.menu ul li.current_page_item ul li a:hover,
.menu ul li.current_page_item ul li a:active,
.menu ul li ul li.current_page_item a:link,
.menu ul li ul li.current_page_item a:visited { /* This sets the color and style of the hover, active & current states of the drop down menu links */
	color 			: 	#b773d9;
	background 		: 	#333333;
}

 /* The remaining items below are essential positioning styles for the menus */

.menu ul li:hover li ul,
.menu ul li li ul {
	top				:	-999em;
}

.menu ul li li:hover ul,
.menu ul li li ul {
	left			:	10em; /* match ul width */
	top				:	0;
}

.menu ul li li:hover li ul,
.menu ul li li li ul {
	top				:	-999em;
}

.menu ul li li li:hover ul,
.menu ul li li li ul {
	left			:	10em; /* match ul width */
	top				:	0;
}

.footer_menu { /* This sets the z-index of the footer menu */
    z-index			:	2;
}

.footer_menu ul, .footer_menu ul * { /* This sets the width of the footer menu */
	overflow 		: 	visible;
    z-index			:	2;
    list-style		: 	none;
    margin			:	0 auto;
	padding			:	0;
}

.footer_menu ul li { /* This sets the position of the footer menu items */
	position		:	relative;
	display			: 	inline;
    margin			:	0 7px 0 7px;
    font-weight		:	bold;
}


/* Header Styles
-------------------------------------------------------------- */

#header { /* This sets the color of the header */
	background		:	 #000000;
    width			:	100%;
    height			:	150px;
    margin-bottom	:	10px;
}

#masthead { /* This sets total width and position of the header */
    width			:	960px;
    margin			:	0 auto;
}

#branding { /* This sets the size and position of the logo area on the header */
    display			:	block;
		width 			: 	100%;
	text-align 		: 	center;
    margin			:	0 0 5px 0;
        padding			:	15px 0 5px 0;
}

#branding a { /* This sets the color and style of the wordpress title */
    text-decoration	:	none;
}

#branding h1 { /* This sets the color of the wordpress title */
	font-size		:	24px;
    font-family		:	Arial, Helvetica, sans-serif;
	color			: 	#91995e;
	line-height		:	26px;
    border			:	0;
	margin-top		:	15px;
    margin-bottom	:	5px;
    padding			:	0;
	text-transform	:	uppercase;
}

#branding .description { /* This sets the font size and color for the description line if you are using the Wordpress title and description */
	font-size		:	12px;
    font-family		:	Arial, Helvetica, sans-serif;
	color			: 	#CCCCCC;
		}


/* Content Styles
-------------------------------------------------------------- */

#content { /* This sets the width of the page content area  */
	position		:	relative;
    margin			: 	0;
	width			:	100%;
    z-index			:	1;
}

#content-sm { /* This sets the width of the blog content area  */
	width			:	68%;
    float			:	left;
    padding-right	:	2%; /* IMPORTANT! Sets a small margin between the blog content and the sidebar  */
}

#content, #content-sm { /* This sets the font size and style on the blog and pages  */
	color 			: 	#cccccc;
    font-size		: 	15px;
    font-family		:	helvetica, arial, sans-serif;
}

.post { /* This sets a small margin at the bottom of posts  */
	margin			: 	0 0 3em 0;	
}

.entry-content, .entry-summary { /* This sets a small margin at the top of the post content to make space between the title/meta area  */
	margin			: 	1.5em 0 0 0;
}

blockquote { /* This styles blockquotes in blog posts  */
	border-left		:	2px solid #E1E1E1;
	margin-left		:	25px;
	padding-left	:	15px;
}


/* Post Styles
-------------------------------------------------------------- */

.navigation { /* This sets a small margin below the post navigation on a single post */
	margin			: 	0 0 1.5em 0;
	overflow		: 	auto;	
}

.size-full,
.entry-content img { /* This sets a border around images in posts */
	border 			: 	5px solid #e8e7e7;
}

.entry-meta,
.entry-utility { /* This sets the font size and style on post meta. This is the date, post by and comment links below the post title. */
	color 			: 	#cccccc;
    font-size		: 	15px;
    font-family		:	helvetica, arial, sans-serif;
	font-style 		: 	italic;
	clear 			: 	both;
}


/* Post Comment Styles
-------------------------------------------------------------- */

.comments ol { /* This removes the numbers from the comment list */
	list-style		:	none;	
    margin-top		:	10px;
}

.comments li { /* This clears each comment block to a new line and adds a margin */
	width			:	100%;
    clear			:	both;
    min-height		:	100px;
}

.comments .comment-wrapper { /* This sets the style for the comment wrapper */
	display			:	block;
}

.comments .comment-author { /* This sets the style for the comment author icon */
	float			:	left;
    width			:	15%;
    margin-right	:	2%;
}

.comments .content-wrapper { /* This sets the style for the comment meta and content */
	float			:	left;
    width			:	83%;
}

.comments .comment-content { /* This sets a small margin between the meta and comment content */
	margin-top		:	5px;
}

span.unapproved {
	font-style 		: 	italic;
}

img.wp-smiley{  /* This sets no border around smileys */
	border			:	none;
}


/* Sidebar Styles
-------------------------------------------------------------- */

#sidebar { /* This sets the size of the sidebar as well as the font size and style */
	float			:	right;
	width			: 	30%;
    background		:	transparent;
    text-align		:	center;
    color			:	#424242;
    font-size		:	12px;
    font-family		:	Verdana, Arial, Helvetica, sans-serif;
}

#sidebar a { /* This sets the color of the sidebar links */
    color			:	#7b0f99;
}

#sidebar a:hover,
#sidebar a:active { /* This sets the color and style of the hover and active states of the sidebar links */
    color			:	#7b0f99;
    text-decoration	:	underline;
}

#sidebar .social-media { /* This sets the padding of the social media icons in the sidebar */
    text-align		:	left;
    padding			:	10px 10px 5px 10px;
}

#sidebar .social-media img { /* This sets a small margin to the right of each of the social media icons */
    border			:	0;
    margin-right	:	5px;
}

#primary { /* This sets the position and width of the widget area */
	float			: 	right;
	overflow		: 	hidden;
	width 			: 	94%;
    padding			:	3%;
    text-align		:	left;
}

.widget-title,.widgettitle { /* This sets the size and style of the sidebar titles */
	font-size 		: 	16px;
	font-weight 	: 	bold;
    font-family		:	Verdana, Arial, Helvetica, sans-serif;
	color 			: 	#1c1c1c;
	text-transform 	: 	uppercase;
	margin-bottom 	: 	10px;
	padding-bottom 	: 	0;
}

.widget-container { /* This sets a small margin below each widget */
	margin			: 	0 0 1.5em 0;
}

#searchform label { /* This hides the search form label */
	display 		: 	none;
}

/* The following style the lists in the widgets */

.widget-area ul {
	list-style		: 	none;
	margin-left		: 	0;
}

.widget-area ul ul {
	list-style		: 	disc;
	margin-left		: 	1.1em;
}

.widget-area ul ul ul {
	margin-left		: 	2.5em;
}

/* Gallery Styles
-------------------------------------------------------------- */
s
.gallery {
	margin-bottom	:	15px;
}

.gallery img {
	border			:	0px;
}


/* Footer Wrapper
-------------------------------------------------------------- */

.footer_wrapper { /* This sets the size and font styles of the footer area */
	clear			: 	both;
	width			: 	100%;
	text-align 		: 	center;
	padding			:	5px 0 5px 0;
	background		:	transparent;
	margin-top		:	-50px;
	height			:	50px;
	clear			:	both;
	z-index			:	2;
	position		:	relative;
}


/* Footer Widget Styles
-------------------------------------------------------------- */

.footer-widget-area { /* This is the footer widget wrapper */
	display			:	inline-block;
	background		:	none;
	width			:	980px;
    min-height		:	50px;
    color			:	#969696;
    font-size		:	10px;
    font-family		:	Arial, Helvetica, sans-serif;
	margin			:	0 auto;
}

.footer-widget-container { /* This is the footer widget container */
	display			:	inline-block;
	background		:	none;
    height			:	auto;
    float			:	left;
	padding			:	10px;
	text-align		:	left;
	margin-bottom	:	5px;
}

.footer-widget-container .widget-title { /* This sets the style of the footer widget titles */
    font-size		:	16px;
    font-family		:	Arial, Helvetica, sans-serif;
	color			:	#ae13d1;
}

.footer-widget-container a { /* This sets the color of the footer widget links */
    color			:	#c8c8c8;
}

.footer-widget-container a:hover,
.footer-widget-container a:active { /* This sets the color and style of the hover and active states of the footer widget links */
    color			:	#c8c8c8;
    text-decoration	:	underline;
}


/* Footer Style
-------------------------------------------------------------- */

#footer { /* This sets the size and font styles of the footer area */
	clear			: 	both;
	width			: 	960px;
	text-align 		: 	right;
	margin			:	15px auto 15px auto;
	padding-top 	: 	5px;
    border-top		:	1px solid #e8e7e7;
	color 			: 	#969696;
    font-size		: 	10px;
    font-family		:	Arial, Helvetica, sans-serif;
}

#footer a { /* This sets the color of the footer links */
    color			:	#c8c8c8;
}

#footer a:hover,
#footer a:active { /* This sets the color and style of the hover and active states of the footer links */
    color			:	#c8c8c8;
    text-decoration	:	underline;
}

#footer #site-info {
	clear			: 	both;
	margin			:	5px 7px 0 7px;
}

#footer #site-info p {
	z-index			:	3;
}


/* Custom CSS Code
-------------------------------------------------------------- */

main_container, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
border-bottom:0px;
font-family:	Arial, Verdana, Helvetica, sans-serif;
font-size: 28px;
line-height: 30px;
padding-bottom: 2px;
margin-bottom: 5px;
}

h2 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 20px; }

h3 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight:bold; margin-top: 20px; margin-bottom:12px;}

h4 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight:bold; }

p {
margin-bottom:1em;
line-height:1.18em;
text-align: justify; 

}

body {
text-align: justify; 
}

.wp-caption-text {
color: #333;
text-align:left;
font-style:italic;
padding-top:6px;
}

.size-full,
.entry-content img { /* This removes border around images in posts */
	border : 0px;
}

#photonav { /* This is the top photo menu container */
   font-size : 12px;
line-height: 40px;
text-align: center;
    z-index:	2;
	margin: 0px auto;


}

#photonav ul { /* This sets the width of the top menu */
	list-style: 	none;
	margin:  0;
	padding: 0;
}

#photonav li { /* This sets the line height of the top menu */
	display: inline;
	font-family		:	Arial, Verdana, Helvetica, sans-serif;
	font-weight 	: 	normal;
	text-transform 	: 	uppercase;
        letter-spacing: 1px;

}

#photonav a:link, #photonav a:visited { /* This sets the color and style of the top menu links */
	text-decoration : 	none;
	color 			: 	#cccccc;
	padding 		: 	20px 20px 6px 0px;
	background-color: transparent;
}

#photonav a:hover,.photonav a:active,
#photonav .current_page_item a:link,
#photonav .current_page_item a:visited  { /* This sets the color and style of the hover and active states of the main menu links */
	color 			: 	#b773d9;
	background 		: transparent;
}

#branding {/*logo position left-right*/
text-align: center;
padding-left: 0;
width: 100%;
margin: 0 auto;

}

#menu_wrapper { /* This is the main menu container */
	    width 			: 	950px;
    margin			: 	0 auto;
	position 		: 	relative;
	top 			: 	0px;
	left 			: 	0;
	text-align 		: 	center;
    	overflow 		: 	visible;
	padding-top 	: 	22px;
    margin-left: -10px;
    z-index			:	2;
    letter-spacing: 1px;
}

#masthead {
border-right: 5px solid #E2E2E2;
}

#header {
margin-bottom: -28px;
padding-bottom: 0px;
border-bottom: 5px solid #b773d9;}

#wrapper {
border-right: 5px solid #E2E2E2;
}

#content-sm { /* This sets the width of the blog content area */
	margin-top:	40px;
	background-color: #E1E1E1;
	background-image: url(../images/blog-bkg.gif);
	background-repeat: repeat-y;
        color: #000;
width: 600px;
padding: 30px 30px 30px 30px;
}



#content-sm a, #content-sm a:visited {
   color: #590059;

}

#content-sm h1, #content-sm h2, #content-sm h3, #content-sm h4 {
   color: #333333;
}

#sidebar { /* This sets the size of the sidebar as well as the font size and style */
	float			:	right;
	width			: 	200px;
    text-align		:	center;
    color			:	#000;
    font-size		:	12px;
    font-family		:	Verdana, Arial, Helvetica, sans-serif;
	margin-top: 40px;
margin-right: 20px;
background-color: #E1E1E1;
	background-image: url(../images/sidebar-bkg.gif);
	background-repeat: repeat-y;
padding: 30px 20px 30px 20px;
}

#footer {
border-top:0;
text-align:left;
}

#site-info {
float:left;
padding-left: 10px;
padding-top: 2px;
color: #ccc;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#social-media-top {
float:right;
vertical-align:center;
margin: 12px 40px 0 20px;
visibility:hidden;
}

#social-media-top img {
margin-left: 5px;
}

#social-media {
float:right;
margin: 0 40px 0 0;
}

#social-media img {
margin-left: 5px;
}

.footer_wrapper { /* This sets the size and font styles of the footer area */
	clear			: 	both;
	width			: 	100%;
	text-align 		: 	center;
	padding		:	5px 0 0px 0;
	background		:	transparent;
	margin-top		:	-80px;
	height			:	50px;
	clear			:	both;
}

.entry-meta, .entry-meta a:link, .entry-meta a:visited, 
.entry-utility, .entry-utility a:link, .entry-utility a:visited { /* This sets the font size and style on post meta. This is the date, post by and comment links below the post title. */
    color 			: 	#000;
    font-size		: 	12px;
    font-family		:	Verdana, Arial, Helvetica, sans-serif;
	font-style 		: 	italic;
	clear 			: 	both;
margin-bottom: 30px;

}
#nav-next { float: right;}
#nav-previous { float: left; }

img.alignnone { padding: 0px;}

img.right, img.alignright {
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.left, img.alignleft {
	padding: 0 10px 0 0;
	margin: 0 0 10px 0px;
	display: inline;
	}

#content h1 {
padding-top: 30px;
}

#homebottomlinks {

	margin		:	0px 20px 25px 0;
	padding-top 	: 	0px;
        font-size		: 	12px;
	font-family		:	Verdana, Arial, Helvetica, sans-serif;
	font-weight 	: 	bold;
	text-transform 	: 	uppercase;
width: 164px;
float: left;
}

#homebottomlinks a { 
    color			:	#999;
    text-decoration	:	none;
}
	
#homebottomlinks a:hover,
#homebottomlinks a:active { /* This sets the color and style of the hover and active states of the hometable links */
    color			:	#fff;
    text-decoration	:	none;
}
	
#homebottomlinks img { /* This sets a border around images in home table */
	border 			: 	1px solid #333;
	margin:  0 15px 10px 0;
padding: 0;
width: 164px;
}

#homebottomlinks img:hover { /* This sets a border around images on hometable */
	border 			: 	1px solid #b773d9;

}

#homeslideshow {
margin-top:40px;
margin-right:20px;
margin-bottom: 0;
min-height: 100px;
}

#homeslideshow-right {
margin-top:40px;
margin-right:40px;
margin-bottom: 0;
min-height: 100px;
width: 403px;
float: right;
clear: none;
border: 0px solid #000;
}

#homeslideshow-left {
margin-top: 40px;
margin-left:20px;
margin-bottom: 0;
min-height: 100px;
width:403px;
float:left;
clear: none;
border: 0px solid #000;
}

#homeslideshow img.alignnone, 
#homeslideshow-left img.alignnone, 
#homeslideshow-right img.alignnone 
{ padding: 0px;margin: 0px;}

#homeslideshow img.aligncenter { 
padding-top: 0px;
padding-bottom: 0px;
margin: 0px auto;}

#slideshow-tight { 
padding-top: 0px;
padding-bottom: 0px;
margin: -90px auto 0;
min-height: 300px;}

#homeslideshow-left h3, #homeslideshow-right h3 { 
text-align: center;
padding-bottom: 30px;
}

#homeslideshow-left h3 a:hover, #homeslideshow-right h3 a:hover{ 
color:#FE0002;
text-decoration: none;
}

#hometagline h6{
font-size: 16px;
margin-top: 40px;
margin-bottom: 0px;
margin-left:-20px;
text-align: center;
}

#container-2 { /* This sets the width of the main content area */
	
	background		: 	#ffffff;
    border			:	0px solid #FFFFFF;
}

/* This adds the block for the sub-blog title and description */

#sub-title {
background-image: url(../images/bkg-header.jpg);
width:840px;
height: 55px;
margin-top: 40px;
margin-bottom: -40px;
padding: 14px 30px 5px 30px;
border-top: 2px solid #454545;
}
#sub-title h2 { /* This is the title for the sub-blog */
padding-top: 2px;
color: #E1E1E1;
font-size		:	12px;
font-family		:	Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding-bottom: 0;
}

#trackbacks-list { display: none;}
.comments li { /* This clears each comment block to a new line and adds a margin */
	width			:	100%;
    clear			:	both;
    min-height		:	80px;
}
.comments .content-wrapper { /* This sets the style for the comment meta and content */
	float			:	left;
    min-height		:	80px

}
.comment-meta { font-size: 10px;}

#content-sm h6 {
font-weight: bold;
color: #999999;
margin-bottom: 8px;
text-align: center;
}
#content-sm h6 a:link, #content-sm .h6 a:visited {
	color:red;
}
#content-sm h6 a:hover {
}
.menu ul li ul { /* This sets the position of the dropdown menu */
	width			:	5em; /* left offset of submenus need to match (see below) */
    border-top		:	2px solid #704100;
}