/*
Theme Name: simpleX-Revised
Theme URI: http://www.wpshoppe.com/themes/
Description: <strong>Simple and Clean</strong> WordPress Blog Theme designed by <a href="http://www.wpshoppe.com">WPshoppe</a>! Now with <strong>Theme Options</strong> to choose different color combinations.
Version: 1.3.1
Author: Chandra Maharzan
Author URI: http://www.wpshoppe.com/about/
Tags: custom-colors, custom-header, fixed-width, two-columns, black, silver, light, theme-options, right-sidebar, threaded-comments
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Structure Styles */

body {
	font-size: 65%; /* Resets 1em to 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0;
	padding: 0;
	}	

#page {
	text-align: left;
	}
	
#main { /* SimpleX addition to center as well as make header footer 100% */
	width: 900px;
	}

#content {
	font-size: 1.1em;
	line-height: 180%;
	float: left;
	}

.widecolumn .entry {
	line-height: 1.6em;
	width: 100%;
	}

.narrowcolumn .postmetadata {
	text-align: left;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Georgia, Sans-Serif, Verdana ;
	font-weight: normal;
	}

h1 {
	font-size: 4em;
	text-align: left;
	padding-left:40px;
	}
	
#headerimg .description {
	font-size: 1.1em;
	padding-left:40px;	
	}
	
h2 {
	font-size: 2.2em;
	clear:both;
	display: none;
	}

.narrowcolumn h2 {
	padding: 10px 0;
	color: #CCC;
	display: block;
}

h2.pagetitle {
	font-size: 2.2em;
	font-style: italic;
	}	

#sidebar ul li h2 {
	font-family: Georgia, Arial, 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.6em;
	padding: 5px 5px;
	}

h3 {
	font-size: 1.6em;
	clear:both;
	}

h4 {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	border-bottom: 1px #666 dotted;
	width: 250px;
	font-size: 1.0em;
	margin-top: 10px;
}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}	
	
#header h1, #header h1 a, #header h1 a:hover, #header h1 a:visited {
	font-style:italic;
	}	
	
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}	

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, 'Lucida Grande', Verdana, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font: 0.8em Arial, Verdana,  Sans-Serif;
	}

.commentmetadata {
	font-size: 0.9em;
	font-weight: normal;
	}
	
#sidebar {
	font: 1.2em Arial, Verdana, Sans-Serif;
	}	
	
acronym, abbr, span.caps
{
	font-size: 1.1em;
	}	
	
code {
	font: 0.9em 'Courier New', Courier, Fixed;
	padding: 10px;
	display: block;
	}
	
a {
	text-decoration: none;
	padding: 0 1px;
	}

	
h1 a, h2 a, h3 a, h1 a:hover,h2 a:hover, h3 a:hover{
	border: none;
	background: none;
}

#sidebar #wp-calendar a {
	text-decoration: none;
	margin: 0;
	padding:0;
	}
#sidebar #wp-calendar caption {
	font: bold 1.3em  Arial,'Lucida Grande', Verdana, Sans-Serif;
	text-align: left;
	margin-top: 6px;
	}	
	
#sidebar #wp-calendar #prev a, #wp-calendar #next a {
	font-size: 1em;
	}	
	
#sidebar #wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
	}
	
.post hr {
	display: block; 
	border: none;
	}		
	
.narrowcolumn .postmetadata2 {
	padding: 13px 0 16px 0;
	margin-top: 15px;
}	

.entry img {
	padding: 5px;
	max-width: 100%;
	}	

.entry .home img {
	padding: 1px 0;
}
	
/* Begin Structure */

#page {
	padding: 0;
	width: 900px;	
    margin: 0 auto;
	position: relative;
	}

#header {
	margin:0;
	padding: 0;
	width: 100%;
	}

#headerimg {
	margin: 0;
	float: left;
}

#headerimg2 {
	float: right;
}

.narrowcolumn {
	float: left;
	padding-top: 10px;
	width: 650px;
}
	
.widecolumn {
	padding: 0;
	width: 900px;	
	}

.post {
	margin: 0;
overflow: auto;	
	}
	

.narrowcolumn .post {
        border-top: 1px solid #464646;
	margin-bottom: 15px;
}
	
.narrowcolumn .postmetadata {
	padding:0;
	margin:0;
	padding: 20px 0 40px;
	}


.postmetadata {
	clear: both;
	font-size: 0.8em;
}

.clear {
	clear: both;
}

#footer {
	padding: 4px 0;
	width: 100%;
	clear: both;
 	overflow: hidden;
	border-bottom: 1px solid #464646;
	border-top: 1px #757575 solid;
	}
	
#footerarea {
	width: 900px;
}

#footerarea span {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 0.24em;
	color: #424242;
	}
	
#footer a {
	color: #424242;
}

#footer a:hover {
	color: #666;
}
	
#footerarea span#footerleft {
	float:left;	
}

#footerarea span#footerright {
	float:right;
}
/* End Structure */


/*	Begin Headers */
h1 {
	padding-bottom: 5px;
	line-height: 60px;
	padding-left:0;
	margin: 0;
	}
	

h2 {
	margin: 10px 0 2px 0;
	padding-top: 10px;
	}


#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding:0;
	margin: 30px 0 0;
	}

h3#comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */	

/* Begin Images */


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 0px 15px;
	}

img.alignleft {
	margin: 0 15px 0px 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/* simpleX addition */

.entry {
	margin: 0;
	padding: 0;
	float: left;	
}

.entry p {
	padding: 7px 0 7px 0;
	margin:0;
}

.entry p.home {
	padding: 0;
}
.entry p a.img {
	border:none;
	background:none;
}
.entry p a.img:hover {
	border:none;
	background:none;
}


/* end */

html>body .entry ul {
	margin-left: 50px;
	padding: 0px 0 0px 30px;
	padding-left: 10px;	
	}

html>body .entry li {
	margin: 0;
	}

.entry  ol, .entry ul {
	padding:0;
	margin:  5px 0 5px 50px;
	}

.entry ol li, .entry ul li {
	margin: 0;
	padding: 0;
	}	

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;	
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;	
	}

#sidebar ul p, #sidebar ul select {
	margin: 0;
	}

#sidebar ul ul, #sidebar ul ol {
	margin:0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin:0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0;
	padding:0;
	list-style:none;	
	}
	
#sidebar a {
	border: none;
	background: none;	
	display: block;
	padding: 5px 5px;
	padding-left: 0px;
}

* html #sidebar a {
	height: 1px;
}
	
#sidebar .textwidget {
	margin: 6px;
}

	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#header #searchform #s {
	width: 130px;
	padding: 4px;
	font: 1.4em arial, verdana, sans-serif;
	}

#header #searchsubmit {
	padding: 3px;
	font: 1.4em arial, verdana, sans-serif;
	font-weight: bold;
	}
	
#content #searchform #s {
	width: 200px;
	padding: 4px;
	font: 1.1em arial, verdana, sans-serif;
	}

#content #searchsubmit {
	padding: 3px 10px;
	font: 1.1em arial, verdana, sans-serif;
	font-weight: bold;
	}	

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
#commentform{
	margin-bottom: 60px;
	margin-top: 20px;
}	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font-size: 1.2em;
	}

#commentform textarea {
	margin-top:5px;
	width: 100%;
	padding: 2px;
	font-size: 1.2em;
	}

#commentform #submit {
	margin-top: 5px;
	padding: 5px;
	font-weight: bold;
	font-size: 1.3em;
	}
	
legend {
	font-size: 1.2em;
	font-weight:bold;
	padding: 2px 10px;
}

.entry form { 
	text-align:left
}


	
/* End Form Elements */



/* Begin Comments*/

#tabnav {
	margin:0;
	padding: 130px 0 0 0;
}
#tabnav li {
	display:inline;
	list-style:none;
	font-weight: bold;
	font: 18px Arial;
	margin: 20px 5px 5px 0;
}
a.tabs {
	padding: 5px 10px;
	background: #000;
	border: 1px solid #464646;	
	color: #666;
}

a.tabs:hover {
	border: 1px solid #eee;	
}
a.current {
	color:#999;
}

.commentlist {
	padding: 0;
	}
	

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
/* Threaded Comments */	

ol.commentlist { list-style:none; margin:0 0 0em; padding:0; text-indent:0; }
ol.commentlist li {  margin: 15px 0 0px; list-style: none; padding: 20px;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 14px; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { float: right;	padding: 2px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {margin: 0; display: block;}
ol.commentlist li div.comment-meta {  }
ol.commentlist li p {margin: 13px 5px 13px 0; line-height:16px;}
ol.commentlist li ul { margin:0 }
ol.commentlist li div.reply { }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:2em 0 0; text-indent:0; padding:0}
ol.commentlist li ul.children li { font-size: 12px;}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.comment {margin:0;margin-top: 20px; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.parent { }
ol.commentlist li.pingback { padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist .navigation {
	padding:10px 0;
	margin:10px 0;
	clear:both;
	border: none;
	}

	
	
/* End Comments */



/* Begin Sidebar */
#sidebar
{	
	width: 215px;
	float: right;
	margin: 20px 0;	
	}

#sidebar form {
	margin: 0;
	}
	

/* End Sidebar */



/* Begin Calendar */
#sidebar #wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 190px;
	}

#sidebar #wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#sidebar #wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#sidebar #wp-calendar a {
	display: block;
	}

#sidebar #wp-calendar caption {
	text-align: right;
	width: 190px;
	padding-right: 10px;
	}

#sidebar #wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}



blockquote {	
	margin: 15px 60px 0 10px;
	padding-left: 60px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}


hr {
	display: none;
	}

a img {
	border: none;
	}
		
pre {
	width: 500px;
	margin-right: 250px;
	font-size: 1.1em;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* End captions */

img.wp-smiley {
	border:none;
	padding: 0;
}

.entry a.more-link {
	padding: 1px 6px;
	font-size:0.8em;
	font-weight: bold;
	float:right;
	}

.navigation a {
	font-size:1em;
	padding: 5px 10px;
	font-weight: bold;
	}	

/*simpleX RSS*/

#sidebar li#rssfeeds{
	padding-left: 18px;
	margin-left: 5px;
	margin-top: 10px;
	background:url(images/rss.gif) left center no-repeat;
}
#sidebar li#rssfeeds a, #sidebar .textwidget a, #sidebar #tag_cloud a, #sidebar p a {
	background: none;
	display:inline-block;
	margin:0;
	padding:0;
}


#sidebar #tag_cloud a{
	margin:5px 5px 0 6px;
}

#sidebar #wp-calendar {
	margin:6px;
	padding:0;
}

/* Header Menu */

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


.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*_____________________MENU___________________________*/

#menubar{
	margin: 0;
	padding: 1px 0;
	float:right;
	width:900px; /*width is necessary for the float*/ 
	height:21px;
	overflow: hidden;
	position:relative;
	border-top: 1px solid #464646;
	border-bottom: 1px #757575 solid;
	z-index:3; /* firefox needs this to position menu bar over the top of later content allowing links to work*/
}


#menubar ul{ 
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:left; /*aligns the text to what should end up as the center of each graphical button*/
	margin: 0 0 0 227px;
	padding: 0;
	float:left;
} 
#menubar ul li{ 
	display:inline; /*extra step to get IE to display link list horizontally*/ 
	margin: 0 0 0 20px;
	padding: 0;
	float:left;
} 

#menubar ul li a{
	display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
	position:relative;
	line-height:21px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical centre of the button*/
	height:21px;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	color:#E0DAAF;	/* colour for link text if images are turned off */
	text-decoration:none; /* stop text link underlining if images are turned off */
	border-bottom-style: none; /* tidy up later */
	text-align: center;
	padding:0;margin:0;
	padding-bottom:1em;
} 
#menubar ul li a span {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:21px;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
	padding:0;margin:0;
}

/* Set width and image on each link and span (if all equal set individual width on anchor instead.
Make sure the combined width doesn't exceed the total width of the menu bar */

#menubar ul li a#menu_home{
	width:46px;
}
#menubar ul li a#menu_about{
	width:68px;
}
#menubar ul li a#designers{
	width:76px;
}
#menubar ul li a#realbrides{
	width:85px;
}
#menubar ul li a#sale{
	width:36px;
}
#menubar ul li a#news{
	width:41px;
}
#menubar ul li a#contact_us{
	width:84px;
}

#menubar ul li a#mens_hire {
	width: 76px;
}

#menubar ul li a#menu_home span{
	background-image:url(/newsite/images/menu_home.gif);
	width:46px;
}
#menubar ul li a#menu_about span{
	width:68px;
	background-image:url(/newsite/images/menu_about.gif);
}
#menubar ul li a#designers span{
	width:76px;
	background-image:url(/newsite/images/menu_designers.gif);
}
#menubar ul li a#realbrides span{
	width:85px;
	background-image:url(/newsite/images/menu_realbrides.gif);
}
#menubar ul li a#sale span{
	width:36px;
	background-image:url(/newsite/images/menu_sale.gif);
}
#menubar ul li a#news span{
	width:41px;
	background-image:url(/newsite/images/menu_news.gif);
}
#menubar ul li a#contact_us span{
	width:84px;
	background-image:url(/newsite/images/menu_contact.gif);
}

#menubar ul li a#mens_hire span{
	width: 76px;
	background-image:url(/newsite/images/menu_mens.gif);
}

#menubar ul li a:link span, #navbar ul li a:visited span{ background-position: 0 0;} /* image in base position */
#menubar ul li a:hover span, #navbar ul li a:focus span, #navbar ul li a:active span { background-position: 0 -21px;} /* shift image up to selected position */
#menubar ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active {color: #FFF;} /* selected text colour*/


.rb_wide, .rb_wide2 {
	border-bottom: 1px #757575 dotted;
	clear: both;
	overflow: auto;
}

.rb_wide2 {
	border-bottom: none;
}

.rb_wide2 blockquote {
	float: right;
}

.next_bride {
	position: absolute;
	right: 0;
	bottom: 30px;
}

.sale table {
	width: 700px;
	margin: 0 auto 20px auto;
}

.sale td {
	border-bottom: 1px #474747 dotted;
	line-height: 180%;
}

.sale strong {
	font-style: italic;
	color: #CF5840;
}

#slideshow_1 {
	float: right;
	margin-left: 10px;
}