/*
Theme Name: Cosmetology Schools
Theme URI: http://www.cosmetologyschools.org/
Description: Custom theme for Cosmetology Schools
Version: 1.0
Author: James Hewett (Code)
*/



/* ------------------------------------------ */
/* {00} RESETS
/* ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;}

/* ------------------------------------------ */
/* {01} GLOBAL ELEMENTS
/* ------------------------------------------ */
body {margin:0;padding:0;font-family: 'Myriad Pro', Helvetica, Verdana, Arial, sans-serif;font-size:15px;line-height:21px;color:#666;background:#fff;}
a {color:#666;text-decoration:underline;}
a:hover {color:#222;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
acronym {cursor:help;border-bottom:1px dashed #333;}
strong {font-weight:bold;}
em {font-style:italic;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.container {width:970px;margin:0 auto;padding:0 15px;}
.opacity80 {background:url(images/opacity80.png);}
.pattern {background:url(images/pattern.jpg);}

/* ------------------------------------------ */
/* {02} HEADER
/* ------------------------------------------ */
#header {background:url(images/pattern.jpg);height:90px;padding-top:55px;font-family:Verdana, Arial, Helvetica, sans-serif;}
	#headerwhite {background:url(images/opacity80.png);height:90px;}
	#header #logotext {margin-left:185px;}
#quicklinks {font-size:10px;width:415px;color:#333;padding:5px 0;line-height:13px;}
	#quicklinks ul {}
	#quicklinks li {margin-left:13px;max-width: 140px;}
	#quicklinks a {margin-left: 0;margin-right:5px;text-decoration:none;}
	#quicklinks a:hover {text-decoration:underline;}
#nav {height:36px;background:url(images/nav.jpg);}
	#nav ul {padding:7px 0 0 265px;list-style:none;}
	#nav li {float:left;}
	#nav a {color:#08090d;font-weight:bold;font-size:12px;text-transform:uppercase;text-decoration:none;padding:7px 15px;}
	#nav a:hover {text-decoration:underline;}
#logo {background:url(images/logo.png);width:263px;height:180px;margin:-180px 0 0 0;}

/* ------------------------------------------ */
/* {03} PAGES
/* ------------------------------------------ */
/* General */
.innercontainerpatterned {padding:15px;background:url(images/pattern.jpg);position:relative;}
#leftcol {float:left;width:350px;}
#rightcol {float:left;width:585px;margin-left:15px;padding:0 10px;}
#rightcol p {padding: 7px 0;}
#rightcolwide {margin:0 -10px;}
#hr {background:url(images/rightcolwidehr.jpg);height:20px;border:none;}
.colorband {background:url(images/colorband.jpg);}

/* Home Page */
#homemaincontentbg {background:url(images/homemaincontent.jpg);width:620px;height:386px;margin-left:-25px;position:relative;}
#homemaincontent {width: 291px;position:absolute;top:16px;left:316px;}
#homemaincontent p {margin:15px 15px 0 0; width:260px;float:right;}
#homeline {background:url(images/homeline.jpg);height:18px;}
.innercontainerpatternedhome {padding:15px;background:url(images/pattern.jpg);height:340px;float:left;width:940px;position:relative;}

#findyourprogramhome {width:197px;height:220px;margin-top:10px;float:left;}
#findyourprogramhome .searchbutton {background:url(images/findnow.png);height:115px;width:103px;border:none;text-indent:-9999px;margin: 10px 0 0 50px;}

#countrylist ul {float:left;list-style:inside;margin-top:10px;}
#countrylist li {margin: 0 10px;}
#countrylist a {text-decoration: none;}

#recentpostscategories {background:url(images/pattern.jpg);width:575px;padding:15px;}
#recentpostscategoriesbg {background:url(images/recentpostscategoriesbg.png);}
#recentpostscategories ul {padding: 15px 0;}
#recentpostscategories li {list-style:outside;margin-left:30px;padding-right:10px;}
#recentpostscategories a {color: #333;padding-right: 10px;line-height:normal;text-decoration:none;}
#recentposts {float:left;margin-right:15px;width:280px;}
#blogcategories {float:left;width:280px;}

/* Blog */
.innercontainerpatternedpages {padding:15px;background:url(images/innercontainerpatternedpages.jpg);height:340px;float:left;width:940px;position:relative;}

#postscontainer {width:620px;margin-left:-25px;background:url(images/postsbg.jpg);}
#poststopbg {background:url(images/poststopbg.jpg) top no-repeat; }
#posts {padding:25px 25px 25px 40px;}
#postsbottom {background:url(images/postsbottom.jpg);height:48px;}
.postinfo {font-weight:bold;color:#423d3c;}

#posts h2 {font-family: Helvetica, Verdana, sans-serif;font-size:24px;color:#202230;}
#posts h2 a {text-decoration:none;color:#202230;}
.post {margin-bottom: 15px;padding-bottom:10px;background:url(images/dottedline.jpg) bottom repeat-x;}

h1#cat {font-size:30px;text-transform:uppercase;margin-bottom: 15px;padding-bottom:10px;background:url(images/dottedline.jpg) bottom repeat-x;}

/* ------------------------------------------ */
/* {04} SIDEBARS
/* ------------------------------------------ */
/* Find Your Program */
#findyourprogrambg {width:350px;height:387px;background:url(images/findyourprogram.jpg);position:relative;}
#findyourprogram {width:200px;height:270px;margin-top:10px;position:absolute;top:76px;left:154px;}
#findyourprogram .searchbutton {background:url(images/findnow.png);height:115px;width:103px;border:none;text-indent:-9999px;margin: 10px 0 0 50px;}

/* Featured Programs */
#featuredprogramstext {margin:0 -15px 0 -15px;background:url(images/opacity80.png);padding-left:15px;}
#featuredprogramsbox {width:320px;background:#fff;margin:15px 0 0 0;padding-bottom: 10px;}
#featuredprogramsbox ul {margin: 20px 15px;}
#featuredprogramsbox li {list-style:outside;margin-left:20px;}
#featuredprogramsbox a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal;}
#featuredprogramsline {background:url(images/featuredprogramsline.jpg);height:19px;}

/* Most Popular Posts */
#mostpopularpoststitle {background:url(images/mostpopularpoststitle.jpg);width:350px;height:78px;}
#mostpopularpostsbox {width:350px;background:#fff;margin:15px 0 0 0;padding-bottom: 10px;}
#mostpopularpostsbox ul {margin: 20px 15px;}
#mostpopularpostsbox li {list-style:outside;margin-left:35px;}
#mostpopularpostsbox a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal;text-decoration:none;}
#mostpopularpostsline {background:url(images/mostpopularpostsline.jpg);height:75px;}

/* Resources */
#resourcestitle {background:url(images/resourcestitle.jpg);width:350px;height:58px;}
#resourcesbox {width:350px;background:#fff;margin:15px 0 0 0;padding-bottom: 10px;}
#resourcesbox ul {margin: 20px 25px 10px;}
#resourcesbox li {list-style:outside;margin-left:20px;}
#resourcesbox a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal;text-decoration:none;color:#333;}
#resourcesline {background:url(images/resourcesline.jpg);height:15px;}

/* ------------------------------------------ */
/* {05} COMMENTS
/* ------------------------------------------ */
h3#comments, #respond h3 {line-height: normal;padding: 10px 0;font-size: 20px;font-weight: bold;line-height: normal;}
#respond p {font-size:11px;}
.button { float:right;margin-right:50px;padding:0 40px; }
.button:hover {  }
ol.commentlist { list-style:none; margin:40px 0 0 0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
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 { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:14px/1.4 helvetica,arial,sans-serif;color:#333 }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#1d4071; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
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 {}
ol.commentlist li div.comment-meta { font:10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply {  }
ol.commentlist li div.reply:hover { background:#1d4071; border:1px solid #17355f; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
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 {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* ------------------------------------------ */
/* {06} FOOTER
/* ------------------------------------------ */
#footerpattern { height:85px;background:url(images/pattern.jpg);}
#footertext {text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#999;padding:5px;}