/*
Theme Name: Mes Amis Strings
Theme URI: http://www.stringmusicforweddings.com
Author: Evan Web Design
Author URI: http://www.evanwebdesign.com/
Description: A custom WordPress theme for Mes Amis Strings
Version: 1.0
License: Restricted
*/



/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }


/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }


/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }


/* Set HTML5 elements for CSS styling */
article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section { display: block; }


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%; /* Default browser font-size is 16px. 75% of 16px = 12px. All fonts within the body will start out at 12px. What we're also setting here is the body default for em: 1em = 75% of 16px = 12px */
	}

/* A quick and handy font-sizing guide...	  
	  .8em = 10px
      .9em = 11px
      1.0em = 12px
      1.2em = 14px
      1.3em = 16px
      1.5em = 18px
      1.7em = 20px
      2em = 24px
      2.5em = 30px
      3em = 36px */


/* Global Elements
 * ------------------------------------------------------------------------- */
body {
	background:url(images/bg.jpg) repeat #f5cab8;
	text-align:left;
	margin:0; 
	color:#000;
	}

a:link, a:visited {
	color:#c8734e;
	
	}

a:hover, a:active {
	color:#b8400c;
	background:#fef3ee;
	text-shadow:1px 1px 0px #fff;
	}

blockquote {
	font-style:italic;
	padding:30px;
	}

hr {
	margin:30px 0;
	color:#ccc;
	background:#ccc;
	overflow:hidden;
	border:none;
	height:1px;
	}


/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.alignleft  {
	margin:0 20px 10px 0;
	float:left;
	}

.alignright {
	margin:0 0px 10px 20px;
	float:right;
	}

.pic_border, a img.pic_border {
	border:1px solid #d0d0d0;
	padding:2px;
	}

	a img.pic_border:hover, a img.pic_border:active {
		background:#fff;
		}

.raquo {
	font-size:1.2em;
	color:#888;
	}

.small, #content .small {
	font-size:.82em;
	line-height:1.3em;
	}

.big {
	font-size:1.2em;
	line-height:1.4em;
	}

.hr {
	margin:30px 0;
	background:url(images/horizontal_divider.gif) repeat-x;
	height:1px;
	width:100%;
	overflow:hidden;
	}

.italic {
	font-style:italic;
	}

.bold {
	font-weight:bold;
	}

.right {
	text-align:right;
	}

.left {
	text-align:left;
	}

.music_sample {
	background:#fef3ee;
	padding:10px 25px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #f8e3d9;
	margin-bottom:25px;
	}

#content h3.music_type {
	background:#fef3ee;
	padding:5px 20px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #f8e3d9;
	margin-bottom:10px;
	margin-top:40px;
	}
	
	#content .music_sample h3 {
		float:left; 
		margin-right:25px; 
		margin-top:2px; 
		margin-bottom:0;
		width:500px;
		
		}

.mp3_player {
	float:left;
	width:160px;
	margin-right:50px;
	}

.download {
	float:left;
	margin-top:3px;
	display:block;
	}

.testimonial {
	color:#444;
	}

.list_left {
	width:45%;
	float:left;
	margin-right:10%;
	display:inline;
	}

.list_right {
	width:45%;
	float:right;
	}
	
	#content .list_left p, #content .list_right p {
		margin-bottom:5px;
		}


#content .music_genre li {
	margin:0;
	padding:0;
	
	background-image:none;
	list-style:none;

	
	font-weight:bold;
	
	}
	
	#content .music_genre li a {
		display:block;
		background:#fef3ee;
		-moz-border-radius:5px;
		border-radius:5px;
		border:1px solid #f8e3d9;
		padding:3px 10px;
		text-decoration:none;
		color:#834756;
		margin-bottom:5px;
		}
	
	#content .music_genre li a:hover {
		background:#dfa893;
		color:#fff;
		text-shadow:none;
		}

#content .large_italic, #content p.large_italic {
	font-size:1.3em;
	line-height:1.8em;
	color:#444;
	font-style:italic;
	}
	
.uppercase {
	text-transform:uppercase;
	}

/* Layout
 * ------------------------------------------------------------------------- */


#container {
	width:960px;
	margin:25px auto;
	background:#fff;
	-moz-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0px 0px 4px #444;
	-webkit-box-shadow: 0px 0px 4px #444;
	box-shadow: 0px 0px 4px #444;
	}


#header {
	background: #532d38;
	padding:25px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	}

#cta {
	padding:6px 0 9px 0;
	text-align:center;
	font-size:.82em;
	font-weight:bold;
	background:url(images/header_border.gif) repeat-x 1% 100% #43202a;
	color:#fff;
	}
	
	#cta a {
		color:#dfa893;
		font-size:1.2em;
		text-decoration:none;
		}
	
	#cta a:hover {
		color:#dfa893;
		background:none;
		text-decoration:underline;
		text-shadow:none;
		}

#logo {
	background:url(images/logo.png) no-repeat;
	width:420px;
	height:77px;
	margin:0 auto;
	text-indent:-5000px;
	outline:none;
	display:block;
	}





#footer {
	font-size:.92em;
	text-align:center;
	width:960px;
	margin:15px auto;
	color:#834756;
	}

#footer p {
	text-align:center;
	}


/* Blog Sidebar
 * ------------------------------------------------------------------------- */

#primary {
	width:709px;
	float:left;
	}

#secondary {
	width:200px;
	float:right;
	margin:25px 0;
	padding:0 25px;
	border-left:1px solid #ddd;
	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}

.widget {
	margin-bottom:25px;
	}

.widget-title {
	font-size:1.3em;
	margin-bottom:8px;
	font-weight:normal;
	color:#834756;
	}


.widget ul {
	margin-bottom:20px;
	}

	.widget ul li {
		padding-left: 12px;
		line-height:1.6em;
		margin-bottom:5px;
		list-style: none;
		background: transparent url(images/bullet_lrg.gif) 0 .5em no-repeat;
		}
	
	
	.widget ul ul {
		margin-left:15px;
		}
		
		.widget ul ul li {
			background: transparent url(images/bullet.gif) 0 .63em no-repeat;
			padding-left:9px;
			}

			.widget ul ul ul li {
				background: transparent url(images/bullet.gif) 0 .63em no-repeat;
				padding-left:9px;
				}	

		.widget ul ul, .widget ul ul ul {
			margin-top:5px;
			margin-bottom:0;
			}


.entry-meta {
	font-size:.92em;
	margin-bottom:10px;
	color:#666;
	}



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

#content {
	padding:25px;
	}

#content h1 {
	
	color:#834756;
	font-size:2em;
	font-weight:normal;
	margin-bottom:15px;
	}

#content h2 {
	font-size:1.5em;
	margin-bottom:10px;
	font-weight:normal;
	color:#834756;
	}

#content h3 {
	background:#fef3ee;
	padding:5px 20px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #f8e3d9;
	margin-bottom:10px;
	margin-top:40px;
	font-size:1.3em;
	margin-bottom:10px;
	font-weight:normal;
	color:#834756;
	clear:both;
	}
	

#content h4, #content h5, #content h6 {
	font-size:1.3em;
	margin-bottom:10px;
	font-weight:normal;
	color:#834756;
	}
	
#content h1 a {
	color:#532d38;
	text-decoration:underline;
	text-shadow:none;
	}
	
	#content h1 a:hover {
		
		}


#content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {
	color:#834756;
	text-decoration:underline;
	text-shadow:none;
	}
	
	#content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {
	text-decoration:underline;
	}


#content p {
	line-height:1.6em;
	margin-bottom:20px;
	font-size:1.1em;
	}
	
#content img {
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
	-moz-box-shadow:0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
	}
	
	#content img.no_border {
		border:0 none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		padding:0;
		}

#content blockquote {
	margin-left:30px;
	color:#666;
	font-style:italic;
	}

#content ul {
	margin-left:15px;
	margin-bottom:20px;
	}

	#content ul li {
		padding-left: 12px;
		line-height:1.6em;
		margin-bottom:5px;
		list-style: none;
		background: transparent url(images/bullet_lrg.gif) 0 .5em no-repeat;
		}

		#content ul ul li {
			background: transparent url(images/bullet.gif) 0 .63em no-repeat;
			padding-left:9px;
			}

			#content ul ul ul li {
				background: transparent url(images/bullet.gif) 0 .63em no-repeat;
				padding-left:9px;
				}	

		#content ul ul, #content ul ul ul {
			margin-top:5px;
			margin-bottom:0;
			}

#content ol { 
	margin-left:30px;
	list-style:decimal;
	margin-bottom:20px;
	}

	#content ol li {
		margin-bottom:5px;
		}
	
		#content ol ol {
			list-style:lower-alpha;
			}
			
			#content ol ol ol {
				list-style:lower-roman;
				}
		
		#content ol ol, #content ol ol ol {
			margin-left:22px;
			margin-top:5px;
			margin-bottom:0;
			}


/* =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;
}

 */












/* ----- Comments styling ----- */

h2#comments-title {
	background:#834756;
	color:#fff;
	text-shadow:1px 1px 0px #333;
	padding:5px 10px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:1.1em;
	font-weight:bold;
	}

#content h3#reply-title {
	color:#834756;
	}

#comments {
	color:#898989;
	line-height:1.5em;
	margin-top:50px;
	}
	
.comment-meta {
	margin-bottom:10px;
	font-size:.92em;
	color:#888;
	}
	
	.comment-meta a, .comment-meta a:link, .comment-meta a:visited {
		color:#aaa;
		text-decoration:none;
		}
	
	.comment-meta a:hover, .comment-meta a:active {
		color:#ccc;
		}

.comment-author {
	margin-bottom:5px;
	font-size:1.3em;
	color:#000;
	font-weight:bold;
	}
	
	.comment-author a, .comment-author a:link, .comment-author a:visited {

		text-decoration:none;
		background:none;
		}
	
	.comment-author a:hover, .comment-author a:active {

		}

#comments-list ol {
	margin:0 0 20px 0;
	padding:0;
	}
	

#comments-list h3 {
	color:#fff;
	background:#666;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:4px 10px;
	}

#comments-list li {
	border-bottom:1px solid #ddd;
	margin-top:20px;
	padding:0 0 20px 0;
	background:none;
	}

.avatar {
	padding:2px;
	background:#666;
	float:left;
	margin:0 10px 10px 0;
	}

#respond h3 {
	font-size:1.4em;
	margin-top:20px;
	font-weight:bold;
	color:#000;
	}


#comments article {

	border-bottom:1px solid #ddd;
	padding:20px 0;

	}


#comments ul li, #comments ul ul li, #comments ul ul ul li, #comments ul ul ul ul li {
	background:none;
	list-style:none;
	margin:0;
	padding:0;
	}

	#comments li.bypostauthor  {
		background:#f6f6f0;
		}
		
		#comments li.bypostauthor article {
			padding:20px 10px;
			}

.comment-content {
	margin:0;
	padding:0;
	clear:both;
	}

	#comments ul.children {
		margin-left:25px;
		}

#comments cite {
	font-style:normal;
	}

.says {
	font-size:.82em;
	color:#898989;
	}



/* ----- Comment Form ----- */
#commentform input, #commentform textarea {
	background:#fef3ee;
	border:1px solid #f8e3d9;
	padding:2px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

#commentform label {
	display:block;
	color:#740E0E;
	font-weight:bold;
	}

#commentform #comment-notes, #commentform #login  {
	font-size:.92em;
	margin-bottom:10px;
	}

	#commentform #login a, #commentform #login a:link, #commentform login a:visited {
		color:#aaa;
		text-decoration:none;
		}
	
	#commentform #login a:hover, #commentform login a:active {
		color:#ccc;
		}

#commentform input {
	padding:5px;
	}

#commentform textarea {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
	margin-bottom:10px;
	overflow:auto;
	padding:5px;
	}

#commentform input#submit { 
	cursor:pointer;
		margin-left:10px;
		width:auto;
		background:#834756;
		color:#fff;
		font-weight:bold;
		padding: .25em .5em;
		text-shadow:1px 1px 0px #222;
		-moz-border-radius:5px;
		border-radius:5px;
		border:1px solid #603540;
		-webkit-transition: background 0.2s ease;
		-moz-transition: background 0.2s ease;
		-o-transition: background 0.2s ease;
		transition: background 0.2s ease;
	}
	
	#commentform input#submit:hover, #commentform input#submit:active {
		background:#dfa893;
		border:1px solid #c28f7c;
		}



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

#access {
	background:url(images/nav_border.gif) repeat-x bottom left #834756;
	float:left; /* This element needs a float to display properly */
	display:block;
	padding:5px 0 8px 0;
	width:100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	margin:0 .5em;
}

	#access li li {
		margin:0;
		}

#access a {
	display: block;
	line-height: 2.2em;
	padding: .3em .85em;
	text-decoration: none;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	
}

	#access ul a {
		font-weight:bold;
		}
	
		#access ul ul a, #access ul ul ul a {
			
			}

#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: 2.85em;
	left: 0;
	z-index: 99999;
	font-size:.92em;
}

	

#access ul ul ul {
	left: 100%;
	top: 0;
	font-size:1.0em;
}

	
#access ul ul a {
	background: #dfa893;
	line-height: 1em;
	padding: .7em .5em .7em 1em;
	width: 13em;
	height: auto;
}

#access ul li:hover a,
#access ul li.current-menu-item a, #access ul li.current_page_item a,
#access ul li.current-menu-ancestor a, #access ul li.current_page_ancestor a  	{
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
	#access ul li:hover ul li a {
		-moz-border-radius: 0px;
		border-radius: 0px;
		}
	

		
		
		
	#access ul ul {
		margin-top:-1px;
		}
	
	#access ul ul ul {
		margin-top: 0;
		}

#access li:hover > a,
#access ul ul :hover > a,
#access ul li.current-menu-item a, #access ul li.current_page_item a,
#access ul li.current-menu-ancestor a, #access ul li.current_page_ancestor a {
	background: #dfa893;
	
}
#access ul ul a:hover {
	background: #d7987f;
}
#access ul li:hover > ul {
	display: block;
}


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









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

#searchform input {
	padding: .25em .5em;
	margin-bottom:20px;
	background:#fef3ee;
	border:1px solid #f8e3d9;
	-moz-border-radius:5px;
	border-radius:5px;
	width:250px;
	}
	
	#searchform input#searchsubmit {
		cursor:pointer;
		margin-left:10px;
		width:auto;
		background:#834756;
		color:#fff;
		font-weight:bold;
		padding: .25em .5em;
		text-shadow:1px 1px 0px #222;
		-moz-border-radius:5px;
		border-radius:5px;
		border:1px solid #603540;
		-webkit-transition: background 0.2s ease;
		-moz-transition: background 0.2s ease;
		-o-transition: background 0.2s ease;
		transition: background 0.2s ease;
		}
	
	#searchform input#searchsubmit:hover {
		background:#dfa893;
		border:1px solid #c28f7c;
		}


#contact-main {
	width:700px;
	}

#contact-main label {
	width:80px;
	float:left;
	font-weight:bold;
	text-align:right;
	margin-right:15px;
	padding-top:.5em;
	color:#532d38;
	}

#contact-main input, #contact-main textarea  {
	padding: .25em .5em;
	margin-bottom:20px;
	float:left;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	background:#fef3ee;
	border:1px solid #f8e3d9;
	-moz-border-radius:5px;
	border-radius:5px;
	width:300px;
	
	}
	
	#contact-main input:focus, #contact-main textarea:focus {
		-moz-box-shadow: 0 0 3px #aaa;
	-webkit-box-shadow: 0 0 3px #aaa;
	box-shadow: 0 0 3px #aaa;
		}
	
#contact-main textarea {
	width:545px;
	overflow:auto;
	}

#contact-main br {
	clear:both;
	}

#contact-main .submit {
	margin-left:95px;
	cursor:pointer;
	background:#834756;
	color:#fff;
	font-weight:bold;
	padding: .25em .5em;
	text-shadow:1px 1px 0px #222;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #603540;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
	}
	
	
	#contact-main .submit:hover {
		background:#dfa893;
		border:1px solid #c28f7c;
		
		}
	
#contact-main label.error {
	float:left;
	width:auto;
	margin-left:15px;
	color:#d33333;
	}

#contact-main input.error {
	background:#fcdbdd;	
	border:1px solid #e0c2c4;
	}