/*   
Theme Name: Crooked Shore Typo
Description: A Child Theme of WPtypo
Template: wptypo
*/
@import url(../wptypo/style.css);

#explore-area   							{ top: 0; right: 0; width: 200px; border-left:1px #CCC dotted; text-align:center;
											  padding: 10px; overflow: hidden; float: right; }
											 
											  
#header 									{ width:580px; margin:0px auto; padding:40px 0px; float: left;}

#wrap 										{ width:980px; margin: 0 auto; padding: 0 0 27px 0; position: relative; }

.post 										{ width:610px; margin:0px auto 50px; padding-right:30px; clear:both; float: left;}

#archives-area    							{ width:200px; float: left; text-align: center; margin: 20px 0px 0px 0px;}

#left_hand_side								{ float: left; padding: 0 0 0 130px;}

body										{ font-family:Arial, Helvetica, sans-serif; background:url(images/MAPsideways.png); background-repeat: no-repeat; 
											  background-attachment:fixed; background-position: 0px 0px;}

#menu 										{ width:100%; top: 0; height:180px; background:url(images/crookedshoreHeader.png); background-repeat: no-repeat; 
											  background-attachment:absolute; background-position: 200px 0px;}
#topline									{ width:100%; top: 0; background:#494949; color:#fff; height:27px; }
#menu ul 									{ width:940px; font-size:1.3em; text-transform:uppercase; margin:0 auto; 
											  padding:4px 0px; }
#menu ul li 								{ display:block; float:left; padding:3px 7px 0px 0px; }
#menu ul li span 							{ padding:0px 7px 0px 0px; }
#menu ul li a 								{ color:#fff; text-decoration:none; }
#menu ul li a:hover 						{ color:#aaa; }
#menu ul li.explore 						{ display:block; float:right; padding:0px; }
#menu ul li.explore a 						{ display:block; background:#fff; color:#494949; font-size:0.8em; 
											  letter-spacing:1px; padding:4px 5px 2px; 
											  -moz-border-radius:5px; -webkit-border-radius:5px; } 
#menu ul li.explore a:hover 				{ background:#999; color:#fff; }

.clearfix:after 							{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }

.post 										{ width:580px; margin:0px auto 50px; padding-right:30px; clear:both; }
.post .byline 								{ color:#a1a1a1; font-size:1.4em; width:110px; float:left; text-align:right; 
										      margin-right:25px; padding-top:8px; }
.post .byline .date 						{ text-transform:uppercase; background:#FFF; padding:1px; }
.post .byline a 							{ color:#a1a1a1; text-decoration:none; }
.post .byline a:hover 						{ border-bottom:1px solid #d5d5d5; }
.post h2.title 								{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:3.7em; color:#4c4b4a; float:left; display:block;  width:445px; }
.post h2.title a 							{ color:#4c4b4a; text-decoration:none; }
.post h2.title a:hover 						{ color:#222; }
.post p.dots 								{ margin-left:135px; }

.post span.para 							{ color:#d5d5d5; font-size:6.75em; display:block; width:70px; height:90px; 
											  margin:12px 20px 0px 45px; float:left; text-align:right; }
											  
#page-sub-title 							{ padding: 10px; background: #494949; color: white; margin: 0 0 25px 165px; 
											  font-size: 2.0em; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; float: right; }
											  
#footer 									{ width:100%; height:27px; background:#4c4b4a; color:#fff; 
											  font-size:1.1em; text-transform:uppercase; position: fixed; bottom: 0; left:0; z-index: 200; }
#footer p 									{ width:580px; margin:0px auto 0px; padding-top:8px; letter-spacing:1px; }
#footer p span.left 						{ float:left; display:block; }
#footer p span.right 						{ float:right; display:block; }
#footer a 									{ color:#fff; text-decoration:none; }
#footer a:hover 							{ border-bottom:1px solid #999; }

.alignleft 									{ float: left; padding: 0px 10px 10px 0px; }

#search-3									{ width: 200px; float: left; text-align: center; margin: 0 0 20px 0;}

#search-3 p.submit 							{ font-size: 2.5em; }

#search-3 p.submit input#searchsubmit 		{ border:none; text-transform:uppercase; font-size:0.6em; padding:8px 3px 0px; 
											  color:#4c4b4a; vertical-align:top; cursor:pointer; font-family:Georgia, Serif; 
											  background: none; }

#archives-3									{ width: 200px; float: left; text-align: center; margin: 0 0 20px 0;}

.widgettitle								{ font-size:1.6em; color:#4C4B4A; text-align: center; margin:20px 0 5px;}

.widgettitle span	 						{ font-style: italic; font-weight: normal; font-size: 0.8em; text-transform: lowercase; }

.post .entry .blockquote_extender {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1F1F1 none repeat scroll 0 0;
height:100%;
overflow:visible;
position:absolute;
right:445px;
top:0;
width:0;
}

#twitter									{ font-size:10px; width: 200px; float: left; text-align: center; margin: 0 0 20px 0;}
#twitter ul li a {
border-bottom:none;
color:#3B3B3B;
display:inline;
text-decoration:underline;
font-size:inherit;
padding:0;
text-align:left;
}

#categories-3									{ width: 200px; float: left; text-align: center; margin: 0 0 20px 0;}