/* 
Title:		Master styles for screen media
Author: 	3 Crown Creative
*/

@import "reset.css";
@import "base.css";
@import "fonts.css";
@import "CMScontent.css";

body {min-width:900px;background-color:#fff;margin:0;}
html {height:101%}


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#wrapper {width:925px; margin:13px 0 0 0;}
#header { padding:0 0 5px 0}
#main { width:925px}
#footer {	clear:both;	color:#737F8D; font-size:77%;text-align:left;padding:5px 0 5px 0;}

.sidebar {	width:250px; padding:0 5px 0 20px; float:left;}
.content {width:650px; float:right;}


/*  <HEADER>
--------------------------------------------------*/
#header .sidebar p  { color: #330301; font-size:108%; font-weight: bold; letter-spacing: .5em }
#header .sidebar a {text-decoration:none}
#header .sidebar a:hover {color:#330301;}

/*  <CONTENT>
--------------------------------------------------*/
#main .content  {margin-top:2em;background:#F3EFE9;}
#dummy #main .content,
#home #main .content,
#art #main .content,
#teaching #main .content,
#services #main .content, 
#services1 #main .content, 
#services2 #main .content,
#dummy #main .content
	{margin-top:0; background:none}
.comingsoon {padding:.5em; line-height:normal;background:#F3EFE9; font-weight:bold}
#artPortfolio h3 {text-align:center; letter-spacing:.5em}
#contact #main .content {text-align:left;}


/*  <MAIN NAVIGATION>
--------------------------------------------------*/
#mainNav {text-align:left;}
#mainNav a {color:#444444;text-decoration: none;font-weight: normal; text-transform:uppercase}
#mainNav a:hover { color: #aaaa00; font-weight: normal;text-decoration: none}
#home #mainNav .home a,
#art #mainNav .art a,
#art1 #mainNav .art a,
#art2 #mainNav .art a,
#art3 #mainNav .art a,
#art4 #mainNav .art a,
#artPortfolio #mainNav .art a,
#teaching #mainNav .teaching a,
#teaching1 #mainNav .teaching a,
#teaching2 #mainNav .teaching a,
#teaching3 #mainNav .teaching a,
#services #mainNav .services a,
#services1 #mainNav .services a,
#services2 #mainNav .services a,
#contact #mainNav .contact a
	{color: #aaaa00; font-weight: bold;text-decoration: none;cursor:default;}

/*  <SUB NAVIGATION>
--------------------------------------------------*/
#subNav {text-align:left; margin-top:2em}
#subNav ul, #subNav li { list-style-type:none;}
#subNav li {  margin-bottom:1.5em;}

#subNav li a {color:#444444;text-decoration: none;font-weight: normal; text-transform:uppercase; font-size:85%;}
#subNav a:hover { color: #aaaa00; font-weight: normal;text-decoration: none}
#teaching1 #subNav .subNav1 a,
#teaching2 #subNav .subNav2 a,
#teaching3 #subNav .subNav3 a,
#art1 #subNav .artStmt a,
#art2 #subNav .exSched a,
#art3 #subNav .resume a,
#art4 #subNav .trafalgar a,
#services1 #subNav .subNav1 a,
#services2 #subNav .subNav2 a
	{color: #444444; font-weight:bold;text-decoration: none;cursor:default;}


/*  <PAGINATION>
--------------------------------------------------*/
#pagination {font-size:85%;padding: 3px;margin:3px; text-decoration:none}
#pagination a {padding: 1px 5px;margin: 2px;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;}
#pagination a:hover, #pagination a:active {border: 1px solid #000000;color:#000000; background-color:#c26612; text-decoration:none}
#pagination .current {border: 1px solid #000000;color:#000000; background-color:#c26612; cursor: default	}
#pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}


/*  <FOOTER>
--------------------------------------------------*/

/*  <FORM>
--------------------------------------------------*/
#contact table {padding:0; margin:10px 0 0 0;}
#contact td {padding:0 5px 5px 0; margin:0;}
#regForm {text-align:right; padding:50px 0; letter-spacing:1px}
.tdr {text-align:right;color:#545353}
.tdl {text-align:left; }
#regForm input { font-family:"Courier New", Courier, monospace; background-color:#fff;   border:1px solid #000000; width:250px; font-size:120%}
#regForm .button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
#regForm textarea {font-family:"Courier New", Courier, monospace; font-size:120%; background-color:#fff; border:1px solid #000000; width:250px;}
.asterisk {color:#934232; font-size:77%}

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#aaaa00; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#aaaa00; font-weight:bold; padding:5px 0 0 0; text-align:right; width:400px }
.noerror {font-weight:normal; margin:0; color:#000; text-align:left; width:350px}



/*  <MISC>
--------------------------------------------------*/
a img {border:none;}

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#dummy {}   /* sometimes we need a dummy  */