/* 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 */

body {
	background		: 	url(../images/uploads/background.jpg) repeat 0 0px #ffffff;
    padding-top 	: 	0;
	margin-top 		: 	0;

}

h1 { /* The H1 tag is used for page titles */
	font-size 		: 	22px;
	font-weight		:	normal;
    color			: 	#8aaad9;
    text-transform	:	uppercase;
    padding-bottom	:	0px;
    margin-bottom	:	0px;
    letter-spacing	:	5px;
    font-family		: 	"Times New Roman", Times, serif;
}

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

h2 { /* The H2 tag is used for post titles */
	font-size 		: 	20px;
	font-weight		:	normal;
    color			: 	#333333;
}

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

h3 {
	font-size 		: 	18px;
	font-weight		:	bold;
    color			: 	#FFFFFF;
}

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

h4 {
	font-size 		: 	16px;
	font-weight		:	bold;
    color			: 	#FFFFFF;
}

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

h5 {
	font-size 		: 	14px;
	font-weight		:	bold;
    color			: 	#FFFFFF;
}

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

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

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


/* NextGen Gallery Styles
-------------------------------------------------------------- */

div.slideshow { /* Main page slideshow wrapper */
	border 			: 	none;
    width			:	612px;
    margin			:	20px auto;
}

/* The following align single NextGen images */

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

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

img.ngg-center {
	display			:	block;
    margin			:	5px auto;
}

div.ngg-clear { /* This makes sure text does not wrap around galleries */
	width			:	100%;
	clear			:	both;
}

/* Portfolio Styles
-------------------------------------------------------------- */
h1.portfolio { /* The H1 tag is used for page titles */
	font-size 		: 	21px;
	font-weight		:	normal;
    color			: 	8aaad9;
    text-transform	:	uppercase;
    padding-bottom	:	0px;
    margin-bottom	:	0px;
    letter-spacing	:	5px;
    font-family		: 	"Times New Roman", Times, serif;
    position		:	relative;
  /*  left			:	182px; */
  	left			:	1px;
}

h1.portfolio a {
   color			:	#5a461b;
   text-decoration	:	none;
}

h1.portfolio a:hover {
   color			:	#8aaad9;
}

ul#portfolio  {
	width		:	800px;
    height		:	312px;
    margin		:	30px 0 30px 0;
    }
    
ul#portfolio li {
	display		:	inline;
    }
    
ul#portfolio li a {
	height: 312px;  
	float: left;  
	text-indent: -9999px;  
}  

ul#portfolio li#portfolio01 a{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat 0px 0px;  
} 
ul#portfolio li#portfolio01 a:hover{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat 0px -313px;  
} 

ul#portfolio li#portfolio02 a{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat -197px 0px;  
} 

ul#portfolio li#portfolio02 a:hover{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat -197px -313px;  
}  

ul#portfolio li#portfolio03 a{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat -394px 0px;  
}  

ul#portfolio li#portfolio03 a:hover{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat -394px -313px;  
} 

ul#portfolio li#portfolio04 a{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat -591px 0px;  
}  

ul#portfolio li#portfolio04 a:hover{
	width: 197px;  
	background: url('http://www.ohlsonsenft.com/testsite/vsphoto/wp-content/uploads/2010/08/portfolio.jpg') no-repeat -591px -313px;  
} 




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

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

#container { /* This sets the width of the main content area */
	float			: 	left;
	margin			: 	0;
	width			: 	940px;
    padding			: 	10px;
	background		: 	#FFFFFF;
}

 html>/**/body #menu, x:-moz-any-link, x:default {right: -10px;} 


x -#menu {
    float			:	right;
    position		:	relative;
    right			:	-8px; 
    z-index			:	2;
    padding			:	0px;
    margin			:	0px;
    outline			:	1px dotted green;
    }


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

#menu_wrapper { /* This is the main menu container */
	width 			: 	890px; 
    margin			: 	6px 25px 0px 25px; /* sets alignment of menu lines */
	padding-top		:	6px;
	clear			:	both;
/*	text-align		:	right; */
    position		:	absolute;
    height			:  	25px;
	overflow 		: 	visible;
    z-index			:	2;
    border-top		:	solid 1px #96b4de;
    border-bottom	:	solid 1px #96b4de;
}

.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		:	 #ffffff;
    width			:	940px;
    height			:	120px;
    margin          :   0 auto;
    padding			:	35px 10px 0 10px;
	
}

#masthead { /* This sets total width and position of the header */

    margin			:	0 0;
}

#branding { /* This sets the size and position of the logo area on the header */
    display			:	block;
		width 			: 	300px;
	text-align 		: 	left;
    margin			:	0px 0 0 25px;
        padding			:	10px 0 0px 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			: 	#FFFFFF;
    border			:	0;
    margin-bottom	:	5px;
    padding			:	0;
}

#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			: 	#FFFFFF;
}


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

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

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


#content-sm { /* This sets the width of the blog content area  */
	width			:	533px; /* 533px; */
	
	/* 56%;*/
    float			:	right;
    padding			:	45px 35px 0 0px; /* IMPORTANT! Sets a small margin between the blog content and the sidebar  *\
 
}

#content, #content-home { /* This sets the font size and style on the pages  */
	color 			: 	#5a461b;
    font-size		: 	12px;
    font-family		:	Arial, Helvetica, sans-serif;
}

#content-sm p { /* This sets the font size and style on the sidebar pages  */
	color 			: 	#5a461b;
    font-size		: 	12px;
    font-family		:	Arial, Helvetica, sans-serif;
    margin-right	:	46px;
    line-height		:	18px;
}

.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			: 	10px 0 0 0;
    
}


.entry-content-portfolio {
	margin			: 	10px 0px 0px -110px; 
	text-align		:	center;
    width			:	781px;
  }
  
.entry-content-portfoliopgs { /* edit position of the portfolio images */
/*	margin			: 	25px 0px 550px -70px; */
	position:	relative;
	left: -70px;
  }

blockquote, blockquote p { /* This styles blockquotes in blog posts  */
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
margin: 10px 40px 15px 0px;
line-height: 19px;
text-indent: -7px;
}

#content-sm p.uppernames {
font-family			:	Arial, Helvetica, sans-serif;
color				:	#8aaad9;
font-size			:	11px;
text-transform		:	uppercase;
letter-spacing		:	1px;
margin-top			:	-13px;
margin-bottom		:	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 			: 	#5a461b;
    font-size		: 	12px;
    font-family		:	Arial, Helvetica, 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			:	left;
	width			: 	35%;
    background		:	transparent;
    text-align		:	right;
    color			:	#ababab;
    font-size		:	12px;
    font-family		:	Arial, Helvetica, sans-serif;
    padding			:	92px 0px 0 30px;
    
}

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

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

#sidebar img {
	float			:	right;
    margin-right	:	15px;
}

#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			: 	left;
	overflow		: 	hidden;
	width 			: 	94%;
    padding			:	3%;
    text-align		:	left;
}

.widget-title,.widgettitle { /* This sets the size and style of the sidebar titles */
	font-size 		: 	14px;
	font-weight 	: 	bold;
    font-family		:	Arial, Helvetica, sans-serif;
	color 			: 	#b0854a;
	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;
}

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

.footer-widget-area { /* This is the footer widget wrapper */
	display			:	inline-block;
	width			:	940px;
    min-height		:	50px;
    background		:	transparent;
    color			:	#ababab;
    font-size		:	12px;
    font-family		:	Arial, Helvetica, sans-serif;
    margin-top		:	15px;

}

.footer-widget-container { /* This is the footer widget container */
	display			:	inline-block;
    height			:	auto;
    float			:	left;
	padding			:	10px;

}

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

.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			:	#ff6600;
    text-decoration	:	underline;
}


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

#footer { /* This sets the size and font styles of the footer area */
	clear			: 	both;
	width			: 	100%;
	text-align 		: 	left;
	margin-top		:	10px;
    margin-bottom	:	0px;
	padding-top 	: 	20px;
	color 			: 	#5a461b;
    font-size		: 	10px;
    font-family		:	Arial, Helvetica, sans-serif;
    text-transform	:	uppercase;
    background-color:	#FFFFFF;
    min-height		:	350px;

}

#footer #site-info {
	clear			: 	both;
	margin			:	5px 41px 0 33px;
    border-top		:	1px solid #96b4de;
    text-align		:	left;
    padding			:	0px 0px 50px 0px;
}


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