/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

/************************* DEFAULT STYLES ***************************/
body {
	color:#ffffff; background:#000000; font-family:Arial, Helvetica, sans-serif;  padding:0; margin:auto 0; 
}

*, html, div, td{ margin:0; padding:0; border:0;  }

h1,h2 { color:#ffffff;font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; padding-bottom:15px; }

h1 a,h2 a {color:#be0000;}

h3 {color:#ffffff;font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; padding-bottom:15px; }
h3 a {color:#be0000;}

h4 {color:#ffffff;font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; padding:10px 0 5px 0; }
h4 a {color:#be0000;}

h5 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }
h5 a{ color:#be0000; font-weight:normal; }

h6 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:10px 0 5px 0; }
h6 a{ color:#be0000; font-weight:normal; }

a { color:#be0000; text-decoration:none; }
a:hover, a:focus {color:#222222;}

.clear { clear:both; width:100%; height:0; padding:0; border:0; }

/************************* HEADER ************************************/

div#wrapper {
	width:951px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

div#pattern {
	background:url(images/bg/pattern_bg.jpg) no-repeat top center;
}

div#patternContent {
	background:url(images/bg/pattern_content_bg.jpg) no-repeat top center;
}

div#patternExtended {
	background:url(images/bg/pattern_extended_content_bg.jpg) no-repeat top center;
}

div#header {
	height:66px;
}

div#header .logo{
	padding:13px 0 0 6px;
	float:left;
}

div#menu {
	float:right;
	margin:0;
	padding:0 5px 0 0;
	width: 570px;
	height: 55px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

div#menu ul {
	padding:0;
	margin:0;
	background:url(images/bg/menu_bg.png)
}

div#menu ul li {
	list-style:none;
	display:inline;
	float:left;
}

/************************* BANNER ************************************/

div#banner {	
	text-align:center;
}

/************************* CONTENT ************************************/

#content a { color:#be0000; text-decoration:none; }
#content a:hover, #content a:focus { color:#969696; text-decoration:underline; }
#content p { padding:10px 0 10px 0;  margin:0; } 
#contentVideo p { padding:0; margin:0; }
#content .date { color:#666666; font-size:10px; padding-bottom:8px; display:block; }

#content .entry-content { font-size:13px; line-height:18px;  }
#content .post-content { font-size:13px; line-height:18px;  }

#content .post-content img.alignright {float:right; margin:0 0 0.5em 1em; font-size:9px; }
#content .post-content img.alignleft {float:left; margin:0 1em 0.5em 0; font-size:9px; }
#content .post-content img.aligncenter {display: block; margin-left: auto; margin-right: auto; font-size:9px; }
#content .post-content a img.alignright {float:right; margin:0 0 0.5em 1em; font-size:9px;}
#content .post-content a img.alignleft {float:left; margin:0 1em 0.5em 0; font-size:9px; }
#content .post-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto; font-size:9px; }

#content .entry-content img.alignright {float:right; margin:0 0 0.5em 1em; font-size:9px; }
#content .entry-content img.alignleft {float:left; margin:0 1em 0.5em 0; font-size:9px; }
#content .entry-content img.aligncenter {display: block; margin-left: auto; margin-right: auto; font-size:9px; }
#content .entry-content a img.alignright {float:right; margin:0 0 0.5em 1em; font-size:9px;}
#content .entry-content a img.alignleft {float:left; margin:0 1em 0.5em 0; font-size:9px; }
#content .entry-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto; font-size:9px; }

#content .entry-content ul, #content .entry-content ol, #content .post-content ul, #content .post-content ol {
	padding:10px 0 10px 25px;  
	font-size:13px;
	line-height:18px;
}

#content .entry-content ul li {
	list-style:square;
}

/************************* CALL TO ACTIONS ************************************/

div#callToActions {
	text-align:center;
	padding:16px 7px 0 7px;
	font-family:Arial, Helvetica, sans-serif;
}

#mpProductions {
	background:url(images/home/mp_productions.jpg) no-repeat center;
	display:block;
	width:302px;
	height:119px;
	float:left;
}

.markpanzicproductions {
	color:#FFFFFF;
	width:286px;
	height:29px;
	display:block;
	text-align:left;
	padding:82px 8px 0 8px;
	font-size:14px;
}

.markpanzicproductions a:link, .markpanzicproductions a:visited {
	width:274px;
	height:17px;
	display:block;
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#FFFFFF;
	padding:6px;
}

.markpanzicproductions a:hover, .markpanzicproductions a:focus {
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#be0000;
}

.markpanzicproductions a:active {
	background:url(images/bg/call_to_action_bg.png) no-repeat center;
	color:#be0000;
}

#danceClasses {
	background:url(images/home/jazz_dance_classes_sydney.jpg) no-repeat center;
	display:block;
	width:302px;
	height:119px;
	float:left;
	margin-left:15px;
}

.mpDanceClasses {
	color:#FFFFFF;
	width:286px;
	height:29px;
	display:block;
	text-align:left;
	padding:82px 8px 0 8px;
	font-size:14px;
}

.mpDanceClasses a:link, .mpDanceClasses a:visited {
	width:274px;
	height:17px;
	display:block;
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#FFFFFF;
	padding:6px;
}

.mpDanceClasses a:hover, .mpDanceClasses a:focus {
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#be0000;
}

.mpDanceClasses a:active {
	background:url(images/bg/call_to_action_bg.png) no-repeat center;
	color:#be0000;
}


#danceClassesMarkoPanzic {
	background:url(images/dance_classes_marko_panzic.jpg) no-repeat center;
	display:block;
	width:302px;
	height:119px;
	float:left;
	margin:45px 0 0 0;
}

.danceClassesMP {
	color:#FFFFFF;
	width:286px;
	height:29px;
	display:block;
	text-align:left;
	padding:82px 8px 0 8px;
	font-size:14px;
}

.danceClassesMP a:link, .danceClassesMP a:visited {
	width:274px;
	height:17px;
	display:block;
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#FFFFFF;
	padding:6px;
}

.danceClassesMP a:hover, .danceClassesMP a:focus {
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#be0000;
}

.danceClassesMP a:active {
	background:url(images/bg/call_to_action_bg.png) no-repeat center;
	color:#be0000;
}


#contactMarkoPanzicExtended {
	background:url(images/contact_marko_panzic.jpg) no-repeat center;
	display:block;
	width:302px;
	height:119px;
	float:left;
	margin:17px 0 17px 0;
}

#contactMarkoPanzic {
	background:url(images/contact_marko_panzic.jpg) no-repeat center;
	display:block;
	width:302px;
	height:119px;
	float:left;
	margin:47px 0 0 0;
}

.contactMP {
	color:#FFFFFF;
	width:286px;
	height:29px;
	display:block;
	text-align:left;
	padding:82px 8px 0 8px;
	font-size:14px;
}

.contactMP a:link, .contactMP a:visited {
	width:274px;
	height:17px;
	display:block;
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#FFFFFF;
	padding:6px;
}

.contactMP a:hover, .contactMP a:focus {
	background:url(images/bg/call_to_action_bg.png) repeat-x center;
	color:#be0000;
}

.contactMP a:active {
	background:url(images/bg/call_to_action_bg.png) no-repeat center;
	color:#be0000;
}

#homePosts {
	background:url(images/home/mp_posts_bg.jpg) no-repeat center;
	display:block;
	width:302px;
	height:119px;
	float:left;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serifr;
}

/************************* CONTENT SIDEBAR ************************************/

#contentPosts {
	background:url(images/bg/mp_posts_content_bg.jpg) no-repeat center;
	display:block;
	width:302px;
	height:203px;
	float:left;
	margin-right:8px;
	margin-top:7px;
	font-family:Arial, Helvetica, sans-serifr;
}

/************************* TAB SIDEBAR ************************************/

#primary .sidebar {
	margin:0;
	padding:0;
}

#primary .sidebar ul {
	margin:0;
	padding:0;
}

#primary .sidebar ul li {
	margin:0;
	padding:0;
}

UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 5px 0 3px 0;
}

UL.tabNavigation LI {
	display: inline;
	margin:0;
	padding:0;
}

UL.tabNavigation LI A {
	padding: 2px 10px 3px 10px;
	background-color: #333333;
	color: #9f9f9f;
	text-decoration: none;
	font-size:10px;
	margin:0;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
	background-color: #000000;
	color: #be0000;
	padding: 2px 10px 3px 10px;
	margin:0;
}

UL.tabNavigation LI A:focus {
	outline: 0;
}

div.tabs > div {
	padding: 0;
	margin:0;
	border:0;
}

#recentPosts  {
	padding:0;
	margin:0;
}

#recentPosts ul  {
	padding:0;
	margin:0;
}

#recentPosts ul li a  {
	overflow:hidden;
	background:url(images/post_arrow.gif) right  no-repeat;
	width:276px; height:12px; display:block; margin:0; padding:6px 0 9px 10px; list-style:none; font-size:11px; list-style-type:none; text-decoration:none; color:#9f9f9f; background-color:#141414; border-top:1px solid #333333; text-transform:uppercase;
}

#recentPosts ul li a:hover  {
	overflow:hidden;
	background:url(images/post_arrow_ro.gif) right no-repeat;
	width:276px; height:12px; color:#ffffff; background-color:#0a0a0a;  text-transform:uppercase;
}


#commentsHomeSideBar  {
	padding:0;
	margin:0;
	overflow:hidden;
	height:84px;
}

#commentsHomeSideBar ul  {
	padding:0;
	margin:0;
}

#commentsHomeSideBar ul li {
	width:276px;
}

#commentsHomeSideBar ul li a  {
	width:267px; padding:6px 0px 9px 10px; display:block; margin:0; list-style:none; font-size:11px; list-style-type:none; text-decoration:none; color:#9f9f9f; background-color:#141414; border-top:1px solid #333333; 
}

#commentsHomeSideBar ul li a:hover  {
	width:267px; color:#ffffff; background-color:#0a0a0a; 
}

#archivesHomeSideBar  {
	padding:0;
	margin:0;
	overflow:hidden;
	height:84px;
}

#archivesHomeSideBar ul  {
	padding:0;
	margin:0;
}

#archivesHomeSideBar ul li {
	width:276px;
}

#archivesHomeSideBar ul li a  {
	overflow:hidden;
	background:url(images/post_arrow.gif) right  no-repeat;
	width:276px; height:12px; display:block; margin:0; padding:6px 0 9px 10px; list-style:none; font-size:11px; list-style-type:none; text-decoration:none; color:#9f9f9f; background-color:#141414; border-top:1px solid #333333; text-transform:uppercase;
}

#archivesHomeSideBar ul li a:hover  {
	overflow:hidden;
	background:url(images/post_arrow_ro.gif) right no-repeat;
	width:276px; height:12px; color:#ffffff; background-color:#0a0a0a;  text-transform:uppercase;
}

#commentsSideBar  {
	padding:0;
	margin:0;
	overflow:hidden;
	height:168px;
}

#commentsSideBar ul  {
	padding:0;
	margin:0;
}

#commentsSideBar ul li {
	width:276px;
}

#commentsSideBar ul li a  {
	width:267px; padding:6px 9px 9px 10px; display:block; margin:0; list-style:none; font-size:11px; list-style-type:none; text-decoration:none; color:#9f9f9f; background-color:#141414; border-top:1px solid #333333; 
}

#commentsSideBar ul li a:hover  {
	width:267px; color:#ffffff; background-color:#0a0a0a; 
}

#archivesSideBar  {
	padding:0;
	margin:0;
	overflow:hidden;
	height:168px;
}

#archivesSideBar ul  {
	padding:0;
	margin:0;
}

#archivesSideBar ul li {
	width:276px;
}



#archivesSideBar ul li a  {
	background:url(images/post_arrow.gif) right  no-repeat;
	width:276px; height:12px; padding:6px 9px 9px 10px;  display:block; margin:0; padding:6px 0 9px 10px;  list-style:none; font-size:11px; list-style-type:none; text-decoration:none; color:#9f9f9f; background-color:#141414; border-top:1px solid #333333; 
}

#archivesSideBar ul li a:hover  {
	background:url(images/post_arrow_ro.gif) right no-repeat;
	width:276px; height:12px; color:#ffffff; background-color:#0a0a0a; 
}

/************************* FOOTER ************************************/

div#footerLeft{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:20px 0 0 22px;
	width:608px;
} 

div#footerLeft a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#969696;
}

div#footerLeft a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#be0000;
}

div#pages ul {
	margin:0;
	padding:0;
} 

div#pages ul li {
	list-style:none;
	display:inline;
}

div#tags { padding:12px 0 12px 0; }

div#otherPages ul {
	margin:0;
	padding:0;
} 

div#otherPages ul li {
	list-style:none;
	display:inline;
}

div#network { padding:12px 0 0 0; }

div#network ul {
	margin:0;
	padding:0;
} 

div#network ul li {
	list-style:none;
	display:inline;
}

div#footerRight{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:20px 22px 0 18px;
	width:276px;
	line-height:16px;
} 

div#footerRight .twitter {
	text-align:right;
	padding:0 0 5px 0;
}


div#webDesign { 
	padding:10px 18px 15px 0; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}

div#webDesign a {
	color:#464646;
}

div#webDesign a:hover {
	color:#be0000;
}

/************************* SINGLE POST NAVIGATION - Post View ************************************/

#nav-below { font-size:10px; color:#be0000; padding-bottom:20px;  }

#nav-below .nav-previous { float:left; padding-top:10px; }
#nav-below .nav-next { float:right; padding-top:10px; }

/************************* COMMENT ************************************/

#comments { border-top:1px dotted #4c4c4c; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

.comment-text { font-style:italic; padding-bottom:10px; }
.comment-meta { font-size:10px; }

#respond { padding:0; margin:0; float:left; }
#respond h3 { padding:0; margin:0; padding-top:20px;  }

#comments-list h3 { padding-top:20px; }
#comments-list ol, #comments-list ul { margin:0; padding:0; }
#comments-list ul li, #comments-list or li { margin:0; padding:0; list-style:none; }
#comments ol, #comments ul { margin:0; padding:0; }
#comments ul li, #comments or li { margin:0; padding:0; list-style:none; }

#comments input,
#comments textarea,
#comments select { 
	padding:3px;
	border:1px solid #aaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	background:#ffffff url(images/field-bg-top.gif) repeat-x top left;
	vertical-align:top;
}

#comments input:hover,
#comments textarea:hover,
#comments select:hover	{
	border: 1px solid #be0000;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left; 
}

#comments input:focus,
#comments textarea:focus,
#comments select:focus	{ 
	color:#000;
	background:#ffffff url(images/field-bg-bottom.gif) repeat-x bottom left; 
}

#comments textarea,
#comments input {
	width:298px; 
}

#comments select {
	width:306px; 
}  

#comments select.cfselectmulti	{ 
	height:7.5em; 
}

#comments textarea {
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
}

#comments .form-label { padding-bottom:3px; }
#comments .form-input { padding-bottom:10px; }

#comments .postComment { 
	padding:0 10px 0 10px; 
	width:160px;
	margin-top:8px;
}

#login-req { font-size:10px; }
#login { font-size:10px;  }
#login p { padding:0; margin:0; }
#login .loggedin, #login .logout { font-size:10px; }

/************************* NEWS PAGE - OTHER POSTS ************************************/

#otherPosts h5 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }
#otherPosts h5 a{ color:#be0000; font-weight:normal; }

#otherPosts { margin:0; padding:10px 0 0 0; }
#otherPosts .latest-post-wrap { border-bottom:1px dotted #4c4c4c; margin-bottom:12px; }
#otherPosts .date { float:left; } 
#otherPosts .comments { float:left; }
#otherPosts .comments a { font-size:10px; color:#666666; }
#otherPosts .tags { float:left; } 
#otherPosts .tags a { font-size:10px; color:#666666; }

#otherPosts .latest-meta-content { font-size:10px; color:#666666; }
#otherPosts .latest-post-content { font-size:13px; margin:0; padding:0; margin-bottom:12px; }
#otherPosts .readmore a { padding-bottom:10px; }

#content .post-content { border-bottom:1px dotted #4c4c4c; margin-bottom:12px; font-size:13px; }
#content .post-meta-content { font-size:10px; color:#666666;}
#content .date { float:left;  } 
#content .comments { float:left; }
#content .comments a { font-size:10px; color:#666666; }
#content .cat-links { float:left; }
#content .cat-links a { font-size:10px; color:#666666; }
#content .tags { float:left; } 
#content .tags a { font-size:10px; color:#666666; }

/************************* FEATURED POSTS ************************************/

#featured .date { float:left; } 
#featured .comments { float:right; }
#featured .comments a { font-size:10px; }

.front-post { width:185px; margin-right:8px; float:left; border-bottom:1px dotted #4c4c4c; margin-bottom:10px; overflow:hidden; height:234px; }

.front-post-last{width:185px; float:left}

.featured-content { position:relative; width:185px; font-size:13px; margin:0; padding:0; }
.featured-content p{ margin-bottom:0; padding:0; }

.featured-post{position:relative; width:185px; height:120px; margin-bottom:8px; }

.featured-title h5{ margin:8px 8px 7px; line-height:1.4em; font-size:13px; text-transform:none; padding-bottom:0; border-bottom:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.featured-title h5 a{ font-size:13px; display:block; color:#0B96D0; text-decoration:none; border-bottom:0; }
.featured-title h5 a:hover{ color:#fff; }

.featured-title{ background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.90; opacity:.90; position:absolute; z-index:2; }

.featured-image{ position:absolute; z-index:1; }

.featured-content h5{margin-top:15px}
.featured-content h5 a{color:#0b96d0; text-decoration:none}
.featured-content h5 a:hover{color:#000}