/*
Theme Name: Model Per4mance
Description: This is a custom Wordpress theme for Model Per4mance.
Version: 2.8.4
Author: NEPCW
Author URI: http://www.nepcw.com

Yellow		#fcda07

	1.RESET
	2.UNIVERSAL
	3.STRUCTURE
	4.TYPOGRAPHY
	5.NAVIGATION
	6.FOOTER
	7.SEARCH FORM
	8.COMMENTS
	9.TABLES
	10.BUY NOW
	11.CATEGORIES
	12.BIOS PAGE
	13.SIDEBAR EVENTS
*/

@import "ie.css";

/* ---------- RESET ---------- */
* { margin:0; padding:0 }
html, body {height: 100%;}
p {margin: 10px 0;}
a img {border: none; outline: none;}
ul, ol {list-style: none;}


/* ---------- UNIVERSAL ---------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin: 5px auto }
.alignleft { float:left; margin: 0 5px 5px 0;}
.alignright { float:right; margin: 0 0 5px 5px;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.floatleft {float: left;}
.floatright {float: right;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.clear {clear: both;}
.displaynone {display: none;}

blockquote {font-size: 0.9em; margin-left: 15px; margin-right: 15px; background: #efefef; border-top: 2px solid #ddd; border-bottom: 2px solid #ccc; padding: 5px 10px;}

hr {background: #ddd; border: 0; height: 1px; clear: both; margin: 20px 0;}

img.border {padding: 3px; border: 1px solid #ddd;}

#wide-column ul, #main-content-column ul {list-style: disc; margin-left: 30px; list-style-position: outside; }
#wide-column ul.list, #main-content-column ul.list {margin-bottom: 5px;}

#wide-column ol, #main-content-column ol {list-style: decimal; margin-left: 30px; list-style-position: outside; }
#wide-column ol.list, #main-content-column ol.list {margin-bottom: 5px;}

ul.list {list-style: disc; margin-left: 30px; list-style-position: outside; }
ul.list li {margin-bottom: 10px;}

.blog-button {margin: 10px 0 0 0;}

img.bio-pic {margin:10px 0;}

/* ---------- STRUCTURE ---------- */
body {background: #444 url(http://www.modelper4mance.com/images/body-bg.jpg) repeat-x; font-size: 78% /* Resets 1em to 11px */; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; line-height: 1.5em;}

#container {background: #fff; width: 960px; margin: 0 auto; padding: 10px 0 0 0;}

#header {width: 960px; height: 185px; margin: 10px auto 0 auto; position:relative;}

#wide-column {float: left; width: 420px; margin: 30px 0 30px 30px;}

#left-column {float: left; width: 220px; margin: 15px 0 30px 15px;} 

#right-column {float: right; width: 220px; margin: 20px 25px 30px 0;} 

#footer {clear: both; width: 960px; margin: 0 auto; font-size: 0.9em; padding: 10px 0 0 0; position: relative; min-height: 150px; height: auto !important; height: 150px; background: #000 url(http://www.modelper4mance.com/images/footer-bg.jpg) repeat-x;}

#meta {text-align: right; margin: 30px 0 20px 0;}

/* ----- NEW STRUCTURE ----- */
#main-content-column {float:left; width:650px; margin:20px 0 30px 25px;}

/* ---------- TYPOGRAPHY ---------- */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.

a:link {color: #3f81c7; outline: none;}

a:visited, a:hover {color: #6d42d6;}

h1, h2, h3, h4, h5 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}

h1 {font-size: 4em;}

h2 {font-size: 2em; color: #ff8300;}

#wide-column h3, #main-content-column h3 {font-size: 2em; color: #ff8300; font-weight: normal;} /*search page titles*/
#wide-column h3 a, #main-content-column h3 a {color: #ff8300;}
#wide-column h3 a:hover, #main-content-column h3 a:hover {color: #444;}

#wide-column h3.archive-title, #main-content-column h3.archive-title {font-size: 1.5em; color: #ff8300; font-weight: normal; width: 100%; border-bottom: 1px solid #fcda07; line-height: 1.1em; padding-bottom: 5px;} 
#wide-column h3.archive-title a, #main-content-column h3.archive-title a {color: #ff8300; text-decoration: none;}
#wide-column h3.archive-title a:hover, #main-content-column h3.archive-title a:hover {color: #444; text-decoration: none;}

#wide-column h2, #main-content-column h2 {font-size: 2em; font-weight: normal; color: #555; width: 100%; border-bottom: 1px solid #fcda07; line-height: 1.3em; padding-bottom: 5px;}
#wide-column h2 a, #main-content-column h2 a {color: #ff8300; text-decoration: none;}
#wide-column h2 a:hover, #main-content-column h2 a:hover {color: #444; text-decoration: none;}
#wide-column h2.single-post, #main-content-column h2.single-post {color: #ff8300;}
#wide-column h2.static-page-title, #main-content-column h2.static-page-title {color: #555; font-size: 1.7em; margin: 0 0 25px 0; font-style: italic; text-transform: uppercase; line-height: 1.4em;}

#left-column h2, #right-column h2 {margin: 20px 0 10px 0; width: 100%; background: #fcda07 url(http://www.modelper4mance.com/images/yellow-gradient-bg.jpg) repeat-x; padding: 5px; font-weight: normal; color: #333; text-transform: uppercase; font-size: 15px; border-left: 1px solid #fcda07; border-right: 1px solid #fcda07; text-shadow:1px 1px 1px rgba(255,255,255,1);}

#wide-column h4, #main-content-column h4 {font-size: 1.7em; line-height: 1.3em; color: #333; width: 100%; border-bottom: 1px solid #fcda07; padding-bottom: 4px; margin: 15px 0 10px 0; clear:both;} /* used for static page section headers */

#wide-column h5, #main-content-column h5 {font-size: 1.3em; width: 100%; line-height: 1.2em; margin-bottom:0.5em;} /* used for static page sub-headers */

#wide-column h6, #main-content-column h6 {font-size: 1.2em; width: 100%; line-height: 1.2em;} /* used for Bio page */

.page_item {margin: 20px 0 10px 0; width: 100%; background: #fcda07 url(http://www.modelper4mance.com/images/yellow-gradient-bg.jpg) repeat-x; padding: 5px; font-weight: normal; color: #333; text-transform: uppercase; font-size: 15px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; border-left: 1px solid #fcda07; border-right: 1px solid #fcda07;}
.page_item a:link, .page_item a:visited {text-decoration: none; color: #333;}
.page_item a:hover {text-decoration: underline; color: #999;}

.post-footer {font-size: 0.9em; color: #888; margin: 20px 0 25px 0; width: 100%; border-top: 1px solid #fcda07; text-align: right; font-style: italic;}
.post-footer a {color: #222;}
.post-footer a:hover {color: #ff8300;}

p.post-author {color: #888; font-size: 0.9em; margin-top: 3px; margin-bottom: 0; font-style: italic; text-align: right;}
p.post-date {color: #888; font-size: 0.9em; margin-top: 0; font-style: italic; text-align: right;}

p.entry-links {text-align: center; margin: 40px 0 30px 0;}

ul.blogroll li,
.sidebar-archives li,
.sidebar-categories li,
.recent-posts li {width:100%; border-top:1px solid #fcda07; padding:4px 3px;}
ul.blogroll li:first-child,
.sidebar-archives li:first-child,
.sidebar-categories li:first-child,
.recent-posts li:first-child {border:none; padding-top:0;}
ul.blogroll li a,
.sidebar-archives li a,
.sidebar-categories li a,
.recent-posts li a {text-decoration:none; color:#000; }
ul.blogroll li a:hover,
.sidebar-archives li a:hover,
.sidebar-categories li a:hover,
.recent-posts li a:hover  {color:#3f81c7; padding:5px 0;}


/* ---------- NAVIGATION ---------- */
#nav {width: 960px; height: 35px; margin: 0; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; list-style:none; line-height:35px; font-size: 15px; font-weight:normal; text-transform:uppercase; border: none; background: #fcda07 url(http://www.modelper4mance.com/images/yellow-gradient-bg.jpg) repeat-x; border-bottom:1px solid #f3d207;}

#nav a {color: #333; text-decoration:none; text-shadow:1px 1px 1px rgba(255,255,255,1)}

#nav li {float: left; padding:0 42px; border: none; display:inline; text-align: center; width: auto; background: #fcda07 url(http://www.modelper4mance.com/images/yellow-gradient-bg.jpg) repeat-x; position: relative; margin: 0; }

#nav li ul {position: absolute; left:-999em; width:170px; font-weight:normal; margin: 0 0 0 -15px; line-height:25px; padding:0; border-left: 1px solid #333;}

#nav li li {float:left; width:190px; border-bottom: 1px solid #666; border-right: 1px solid #333; font-weight: normal; margin:0; 	padding:0; text-align: left; text-transform: none; background: #333 url(http://www.modelper4mance.com/images/dark-gradient-bg.jpg) repeat-x;}

#nav li li a {padding: 0 10px; margin:0; font-size:12px; color:#333; font-weight: normal; text-shadow:1px 1px 1px rgba(0,0,0,0);}

#nav li ul ul {margin:-27px 0 0 190px; padding:0;}

#nav li li:hover {	background: #fcda07 url(http://www.modelper4mance.com/images/yellow-gradient-bg.jpg) repeat-x;}

#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {color: #333;}
  
#nav li:hover a, #nav li.sfhover a {color: #fff; text-shadow:1px 1px 1px rgba(0,0,0,0);}
  
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {color:#fff;}
    
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left:-999em;}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left:auto; background:#333;}	
	
#nav li:hover, #nav li.sfhover {}
	
#nav li li.sfhover {background:#c2c3c4;}	

#nav .current-cat{	background:#fcda07;}

/* ----- NAVIGATION - Original ----- 
#nav-wrapper {width: 960px; background: #fcda07 url(http://www.modelper4mance.com/images/yellow-gradient-bg.jpg) repeat-x; height: 30px; margin: 0 0 25px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#nav ul	{margin: 7px auto; text-align: center;}
#nav ul li {list-style: none; display: inline; margin: 0; width: 9em; position: relative;}
#nav ul li a {text-decoration: none; color: #333; font-size: 15px; padding: 0 25px; border-right: 1px solid #fcf0af; text-transform: uppercase;}
#nav ul li a.last {border: none;}
#nav ul li a.current {color: #652d00;}
#nav a:hover {color: #999; text-decoration: underline;}
*/

/* ----- FOOTER ----- */
#footer h2 {font-size: 1.6em; color: #fff; text-transform: uppercase; margin: 0 0 10px 0;}

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

#footer img.logo {position: absolute; bottom:50px; left: 25px;}

#footer img.girl-mascot {position: absolute; bottom: 0; right: 30px; width: 100px; height: 150px;}

#footer-left {width: 260px; float: left;}
#footer-center {width: 260px; margin: 0 0 0 300px;}
p.footer-absolute-right {position: absolute; bottom: 0; left: 25px; font-size: 0.9em; text-align: right; color: #fff;}


/* ---------- SEARCH FORM --------- */
div#sidebar-search #searchform {position:relative; top:0; left:0;}
#searchform {position:absolute; top:20px; right:10px;}
#searchform label {display: none;}
#searchform input {border: 1px solid #777; height: 20px; width: 150px; margin: 5px 0 0 0;}
#searchform #searchsubmit {background: #333 url(http://www.modelper4mance.com/images/searchsubmit-bg.jpg) repeat-x; height: 22px; color: #fff; padding-left: 3px; padding-right: 3px; width: 60px;}

/* ---------- COMMENTS ---------- */
h3#comments {margin-bottom: 20px;}
ol.commentlist li {list-style:none; margin-left:-25px; padding-left:40px;}
ol.commentlist li.comment {border-bottom: 1px solid #ddd; margin-bottom: 15px;}
ol.commentlist cite.fn {font-style:normal; font-weight:bold; font-size: 14px;}
div.comment-meta,
div.commentmetadata {text-align:right;}
div.comment-meta a,
div.commentmetadata a {color:#555; font-size:0.9em; text-decoration:none;}
ol.commentlist img.avatar,
ol.commentlist img.avatar-32,
ol.commentlist img.photo {float:left; margin-left:-40px;}

#submit {background: #333 url(http://www.modelper4mance.com/images/searchsubmit-bg.jpg) repeat-x; border: 1px solid #777; height: 22px; color: #fff; padding-left: 5px; padding-right: 5px; width: 125px; margin-top: 15px;}

/* ---------- TABLES ---------- */
table.within-post {width: 620px; margin:0 auto;}
table.within-post td {padding: 4px; width: 620px;}
.table-gray-shade {background-color: #dedede;}

/* ---------- BUY NOW ---------- */
.buy-now-info {float: left; width: 300px; margin: 0 20px 0 0; clear: both;}
.buy-now-button {float: right; width: 100px;}

/* ---------- CATEGORIES ---------- */
li.categories ul {margin-top:-20px;}
li.categories {text-indent: -9999px;}
li.cat-item {text-indent:0;}

/* ---------- BIOS PAGE ---------- */
h6 span.bio {font-style:italic; font-weight:normal; font-size:12px; color:#444;}
hr.bio {background: #ddd; border: 0; height: 1px; clear: both; margin: 10px 0;}
div.bio-left {width:50%; float:left;}
div.bio-right {width:50%; float:right;}

/* ---------- SIDEBAR EVENTS ---------- */
li.events {background:#fdfac3;}