/*
Theme Name: A Vintage Romance
Theme URI: http://www.magitek-designs.net/wordpress-themes/a-vintage-romance
Author: Pange of Magitek Designs
Author URI: http://pange.ca
Description: A Vintage Romance, designed by Pange of Magitek Designs, is a blog layout for romantics. Image-heavy, this theme provides a dark and moody experience. This design is meant for a personal blog. This theme was built on Automattic's Toolbox WordPress framework.
Version: 1.1
Tags: dark, one-column, custom-menu, fixed-width, threaded-comments, sticky-post
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* =Tag Reset
-------------------------------------------------------------- */

html,body,div,img,h1,h2,h3,h4,dl,dd,dt,form,table,td,tr,p { margin:0px; padding:0px;  border:0px;  border-collapse:separate; border-spacing:0; line-height:145%; }


/* =Visual Style
-------------------------------------------------------------- */


img { border:0px; background-color:#9e8282; padding:3px;  margin:2px; margin-top:5px; border:1px solid #FFFFFF;}

hr { height:3px; color:#e6d9d9; background-color:#e6d9d9; border:0px; }



p {margin-bottom:20px; line-height: 170%; }

#top { margin:-14px; text-align:left; }

#sitetitle { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", Serif; padding:5px; font-size:1.5em; font-style:italic; color:#bf9e9e; position:relative; top:25px; margin-bottom:45px; border-top-left-radius :25px 25px;
-moz-border-radius-topleft:25px 25px;
border-bottom-right-radius :25px 25px;
-moz-border-radius-bottomright:25px 25px; }

#sitetitle a { font-size:1.6em; }

#top h1 { font-family:Georgia, Palatino,"Palatino Linotype", Times, "Times New Roman", Serif; padding:5px; font-size:1.3em; font-style:italic; color:#514242; background-color:#f3e7e7; position:relative; top:25px; border:2px solid #352828; margin-bottom:45px; border-top-left-radius :25px 25px;
-moz-border-radius-topleft:25px 25px;
border-bottom-right-radius :25px 25px;
-moz-border-radius-bottomright:25px 25px; margin-top:-20px; font-weight:normal; }

.childpages { width:200px; float:right; font-family:Georgia, Palatino,"Palatino Linotype", Times, "Times New Roman", Serif; padding:5px; color:#e2cdcd; background-color:#a98d8c; border:1px solid #352828; opacity:0.75; filter:alpha(opacity=75); border-top-left-radius :25px 25px;
-moz-border-radius-topleft:25px 25px;
border-bottom-right-radius :25px 25px;
-moz-border-radius-bottomright:25px 25px; margin-top:-20px;  font-weight:normal; }

h2, h3 { font-weight:normal; text-align:left; margin-top:5px; margin-bottom:5px; padding:5px; font-style:italic; color:#e2cdcd; background-color:#645151; border:1px solid #352828; opacity:0.75; filter:alpha(opacity=75);
border-top-left-radius :15px 15px;
-moz-border-radius-topleft:15px 15px;
border-bottom-right-radius :15px 15px;
-moz-border-radius-bottomright:15px 15px; clear:both; display:block; }

h3 { font-family:0.8em; }

#topmenu { margin-right: 140px; }

.entry-content {margin-left:35px; margin-right:10px; margin-bottom:35px;  }

#navbar  { text-align:right; margin:0px; margin-left:110px; margin-right:120px; padding:5px; font-size:1.7em; font-style:italic; color:#e2cdcd; background-color:#645151; border:1px solid #352828; opacity:0.75; filter:alpha(opacity=75); text-transform:lowercase; 
border-top-left-radius :15px 15px;
-moz-border-radius-topleft:15px 15px;
border-bottom-right-radius :15px 15px;
-moz-border-radius-bottomright:15px 15px; clear:both; } 

.entry-meta { text-align:right; margin:0px; margin-left:220px; padding:5px; font-style:italic; color:#e2cdcd; background-color:#645151; border:1px solid #352828; opacity:0.75; filter:alpha(opacity=75);
border-top-left-radius :15px 15px;
-moz-border-radius-topleft:15px 15px;
border-bottom-right-radius :15px 15px;
-moz-border-radius-bottomright:15px 15px; clear:both; display:block; } 


#navbar ul { margin:0px; padding-left: 0px; list-style: none; }
#navbar li  { padding: 0px; margin:0x; display:inline; }

#pange_content { background-repeat:no-repeat; text-align:left; margin-left:110px; margin-right:120px; margin-top:25px; margin-bottom:0px; }



span.date { float:left; text-align:center; margin:1px; padding:0px; font-style:italic; line-height:70%; 
border-radius :15px;
-moz-border-radius:15px; opacity:0.75; filter:alpha(opacity=75);}
.title {  text-shadow: 0px 2px 2px #e6d9d9; padding-left:15px; }

.month, .year { font-size:0.5em; padding:1px;}
.day {  font-size:1.2em; }

A:link { text-decoration: none; color:#f0c6c6; }
A:visited { text-decoration: none; color:#f0c6c6; }
A:hover { text-decoration:none; color:#000000; }

#pange_content A:link { text-decoration: none; color:#4a3837; }
#pange_content A:visited { text-decoration: none; color:#4a3837; }
#pange_content A:hover { text-decoration:none; color:#5c4c4b;  }

#sitetitle A:link { text-decoration: none; color:#e9b0b0; }
#sitetitle A:visited { text-decoration: none; color:#e9b0b0; }
#sitetitle A:hover { text-decoration:none; color:#dbaaaa; text-shadow: 0px 2px 2px #000000;}
.widget A:hover { text-decoration:none; color:#dbaaaa; text-shadow: 0px 2px 2px #000000;}

#footer A:link { text-decoration: none; color:#f0c6c6; }
#footer A:visited { text-decoration: none; color:#f0c6c6; }
#footer A:hover { text-decoration:none; color:#dbaaaa; }

.entry-metalinks A:link { text-decoration: none; color:#f0c6c6 !important;  }
.entry-metalinks A:visited { text-decoration: none; color:#f0c6c6 !important; }
.entry-metalinks A:hover { text-decoration:none; color:#000000 !important; }


#top h1 A:link, #top h1 A:visited { color:#514242 !important; }


.widget { width:250px; margin-left:20px; padding:5px;float:left; background-color:#514242; border:2px solid #be9d9d; border-top-left-radius :15px 15px;
-moz-border-radius-topleft:15px 15px;
border-bottom-right-radius :15px 15px;
-moz-border-radius-bottomright:15px 15px; opacity:0.85; filter:alpha(opacity=85); margin-bottom:15px;  }

#footer .widget { width:215px; margin-left:15px; padding:5px;float:left; background-color:#514242; border:2px solid #be9d9d; border-top-left-radius :15px 15px;
-moz-border-radius-topleft:15px 15px;
border-bottom-right-radius :15px 15px;
-moz-border-radius-bottomright:15px 15px; opacity:0.85; filter:alpha(opacity=85); margin-bottom:15px;  margin-top:10px; }

#footer h2 { font-family:Georgia, Palatino,"Palatino Linotype", Times, "Times New Roman", Serif; padding:5px; font-size:1.3em; font-style:italic; color:#514242; background-color:#f3e7e7; border:2px solid #352828; border-top-left-radius :25px 25px; width:195px !important;
-moz-border-radius-topleft:25px 25px;
border-bottom-right-radius :25px 25px;
-moz-border-radius-bottomright:25px 25px; font-weight:normal; }

#navbar A {padding:4px;  margin:4px; text-align:center; white-space: nowrap;}
#navbar A:after { content: "."; color:#FFFFFF; }
#navbar A:before { content: "{"; color:#FFFFFF;position:relative; top:-3px;} 
#navbar A:link { text-decoration:none; color:#de9494;}
#navbar A:visited { text-decoration:none; color:#de9494; }
#navbar A:hover { text-decoration:none; color:#000000;  background-color:#f3e7e7;  opacity:0.3;filter:alpha(opacity=30);}

.widget_calendar A:link { text-decoration:none; color:#FFFFFF;  background-color:#bf9e9e;  opacity:0.8;filter:alpha(opacity=80); padding:4px;}
.widget_calendar A:visited { text-decoration:none; color:#FFFFFF;  background-color:#bf9e9e;  opacity:0.8;filter:alpha(opacity=80); padding:4px;}
.widget_calendar A:hover { text-decoration:none; color:#000000;  background-color:#bf9e9e;  opacity:0.5;filter:alpha(opacity=50); padding:4px;}

.right { text-align:right;}
.left { text-align:left;}
.option { text-align:left; }
.clear, .entry-utility { clear:both; }
.floatleft { float:left; margin:15px; margin-left:35px;}
.floatright { float:right; margin:15px; margin-right:35px;}
.clearleft { clear:left; }
.alignright { float: right; }
.alignleft { float: left; }
.center { text-align:center; }
.image { border:1px solid #d9d6cd; padding:2px;  text-align:center; color:#a69e87; }
.previous-image, .nav-previous { float:left; }
.nav-previous img { margin:3px; border:1px solid #000000; }
.next-image, .nav-next {float:right; }
.nav-next img { margin:3px; border:1px solid #000000; }

textarea, input { color:#e2cdcd; background-color:#645151; border:1px solid #352828;padding:1px; font-family:Trebuchet MS, Sans-Serif; }


dt { font-weight:bold; }
dd {text-indent:15px; margin-bottom:15px;}



.wp-caption { border:1px solid #FFFFFF; padding:10px; background-color:#bf9e9e; text-align:center;  margin:20px; font-size:0.75em; margin-top:0px; padding-top:4px; }
.wp-caption img { background-color:#9e8282; padding:3px;  margin:2px; margin-top:5px; border:1px solid #FFFFFF; }
.wp-caption p , .wp-caption-text { margin-bottom:0px; }

.catthumbnails { border:1px solid #FFFFFF; padding:10px; background-color:#bf9e9e; text-align:center;  margin:10px; font-size:0.75em; width:270px; float:right; margin-top:40px;}

div.sticky { border:7px double #bf9e9e; padding:5px; }
.page-link {  border-left:7px double #bf9e9e; clear:both; padding:10px;}

blockquote { border-left:7px double #bf9e9e; clear:both; padding:10px; font-size:1.2em; font-style:italic; padding:0 10px; }

.widget_calendar td { padding:3px; text-align:center; }
.widget_calendar table { width:240px; margin:0px auto; }
#footer .widget_calendar table { width:150px; margin:0px auto; }

.widget_calendar th { background-color:#bf9e9e;  color:#000000; text-align:center; }
.widget_calendar caption { color:#FFFFFF; text-align:center; font-weight:bold; }

#pange_content th { background-color:#bf9e9e;  color:#000000; text-align:center; }
#pange_content tr.alternate { background-color:#ab8f8e;  }
#pange_content table { border:1px solid #bf9e9e; }
#pange_content td {padding:7px; }


.comment { border:1px solid #bf9e9e; clear:both; padding:10px; margin-bottom:5px; }
.comment cite { background-color:#bf9e9e; display:block; float:left; }
.comment .says { background-color:#bf9e9e; display:block; float:left; padding-left:5px; }
.comment-author img { background-color:#bf9e9e; border:0px; padding:10px; color:#000000; text-align:center;  float:left; margin:0px;  }

.bypostauthor .comment-author img { background-color:#eac7c7; border:0px; padding:10px; color:#000000; text-align:center;  float:left; margin:0px;  }
.bypostauthor cite { background-color:#eac7c7; display:block; float:left; }
.bypostauthor .says { background-color:#eac7c7; display:block; float:left; padding-left:5px; }


.comment .reply { text-align:right; margin-bottom:5px; clear:both; }
.comment .reply span { background-color:#bf9e9e; }
.commentmetadata { float:right; }
.comment .comment-content { margin-left:100px; padding-top:6px; clear:right; }



/* =Structure
-------------------------------------------------------------- */

#page {
	display: block;
	margin: 1em;
}
#primary {
	float: left;
	margin: 0 0 0 0;
	width: 100%;
}
#content {
	margin: 0 0 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;

}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #eee;
	display: block;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #dedede;
}
#access ul ul a:hover {
	background: #cecece;
}
#access ul li:hover > ul {
	display: block;
}


/* =Content
-------------------------------------------------------------- */

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}


/* Image Attachments */

.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #ba9e9e;
	border:1px solid #322626;
	margin: 0 0 20px;
	padding: 1em;
	text-align: center;	margin-top:10px;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* =Images
-------------------------------------------------------------- */


p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}

.gallery-caption {
	
}
.wp-smiley {
	margin: 0;
	border:0;
	background-color:transparent;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0;
}

#colophon img { background-color:transparent; border:0px; position:relative; left:-60px; }