/*
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:#FD00FD; 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{color:#000; font-size:.6em; font-weight:normal; text-transform:none; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;}

/****** 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{margin:0 0 10px 0; padding:0; overflow:hidden; width: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 .calendar{color:#EA2618;}
#menu .workshops{color:#92B803;}
#menu .blog{color:#08329E;}
#menu .photos{color:#00CCE4;}

/* content */
#content{font-size:1.2em; margin:25px 0 150px 0;}
#content .intro{width:650px;}

#about #content a, #about #content .title, #about #content h2{color:#F7A424;}
#about #content img{border:1px solid #F7A424;}
#calendar #content a, #calendar #content .title, #calendar #content h2{color:#EA2618;}
#calendar #content img{border:1px solid #EA2618;}
#workshops #content a, #workshops #content .title, #workshops #content h2{color:#92B803;}
#workshops #content img{border:1px solid #92B803;}
#blog #content a, #blog #content .title, #blog #content h2{color:#08329E;}
#blog #content img{border:1px solid #08329E;}
#photos #content a, #photos #content .title, #photos #content h2{color:#00CCE4;}
#photos #content img{border:1px solid #00CCE4;}
#donate #content a, #donate #content .title, #donate #content h2{color:#FF1F87;}
#donate #content img{border:1px solid #FF1F87;}

/* footer */
#footer{background:#666666; border-top:1px solid #000; bottom:0; font-size:1.2em; left:0; position:fixed; padding:15px 0 5px 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:600px;}
#footermenu ul{list-style:none; margin:0; padding:0;}
#footermenu li{color:#FFF; float:left; margin-right:5px}
#footermenu li a.donate{color:#FFF; font-weight:bold;}
#footermenu li a.donate{color:#FF1F87; font-weight:bold;}

#about #footer{background:#F7A424;}
#calendar #footer{background:#EA2618;}
#calendar #footer a.donate{color:#FFFFFF;}
#workshops #footer{background:#92B803;}
#blog #footer{background:#08329E;}
#photos #footer{background:#00CCE4;}

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