/*
Theme Name:Studio 303
Theme URI:http://www.sofiashendi.com
Description:Studio 303 Theme
Version:1.0
Author:Sofia Shendi
Author URI:http://www.sofiashendi.com
Tags:1 column, white, artsy

	Studio 303 v.1
	http://www.sofiashendi.com

	This theme was designed and built by Sofia Shendi,
	whose blog you will find at http://www.sofiashendi.com

*/

/****** GENERAL ******/

body{color:#000; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; /* Resets 1em to 10px */ margin:0; padding:0;}

a, h2 a:hover, h3 a:hover{color:#EA2618; text-decoration:none;}

a:hover{color:#666666; text-decoration:underline;}

h1{font-size:4em; margin:0; text-align:center;}
h1, h2, h3, h4, h5, h6{color:#333; font-weight:bold; letter-spacing:-2px; text-transform:uppercase;}
h2{font-size:1.6em; margin:0 0 15px 0;}
h3{font-size:1.3em; margin:0 0 15px 0; padding:0;}
h4{font-size:1.2em; margin:0; padding:0;}
h5{font-size:1.1em; margin:0; padding:0;}
h6{font-size:1em; margin:0; padding:0;}
h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{text-decoration:none;}

p{text-align:justify;}
p img{max-width:100%; padding:0;}

hr{display:block;}

img{border:none;}

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

/****** CONTAINERS ******/

/* page */
#page{margin:0 auto; padding:0; overflow:hidden; text-align:left; width:860px;}
#page .photo{margin-bottom:20px;}
#page .text{margin-bottom:20px;}

/* header */
#header{background:#FFF; height:130px; margin:0; padding:0; overflow:hidden; width:860px;}
/*#header{background:#FFF; height:110px; margin:0; padding:0; position:fixed; overflow:hidden; top:0; width:860px; z-index:100;}*/

/* logo */
#logo{float:left; margin-top:9px;}

/* menu */
#menu{float:right; margin-top:60px;}
#menu ul{list-style:none; margin:0 1px 0 0; padding:0;}
#menu li{display:inline; margin-left:5px;}
#menu a{cursor:pointer; font-size:1.8em; font-weight:bold; letter-spacing:-2px; text-transform:uppercase;}
#menu a:hover{color:#666666; text-decoration:none;}
#menu .about{color:#F7A424;}
#menu .events{color:#EA2618;}
#menu .classes{color:#92B803;}
#menu .rentals{color:#08329E;}
#menu .support-labs{color:#00CCE4;}
#menu .residencies{color:#A8A7B9;}
#menu-events, #menu-about, #menu-classes, #menu-rentals, #menu-support-labs, #menu-residencies{display:none; font-size:.8em; margin-top:-2px;}
#menu-events a, #menu-about a, #menu-classes a, #menu-rentals a, #menu-support-labs a, #menu-residencies a{letter-spacing:-1px;}
#menu-classes{margin-left:80px;}
#menu-rentals{margin-left:170px;}
#menu-support-labs{margin-left:90px;}
#menu-residencies{margin-left:400px;}

/* content */
#content{font-size:1.2em;  margin-bottom:175px; z-index:10;} /*margin-top:110px;*/
#content .intro{width:650px;}
#content .size-thumbnail, #content .wp-caption, #content .size-full{float:left; margin-right:10px;}

#about-us #content a, #about-us #content .title, #about-us #content h2{color:#F7A424;}
#about-us #content img{border:1px solid #F7A424;}
#events #content a, #events #content .title, #events #content h2{color:#EA2618; letter-spacing:-1px;}
#events #content img{border:1px solid #EA2618;}
#classes #content a, #classes #content .title, #classes #content h2{color:#92B803; letter-spacing:-1px;}
#classes #content img{border:1px solid #92B803;}
#rentals #content a, #rentals #content .title, #rentals #content h2{color:#08329E;}
#rentals #content img{border:1px solid #08329E;}
#support-labs #content a, #support-labs #content .title, #support-labs #content h2{color:#00CCE4;}
#support-labs #content img{border:1px solid #00CCE4;}
#residencies #content a, #residencies #content .title, #residencies #content h2{color:#A8A7B9;}
#residencies #content img{border:1px solid #A8A7B9;}
#donate #content a, #donate #content .title, #donate #content h2{color:#FF1F87;}
#donate #content img{border:1px solid #FF1F87;}

/* print */
#page #content #print img{border:none;}

/* home page */
#upcoming{width:484px;}
#upcoming .text{float:left; margin-bottom:30px; width:250px;}
#news{margin-left:0; width:312px;}

/* footer */
#footer{background:#666666; border-top:1px solid #000; bottom:0; font-size:1.2em; left:0; position:fixed; padding:15px 0 10px 0; width:100%;}
#footer p{margin-top:2px;}
#footer a{color:#FFF;}
#footer .container{margin:0 auto; width:860px;}

#footermenu{display:block; overflow:hidden; width:650px;}
#footermenu ul, #footermenu .qtrans_language_chooser{list-style:none; margin:0; padding:0;}
#footermenu li, #footermenu .qtrans_language_chooser li{color:#FFF; float:left; margin-left:5px}
#footermenu li a.donate{color:#FF1F87; font-weight:bold;}

#links{text-align:right;} 

#about-us #footer{background:#F7A424;}
#events #footer{background:#EA2618;}
#events #footer a.donate{color:#FFFFFF;}
#classes #footer{background:#92B803;}
#rentals #footer{background:#08329E;}
#support-labs #footer{background:#00CCE4;}
#residencies #footer{background:#A8A7B9;}

/****** CLASSES ******/

/* box */
.box{background:#ededed; margin-bottom:30px; overflow:hidden; width:100%;}
.box .box-content{background:#FFF; border:1px solid #dedede; margin:15px; overflow:hidden;}
.box .box-content .container{padding:10px; position:relative; overflow:hidden;}
.box .box-content .title{display:block; font-size:1.8em; font-weight:bold; letter-spacing:-2px; margin-bottom:10px; text-transform:uppercase;}
.box .box-content .photo{float:left; margin-right:15px; width:175px;}
.box .box-content .text{float:left;}
.box .box-content .links{bottom:10px; position:absolute; right:10px; text-align:right;}
.links a{font-size:1.4em; font-weight:bold; letter-spacing:-1px;}

/* page title */
h2.pagetitle{font-size:1.6em; margin-top:30px; text-align:center;}

/* img align */
img.centered{display:block; margin-left:auto; margin-right:auto;}
img.alignright{padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline;}

/* align */
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{display:block; margin-left:auto; margin-right:auto;}
.clear{clear:both;}
.center{text-align:center;}
.hidden{display:none;}

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

.wp-caption-text{font-size:.8em; color:#999999; text-transform:uppercase; text-align:center; width:90%;}

/****** CALENDAR ******/
#wp-calendar #ec3_publish{display:none;}
#wp-calendar #ec3_prev, #ec3_next{font-size:1.2em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
#wp-calendar caption{font-size:1.5em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
#wp-calendar td{font-size:1.3em;}