/*
Theme Name: Courthouse Dance Academy
Theme URI: http://vintom.com
Description: Theme for the Courthouse Dance Academy
Version: 2 (WP2.6.2)
Author: Vin Thomas
Author URI: http://vintom.com
Tags: dance, dark, courthouse, academy, vintom
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/ie.css";
#page-wrap p { margin-bottom: 10px;}
body {
background: #1e1e1e;
font-color: #333;
overflow: -moz-scrollbars-vertical; 
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
letter-spacing: normal;
line-height: 22px;
margin-bottom: 12px;
color: #333;
}

a {
color: #cc1b59;
}

a:hover {
color: #333;
}	

a:active {
outline: none;
}

:-moz-any-link:focus {
outline: none;
}

#page-wrap {
background: #2e2e2e;
width: 900px;
margin: 0 auto;
padding: 20px 50px;
}

#header {
background: transparent;
clear: both;
}

#twitter {
color:#FFFFFF;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
line-height:1.5em;
margin:-20px 0 0;
padding-top:5px;
width:625px;
}

#twitter a {
color: #00acec;
text-decoration: underline;
font-weight: bold;
}

#twitter a:hover {
color: #00acec;
text-decoration: none;
font-weight: bold;
}

#menu {
background: #1f1f1f;
margin-bottom: 30px;
}

#menu ul {
margin: 0;
padding: 30px;

}

#menu ul li {
margin: 0;
display: inline;
}

#menu a {
color: #f3f3f3;
text-decoration: none;
font-family: helvetica, verdana, sans-serif;
font-size: 12px;
text-transform: uppercase;
padding: 15px 29px;
border-right: solid 1px #333;
}

#menu li:last-child a {
border: none;
}	

#menu a:hover {
color: #cc1b59;
font-family: helvetica, verdana, sans-serif;
font-size: 12px;
text-transform: uppercase;
}	

#page-title {
background: url(images/page-title-bg.png) no-repeat;
width: 300px;
height: 90px;
float: left;
display: inline;
margin-bottom: 20px;
}

#page-title h2 {
color:#FFFFFF;
font-size:40px;
margin-top:20px;
padding:10px;
text-align:right;
font-weight: normal;
font-family: Georgia, Serif;
}

#page-content {
background: #fff;
padding: 10px;
border: solid 5px #ddd;
width: 570px;
margin-bottom: 20px;
float: left;
}

#wide-page-content {
background: #fff;
padding: 10px;
border: solid 5px #ddd;
margin-bottom: 20px;
float: left;
width: 870px;
}

#wide-page-content h1 {
color:#333;
font-size:40px;
margin-top:10px;
margin-bottom: 20px;
font-weight: normal;
font-family: Georgia, Serif;
}		

#wide-page-content td {
border-color:-moz-use-text-color #333 #333 -moz-use-text-color;
border-style:none solid solid none;
border-width:medium 1px 1px medium;
padding:5px;
}

#wide-page-content table {
border: 5px solid #333333;
clear: both;
}

#page-content p {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
letter-spacing: normal;
line-height: 22px;
margin-bottom: 12px;
color: #333;
}

#page-content h2 {
color:#333333;
font-family:georgia,serif;
font-size:2em;
font-weight:normal;
padding:0 0 12px;
}

#page-content h3 {
color:#333333;
font-family:georgia,serif;
font-size:1.6em;
font-weight:normal;
padding:12px 0 8px;
}

#page-content li {
list-style-type: square;
list-style-position:inside;
margin-left: 20px;}

#page-content img {
border: 1px solid #888;
}

#page-content .wp-caption-text {
margin-bottom: -5px;
text-align: center;
}

#sidebar {
text-align: right;
float: left;
display: inline;
width: 300px;
}

#footer {
color: #888;
font-size: 0.9em;
text-align: right;
clear: both;
}

#footer a {
color: #cc1b59;
}

#footer a:hover {
color: #ddd;
}
	
.widget {
margin-right: 20px;
border-bottom: solid 1px #333;
padding: 15px 0;
}

.widget h2 {
color: #FFF;
font-size: 14px;
}

.pink {
color: #cc1b59;
}

.blue {
color: #00acec;
}

.boxed {
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #BBBBBB;
margin:10px;
padding:5px 10px;
text-align:center;
}

.wp-caption {
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #888888;
padding:10px 0 10px 10px;
}

.alignleft {
float: left;
margin: 0 8px 2px 0;
}	

.clear {
clear: both;
}

.center-foot {
text-align: center;
margin-top: 20px;
}

.courthouse-link {
margin:-20px 0 0 0;
float: right;
height: 50px;
width: 250px;
background: url(images/courthouse-link.gif) no-repeat;
background-position: bottom left;
display: inline;
}

.courthouse-link:hover {
margin:-20px 0 0 0;
float: right;
height: 50px;
width: 250px;
background: url(images/courthouse-link.gif) no-repeat;
display: inline;
}

#flickrrss img {
border:4px solid #444;
margin-left:7px;
}

#flickrrss img:hover {
border:4px solid #666;
}