/*
Theme Name: Sophie's Arms custom
Theme URI: none
Description: A Wordpress theme designed from scratch
Version: 1.0
Author: Josh Cunningham
Author URI: http://www.joshcanhelp.com/
*/


/*** CSS RESET 

Adapted from Eric Meyer's CSS Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%; line-height: 100%;	font-family: inherit;	vertical-align: baseline; }
	
:focus {outline: 0;}

ol, ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}

img {border: 0;}

/*** universal styles ***/

h1,h2,h3,h4,h5,h6{font-size:100%; }
h1{font-size:2em; margin: 0 0 12px;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-weight:bold;}

ul, ol {list-style:none;}

a img {border: none;}

/*** universal styles ***/
	a {color: #A61027;}
	
	p, p a, p span, p strong, p em {line-height: 1.5em;}

	acronym, abbr {cursor:help; border-bottom:1px dashed #999;}
	
	strong {font-weight: bold;}
	
	em {font-style: italic;}
	
	.code {font:1.2em 'Courier New',Courier,Fixed;}
	
	.clear {clear:both;}
	
	.aligncenter {display:block;margin-right:auto;margin-left:auto;}
	
	.alignleft {margin:8px 8px 8px 0;float:left;}
	
	.alignright {margin:8px 0 8px 8px;float:right;}
	
	.center{text-align:center;}
	
	a.call-to-action {color: white; background: #A61027; border: 1px solid #7F0F24; text-decoration: none;}
		a.call-to-action:hover {background: #CF193A;}
	
	.half-col {width: 50%; float: left;}
	
	.more-link {text-decoration: underline; font-weight: bold; font-style: italic; display: block; padding: 6px; font-size: 1.1em;}
		.more-link:hover {text-decoration: none;}
	
	.framed {background: white; padding: 8px; border: 1px solid #ddd;}

/*** universal content styles ***/

span.the-meta {color: #666; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; margin: 0 0 0 20px;}

.the-content {padding: 0 0 10px;}
	.the-content h2 {margin: 18px 0 6px 0;}
	.the-content h3 {margin: 16px 0 6px 0;}
	.the-content h4 {margin: 14px 0 6px 0;}
	.the-content p  {line-height: 1.6em; margin: 0 0 14px;}
	.the-content ul {list-style-type: square; padding: 10px 0 0 40px; }
	.the-content ol {list-style-type: decimal; padding: 10px 0 0 40px;}
	.the-content li {margin: 0 0 0.5em 0; line-height: 1.6em; }

h4.thanks {padding: 20px 10px 0; line-height: 1.6em;}

p.subscribe {float: left; width: 90%; padding: 6px 0; border-top: 1px solid #eee;border-bottom: 1px solid #eee; margin: 10px 0;}
 	p.subscribe a {display: block; height: 20px; width: 160px; float: left; padding: 0 0 0 30px; font-weight: bold; color: #444; font-size: 1em;}
	.subscribe-rss {background: url(images/rss_20.gif) 0 50% no-repeat;}
	.subscribe-email {background: url(images/email_20.gif) 0 50% no-repeat;}

/*** header.php styles ***/

body {line-height: 1em; font-size: 80%; background: #C7E3CC url(images/main-bg.png) repeat-x; font-family: Georgia, "Times New Roman", Times, serif}

#wrapper {width: 1039px; margin: 0 auto; }
	
		#header {width: 1021px; height: 185px; margin: 0 auto; background: url(images/header-bg.png) 0 100% no-repeat; position: relative;}
			#logo {height: 208px; width: 226px; background: url(images/sophie-logo-web.png) 0 100% no-repeat; position: absolute; top: 0; left: 50px; text-indent: -9999px; outline: none;}
			
			#location {position: absolute; top: 118px; left: 284px; font-size: 0.9em; letter-spacing: 3px; color: #666;}
				#location a {color: #666; text-decoration: none;}
					#location a:hover {color: #222; text-decoration: underline;}
			
			#main-nav {width: 700px; height: 34px; position: absolute; bottom: 0; left: 280px;  }
				#main-nav li {float: left; margin: 0 8px 0 0; font-size: 1.7em; text-transform:uppercase; }
					#main-nav li a {float: left; display: block; color: white; text-decoration: none; padding: 6px 20px; background: #808080 url(images/main-nav-inactive.png) 0 100% repeat-x; }
						#main-nav li a:hover, #main-nav li.active a {background: #4b5c50 url(images/main-nav-active.png) 0 100% repeat-x; padding-top: 20px; margin-top: -14px;}
			
			#sub-nav {position: absolute; top: 0; right: 0; padding: 10px 0 0; color: white;}
				#sub-nav li {float: left; font-style:italic; text-transform:lowercase; font-size: 1.2em; font-weight: bold; }
					#sub-nav li a {color: white; margin: 0 10px 0;}
						#sub-nav li a:hover, #sub-nav li.active a {text-decoration: none; color: #ddd;}
		
		#main-content {width: 1002px; margin: 0 auto; background: white url(images/main-content-bg.png) no-repeat; }	

/*** page-home.php ***/

#head-box {}
	
	#head-box-content {height: 319px; background: url(images/head-box-content-bg.png) no-repeat;}
		#usp {width: 380px; float: left; padding: 45px 0 0 65px;}
			#usp h1 {margin: 0 0 10px;}
			#usp a.call-to-action {display: block; float: right; margin: 12px 0 0; padding: 16px 20px;font-size: 1.2em; font-weight: bold; }
				#usp a.call-to-action:active {padding: 17px 20px 15px; }
				
		
		div#rotator {width: 420px; height: 239px; overflow: hidden; position: relative; left: 55px; top: 40px; background: url(http://sophiesarms.com/wp-content/uploads/2010/05/slide01.jpg) no-repeat; border: 1px solid #444;}
			div#rotator ul li {	float:left;	position:absolute;	list-style: none;}
			div#rotator ul li.show {	z-index:500;}

	
	#head-box-bar {height: 23px; background: url(images/head-box-bar-bg.png) 50% 0 no-repeat;}
	
	#head-box-shadow {height: 10px; background: url(images/head-box-shadow.png) no-repeat;}
	
	#home-cols {width: 1002px; float: left; padding: 30px 0; }
		#home-cols dl, #home-cols .post-wrap {margin: 0 0 20px 10px; }
		.thin-col {width: 290px; padding: 0 25px; float: left;}
		
		#more-info {}
			#more-info dl {}
			#more-info dt {font-size:1.8em;}
			#more-info dd {padding: 10px 0 0 12px; border-left: solid 1px #eee; font-size: 0.9em;}
			#more-info .more-link {padding: 12px 0 6px 10px; }
		
		#units-list {width: 300px; height: 316px;  float: left; 20px;}
			#units-list h2 {margin: 0 0 16px 6px;}
			#units-list ul {background: url(images/home-units-list-bg.jpg) 50% -30px no-repeat; padding: 12px 0 5px; border: 1px solid #BFBFBF; }
			#units-list li {width: 275px; height: 58px; margin: 0 auto 7px auto; background: white; border: 1px solid #BFBFBF;}
				#units-list p {font-size: 0.9em; padding: 4px 0 0; line-height: 1.3em;}
					#units-list p a {padding: 0 8px 0 0; color: #A61027;}
						#units-list p a:hover {text-decoration: none;}
				#units-list li span {display: block; width: 60px; padding: 6px 0 0 6px; float: left; font-size: 1.8em; font-weight: bold; letter-spacing: -1px;}
					#units-list li span a {color: #999; text-decoration: none; font-weight: bold; font-style: italic;}
						#units-list li span a:hover {color: #ccc; }
			#units-list .more-link {padding: 12px 0 10px 10px; }
		
		#post-list {}
			#post-list h2 {margin: 0 0 16px;}
			#post-list h5 a {color: #A61027;}
				#post-list h5 a:hover {text-decoration: none}
			#post-list .post-wrap p {padding: 0 0 0 12px; border-left: solid 1px #eee; font-size: 0.9em;}
				#post-list .post-wrap p span {display: block; color: #666; padding: 4px 0; font-size: 0.9em;}
			#post-list .more-link {padding: 0 0 0 20px; }
			
/*** post structure elements ***/

#single-post {}
	#single-post h1 {margin: 0 0 16px;}
		
		.news-page .post-wrap {padding: 0 0 40px 60px; font-size: 0.9em}
			.news-page h2 {margin: 0 0 10px}

/*** page styles ***/

#page-wrap, #single-post {padding: 30px; width: 740px; float: left;}
#page-wrap-wide {width: 942px; padding: 30px;}


	/* Leasing page and Residents page */
	
	.doc-link-list {list-style-type: none; width: 60%; margin: 0 auto;}
	
		.doc-link-list li { border: 1px solid #99AF9D; margin: 0 0 0.5em 0; line-height: 1.6em; }
			.doc-link-list li a {display: block; background: #C7E3CC; padding: 10px 0 10px 15px; color: black; font-weight: bold; font-style: italic; text-decoration: none; content: "» "}
				.doc-link-list li a:hover {display: block; background: #9BCFA5; padding-left: 20px;}
	.residents {padding-bottom: 40px}
		.residents h2 {margin: 20px 0 12px;}
		.residents .half-col p { padding: 10px 0 10px 10px; font-size: 0.9em;}
		.residents ul.doc-link-list {list-style-type: none; width: 80%; margin: 0 0 0 10px; padding: 15px 0;}
			.residents ul.doc-link-list li a {padding: 6px 0 6px 15px;}
			
			.residents #contact-form {width: 60%; margin: 0 0 0 10px}
			
			.residents .post-wrap {clear: both; padding: 10px 0 10px 10px;}	
				.residents .post-wrap h5 {font-size: 1.4em; margin: 0 0 4px;}	
		
	/*** all units page ***/
	
	.allunits {}
		.units {padding: 10px 80px;}
			.units li {width: 760px; height: 122px; background: url(images/allunits-unit-bg.png) no-repeat; position: relative; margin: 0 0 6px;}
				.units li h5 {position: absolute; bottom: 12px; right: 14px; font-size: 4em; padding: 0; color: white; font-weight:bold; text-decoration: none; font-style:italic; letter-spacing: -4px}
					.units li h5 a {color: white; font-weight:bold; text-decoration: none}
						.units li h5 a:hover {color: #f5f5f5}
				.units li img {position: absolute; top: 16px; left: 17px; border: #aaa 1px solid; }
				.units li p {width: 600px; position: absolute; top: 18px; left: 120px; font-size: 1.2em; line-height: 1.3em;}
				.units li span {position: absolute; bottom: 30px; right: 240px;}
					.units li span a {text-align: center; padding: 4px 6px; margin: 0 0 0 10px; font-weight: bold; font-size: 0.9em}
						.units li span a.view {background: #808080; border: 1px solid #777; color: white; text-decoration: none; }
							.units li span a.view:hover {background: #999; border: 1px solid #888; }
	
	/*** individual unit pages ***/
	
	#page-wrap .unit-page {}
		.unit-page h1 {width: 715px; height: 56px; padding: 8px 0 0 20px; color: white; background: url(images/unit-head-bg.png) no-repeat; font-weight: bold; font-size: 3.6em; letter-spacing: -2px;}
		
		#unit-images {width: 212px; float: left; padding: 20px 0 20px 10px;}
			#unit-images img {border: 1px solid #DBD9D5; padding: 4px; background: white;}
			#unit-images .gallery {text-align: right; padding: 4px 10px 0 0; margin: 0 0 30px; font-size: 0.9em; font-style: italic;}
				#unit-images .gallery a {color: #666;}
			#unit-images h5 {margin: 20px 0 0; padding: 0 0 6px 0; font-weight: bold;}
			
		.gallery .gallery-item {margin: 0; padding: 0  0 6px 0}
			.gallery .gallery-item img {border: 1px solid #888}
			
		#unit-desc {width: 480px; float: left; padding: 20px 0 0 30px;}
			#unit-desc a.call-to-action {padding: 8px 20px; }
			
		.cta-box {clear: both; padding: 20px 0;}
			
	/*** Contact page ***/
	
	.contact-page p {width: 80%; padding: 10px 0;}
	
	#contact-form, .thank-you { padding: 20px 0;}
	.contact-page #contact-form {width: 80%;}
		#contact-form label.standard, #contact-form p.checkboxes {display: block; padding: 0 0 4px; font-weight: bold; line-height: 1.5em; clear: both;}
		#contact-form span.unitList {width: 120px; display: block; float: left; padding: 0 0 4px;}
		#contact-form ul li {list-style-type: none; margin: 0 0 12px;}
		#contact-form input.required, #contact-form textarea.required, #contact-form select {display: block; width: 95%; padding: 6px;}
		#contact-form .checkIt {display: none;}
		#contact-form span.error {color: red; font-size: 0.9em; display: block; width: 100%; padding: 4px 0;}
	
	
	 /*** page-landing.php ***/
	 
	 .landing-page .single-page {width: 600px; float: left;}
	 .landing-page #contact-form {width: 260px; margin: 0 20px 0 0; float: right; }

/*** sidebar.php styles ***/

#sidebar {width: 175px; float: right; padding: 80px 0 0 0; margin: 0 20px 0 0;}
	#sidebar .widget {margin: 0 0 30px;}
	#sidebar .widget .widgettitle {text-transform: capitalize;letter-spacing: -1px; margin: 0 0 12px; font-size: 1.2em;}
	
	#sidebar a.call-to-action {display: block; text-align: center; padding: 16px 0; font-size: 1.2em; font-weight: bold;}
		#sidebar a.call-to-action:active { padding: 17px 0 15px;}
	
	#sidebar .unit-list {}
		#sidebar .unit-list li {margin: 0 0 2px; border-left: #ddd 5px solid; border-right: #ddd 1px solid;}
			#sidebar .unit-list li a.more-link {background: #e6e6e6; text-decoration: none;}
				#sidebar .unit-list li a:hover {background: #ddd; padding-left: 10px;}

/*** footer.php styles ***/

#footer {width: 979px; clear: both; padding: 40px 30px 20px; background: #666666 url(images/footer-top-bg.png) no-repeat;}
	#footer p, #footer a {color: white;}
		#footer a:hover {text-decoration: none;}
		#footer p.quote {font-size: 1.3em; font-style: italic; line-height: 1.7em; padding: 8px 0 0 0; text-align: center}
		
	#footer ul {padding: 30px 0;margin: 30px 0 0 0; border-top: #7F7F7F 3px dotted; color: white; text-align: center; font-size: 0.85em; }
		#footer ul li {display: inline; padding: 0 10px; border-left: 1px solid #7F7F7F; }
			#footer ul li.first {border: none; font-weight: bold; }


/*** 404.php styles ***/

#404 {}


/*																							
|	WordPress Plugin: WP-PageNavi 2.40									
|	Copyright (c) 2008 Lester "GaMerZ" Chan									
|																							
|	File Written By:																	
|	- Lester "GaMerZ" Chan															
|	- http://lesterchan.net													

*/

div.wp-pagenavi {margin-top: 50px;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #0066cc;
	background-color: #FFFFFF;
}