/*
Theme Name: Dream In Pictures
Theme URI: http://www.WeAreAlways.com
Description: This is the DIP template.
Author: Travis Ward
Author URI: http://www.WeAreAlways.com
*/

/*** :Normalize
***********************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-spacing: 0; border-collapse: collapse;}
fieldset, img { border: 0; }
caption, th { text-align: left; }
/* Removes quotation marks from q */
q:before, q:after { content: ''; }
/* Image Replacement */	
.img { position: relative; overflow: hidden; display: block;}
.img em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
a em { cursor: pointer; }
/* Remove Netscape Underline */
a { text-decoration: none; color: white;}
a:hover { text-decoration: underline; }


/*** :Global Styling
***********************************/
body {
	background: #d5e6e6 url(images/bg.gif) repeat-x top;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #999999;
	font-size: 12px;
}
#container {
	width: 970px; 
	margin: 0 auto 0 auto;
	padding: 0 14px 0 14px;
	position: relative;
	
}
#header {
	height: 66px;
	margin-top: 20px;
}

.phone { display: inline; position:absolute; top: -10px; left: 880px; text-indent:-9999px; background: url(images/img_phone.png) no-repeat top left; height: 66px; width: 97px;}

.logo, .logo a { width: 93px; height: 66px; display: block; text-indent: -9999px; }				
	.logo { position: absolute; top: 0px; left: 0px; }
		.logo a em { background: url(images/img_logo.png) no-repeat top left; }

.navigation { position: absolute; top: 0px; left:100px;}
	.navigation li { float: left; }

.home, .home a { width: 132px; height: 66px; display: block; text-indent: -9999px;}
	.home a em { background: url(images/img_home0.png) no-repeat top left; }
		.home a:hover em,
		.home a.selected em { background: url(images/img_home1.png) no-repeat top left; }
		
.portraits, .portraits a { width: 98px; height: 66px; display: block; text-indent: -9999px;}
	.portraits a em { background: url(images/img_portraits0.png) no-repeat top left; }
		.portraits a:hover em,
		.portraits a.selected em { background: url(images/img_portraits1.png) no-repeat top left; }
		
.outdoors, .outdoors a { width: 90px; height: 66px; display: block; text-indent: -9999px;}
	.outdoors a em { background: url(images/img_outdoors0.png) no-repeat top left; }
		.outdoors a:hover em,
		.outdoors a.selected em { background: url(images/img_outdoors1.png) no-repeat top left; }
		
.events, .events a { width: 71px; height: 66px; display: block; text-indent: -9999px;}
	.events a em { background: url(images/img_events0.png) no-repeat top left; }
		.events a:hover em,
		.events a.selected em { background: url(images/img_events1.png) no-repeat top left; }
		
.about, .about a { width: 66px; height: 66px; display: block; text-indent: -9999px;}
	.about a em { background: url(images/img_about0.png) no-repeat top left; }
		.about a:hover em,
		.about a.selected em { background: url(images/img_about1.png) no-repeat top left; }
		
.blog, .blog a { width: 64px; height: 66px; display: block; text-indent: -9999px;}
	.blog a em { background: url(images/img_blog0.png) no-repeat top left; }
		.blog a:hover em,
		.blog a.selected em { background: url(images/img_blog1.png) no-repeat top left; }	

.contact, .contact a { width: 74px; height: 66px; display: block; text-indent: -9999px;}
	.contact a em { background: url(images/img_contact0.png) no-repeat top left; }
		.contact a:hover em,
		.contact a.selected em { background: url(images/img_contact1.png) no-repeat top left; }
		
.commercial, .commercial a { width: 106px; height: 66px; display: block; text-indent: -9999px;}
	.commercial a em { background: url(images/img_commercial0.png) no-repeat top left; }
		.commercial a:hover em,
		.commercial a.selected em { background: url(images/img_commercial1.png) no-repeat top left; }		

#main1 {
  width: 970px;
  margin:0 auto; 
  padding-top: 25px;
  clear: both;
  background-color: #FFFFFF;
}
#main2 {
  overflow: hidden;
}

#footer {
	font-size: 12px;
	color: #969696;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 40px;
    width: 970px;
	background: url(images/footer_bg.png) top no-repeat;	
}
#footer ul { display: inline; margin-left: 70px;}
#footer li { display: inline; left-right: 1px soild #969696; padding: 5px 10px;}
#footer li a {color: #969696;}

#footer img { border: 0;}
.alwaysFooter, .alwaysFooter a { width: 170px; height: 13px; text-indent: -9999px; float: right;}
.alwaysFooter { }
	.alwaysFooter em { background: url(images/ac.png) no-repeat top left; }

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	background:transparent;
}

/* general content text formatting will go here */
h1, h2, h3, h4, h5 {color: #767676;}
h2 {font-size: 1.1em; margin: 10px 0;}
h3 {font-size: 1em; margin: 10px 0;}
h4,h5 {font-size: .9em;}
p { margin: 5px 0 10px 0; line-height: 1.7em;}
a { color: #333333; }
a:link, a:visited { text-decoration: underline;}
a:hover { color: #a0a0a0; text-decoration: none;}
#col2 ul { margin: 5px 0 5px 25px;}
#col2 li { margin: 10px 0; list-style: disc;}

/* posts */
.post { margin-bottom: 50px;}
.postDate { float: left;}
.postDate h3 { background-color: #d5e6e6; padding: 8px 20px 8px 10px; margin:0 0 20px 0; width:100%; font-weight: bold; font-size:16px; color: #fff;}
.postDate h4 { color: #a0a0a0; font-size: 14px; margin-bottom: 8px;}
.postDate h5 {color: #a0a0a0; font-weight: normal;}
.postContent,
.postComments { width: 500px; margin-left: 200px;}
.postContent h1, 
.postContent h2 {font-size: 25px; text-transform: uppercase; margin:0;}
.postContent h1 a, 
.postContent h2 a{ text-decoration: none;}
.postContent h3 {color: #a0a0a0; font-weight: normal; margin: 0 0 10px 0; font-style: italic;}
.postContent h4 { text-transform: uppercase; color: #7bc2c2; font-size: 21px; font-weight: normal; margin-top: 20px;}

.postContent img, 
.aboutPage img { margin: 10px 10px 10px 0;}

.categories { text-transform: uppercase;}
li.categories ul li { text-transform: none;}
#col2.catNav ul ul{ margin: 35px 0 5px 0;}
.cat-item { margin: 10px 0 50px 0;}
#col2.catNav li {list-style-type: none;}

/* about */
.aboutPage h3 {display: inline;}


/* contact */
.errorText { color: #f00;}



/* 2 Col */
/* Default */
#col1 {
	width:725px;
	padding:0 0 0 50px;
	float:left;
	overflow: hidden;
	display: inline;
}
#col2 {
	width: 165px;
	padding-left: 30px; 
	float: left;
	display: inline;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#3col, #col4 {
	display: none;
}

/* 2 Col */
/* Alternate */
.aboutPage #col1 {
	width:400px;
	padding:0 0 0 50px;
}
.aboutPage #col2 {
	width: 430px;
	padding: 0 0 0 30px;  
}