/*
Theme Name:		AlisonOwen.com Brand New
Theme URI:		http://alisonowen.com
Description:	updated theme for AlisonOwen.com
Version:		2
Author:			JKLM

*/

body {
	color: #333;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background-color: #fff;
	background-image: url(images/bg.jpg);
}

* { padding: 0; margin: 0; }

/* ----- next gen gallery ----*/
/*.ngg-gallery-thumbnail {
float:left;}*/

/*---:[ global elements ]:---*/

a { color: #666666; text-decoration: underline; }

	a:visited { color: #333; text-decoration: underline; }

	a:hover { color: #CC3300; text-decoration: underline; }
	
	a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }



/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 3.6em; letter-spacing: -0.03em; }

	#masthead h1 {
	text-align: right;
	clear: both;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0.2em;
	margin-right:50px;
	padding-left: 0;
	font-family: "Century Gothic", "Helvetica CE", Verdana;
	font-weight: normal;
	color: #666666;
}
	
	h1 a, h1 a:visited, h1 a:hover { color: #333333; text-decoration: none; }
	
h2 { font-size: 2.0em; }

	h2 a { color: #000; text-decoration: none; }
	
		h2 a:visited { color: #555; text-decoration: none; }
	
		h2 a:hover { color: #090; text-decoration: none; }
	
.posts h2 {
	background-image: url(images/contentTop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 1.2em;
	margin-right: 0;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding-top: 10px;
	padding-left: 15px;
}
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
h3 { font-size: 1.0em; text-transform: uppercase; }

	#masthead h3 {
	font-weight: normal;
	font-size: 1.5em;
	color: #CCCCCC;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0.75em;
	font-style: italic;
	text-transform: capitalize;
	margin-right: 50px;
}

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4 {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #888;
}

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; margin-left: 15px; }



/*---:[ core layout elements ]:---*/

#container {
	width: 970px;
	margin: 15px auto 0 auto;
}
					
	#content_box { width: 970px; text-align: left; float: left; clear: both; }
		
		#content {
	width: 500px;
	float: left;
	padding-top: 0;
	margin-right: 10px;
	padding-bottom: 0;
	/*background-color: #CCFFFF;
	background-image: url(images/contentBottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
}

	#content_boxPAGE { width: 970px; text-align: left; float: left; clear: both; }
	
		#content {
	width: 900px;
	float: left;
	padding-top: 0;
	margin-right: 10px;
	padding-bottom: 0;
	/*background-color: #CCFFFF;
	background-image: url(images/contentBottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
}
		
		#sidebar {
	width: 210px;
	float: left;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
		
	#footer { width: 970px; padding: 1.2em 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; }
		


/*---:[ header styles ]:---*/

#masthead {
	width: 970px;
	height: 250px;/* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */
	/*background-image: url(images/header_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 50px;
	margin-bottom: 25px;*/
	margin-top: 150px;
}


#mastheadPAGE {
	width: 970px;
	height: 100px; /*uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */
	/*background-image: url(images/header_Page.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	margin-top: 50px;
	/*margin-bottom: 25px;*/
	margin-top: 35px;
}

	#mastheadPAGE h1 {
	text-align: left;
	clear: both;
	padding-top: 65px;;
	padding-right: 0;
	/*padding-bottom: 0.2em;*/
	margin-left: 25px;
	font-family: "Century Gothic", "Helvetica CE", Verdana;
	font-weight: normal;
	color: #999999;
}


	/* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

/*Navigation Index */

ul#nav {
	list-style: none;
	width: 970px;
	padding: 0 10px;
	float: left;
	clear: both;
	margin-bottom: 200px;

	
}

	ul#nav li {
	float: left;
	background-image: url(images/manilla.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 0.7em;
	padding-left: 8px;
	background-position: left top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
}
	
		ul#nav li a, ul#nav li a:visited { color: #333333; text-decoration: none; }
	
		ul#nav li a:hover { 
		background-position: left bottom;
		padding-top: -2px;
		margin-top: -5px;
		color: #660000;; }
		
		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #333333; text-decoration: none; }
		
	ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; margin-right:25px;}
			
		ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
			
#header_img { position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; }

	#header_img img { display: inline; } /* this is really just an IE 6 and 7 hack in disguise */
	


/*Navigation Pages*/

ul#navPAGE {
	list-style: none;
	width: 970px;
	padding: 0 10px;
	float: left;
	clear: both;
	margin-bottom: 50px;


	
}

	ul#navPAGE li {
	float: left;
	background-image: url(images/manilla.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 0.7em;
	padding-left: 8px;
	background-position: left top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
}
	
		ul#navPAGE li a, ul#nav li a:visited { color: #333333; text-decoration: none; }
	
		ul#navPAGE li a:hover { 
		background-position: left bottom;
		padding-top: -2px;
		margin-top: -5px;
		color: #660000;; }
		
		ul#navPAGE li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #333333; text-decoration: underline; }
		
	ul#navPAGE li.rss { padding: 0.85em 0 0.7em 0; float: right; }
			
		ul#navPAGE li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
			
#header_img { position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; }

	#header_img img { display: inline; } /* this is really just an IE 6 and 7 hack in disguise */





/*---:[ content styles ]:---*/

.entry {
	font-size: 1.4em;
	line-height: 1.65em;
	margin-bottom: 20px;
}
		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 15px; }

	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 0.5em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img {
	/*width: 250px;
	height: 100%; */
	padding: 10px;}

		.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
	
		.entry img.off { padding: 10 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }

.tagged {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #888;
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
}

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { width: 500px; font-size: 1.4em; float: left; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }

.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }



/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 210px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

		li.widget h2, li.linkcat h2 {
	font-weight: bold;
	font-size: 1.077em;
	text-transform: uppercase;
	letter-spacing: normal;
	background-image: url(images/sidebarTop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0px;
	padding-top: 0.4em;
	padding-right: 2px;
	padding-bottom: 0.4em;
	padding-left: 12px;
}

		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				


/*---:[ footer styles ]:---*/

#footer p {
	font-size: 1.3em;
	color: #CCCCCC;
	text-align: right;
	margin-right: 0px;
	margin-bottom: 0.923em;
	margin-left: 0;
}

	#footer a, #footer a:visited { color: #CCCCCC; text-decoration: none; }
		
		#footer a:hover { color: #999999; text-decoration: underline; }



/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			


/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input { width: 201px; padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	li.widget .search_input { font-size: 1.1em !important; }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		
		/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
	/*margin-bottom: 10px;*/
}

.ngg-description a{
	display: none;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
	
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;

}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:70%;
	padding-left:5px;
	padding-bottom: 10px;
	display:block;
	/*float:left;*/
	line-height: 90%;
	margin-bottom: 20px;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers, a.next, a.prev, 
				span.page-numbers, span.next, span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
				span.page-numbers:hover, span.next:hover, span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic-wrapper {
	padding: 1px;
}

.ngg-singlepic {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

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

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

.ngg-center img {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}