/* *************************** 
  Site - art summit
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 - Blog Styles
  $8 - Misc
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a{
    color: #B8302B;
    text-decoration: none
}
a:hover{
    text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
 
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

#wrapper{ 
min-height:100%;
height:auto;
background:#f37222;
width:100%;
margin:0 auto;
text-align:left;
}
* html #wrapper{height:100%;}/* ie6 and under*/

#container{ 
min-height:100%;
height:auto;
width:800px;
margin:0 auto;
text-align:left;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
}
* html #container{height:100%;}/* ie6 and under*/

body {
	text-align:center;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	background:#f37222 url(../images/bodyBg.png) center top repeat-y;
}
/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	height:250px;
	width:800px;
	position:relative;
	background:#f37222;
	z-index:9999;
}
#header h2{
	position:absolute;
	width:109px;
	height:171px;
	left:9px;
	top:42px;
	}
#header h2 a{
	background:url(../images/bg_joburg.png) no-repeat;
	width:109px;
	height:171px;
	display:block;
	text-indent:-9999px;
	outline-style:none;
	}
#header h1{
	position:absolute;
	right:24px;
	top:9px;
	width:273px;
	height:191px;
	}
#header h1 a{
	display:block;
	background:url(../images/bg_logo.png) no-repeat;
	width:273px;
	height:191px;
	text-indent:-9999px;
	outline-style:none;
	}
/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	clear:both;
	width:800px;
	overflow:hidden;
	background:#fff url(../images/contentBg.png) right repeat-y;
    }
#content .homePic{
	vertical-align:middle;
	}
#container .homepage{
	padding-bottom:10px;
	background:url(../images/bg_homepage.jpg) 10px 99px no-repeat;
	position:relative;
	width:100%;
	}
#maincontent{
	width:450px;
	margin-right:18px;
	float:left;
	display:inline;
	padding-top:15px;
	margin-left: 17px;
	padding-bottom:40px;
	border-bottom:#e1e1e1 1px solid;
	}
#maincontent h2{
	font-size:18px;
	font-weight:normal;
	color:#b8302b;
	padding-bottom:13px;
	line-height:20px;
	}
#maincontent p{
	line-height:16px;
	padding-bottom:11px;
	}
#maincontent .text{
	line-height:14px;
	padding-bottom:15px;
	}
.speakers{
	margin-bottom:13px;
	border-bottom:#e1e1e1 1px solid;
	}
.speakers li{
	width:480px;
	overflow:hidden;
	border-top:#e1e1e1 1px solid;
	padding-bottom:17px;
	}
.speakers li img{
	float:left;
	margin-right:17px;
	}
#maincontent .speakers li p{
	padding-top:60px;
	line-height:15px;
	padding-bottom:0;
	}
#maincontent .line{
	border-top:#e1e1e1 1px solid;
	margin-top:5px;
	padding-bottom: 11px;
	}
#content_top{
	padding:8px 0 3px 10px;
	width:790px;
	overflow:hidden;
	height:37px;
	}
#top_left{
	float:left;
	background:#36454d;
	height:37px;
	line-height:37px;
	font-size:20px;
	color:#fff;
	padding:0 8px 0 11px;
	}
#top_right{
	height:37px;
	background:#fff;
	float:right;
	}
#top_right li{
	float:left;
	padding:9px 7px 0 0;
	}
#top_right .first{
	color:#36454d;
	font-size:12px;
	text-transform:uppercase;
	padding:12px 34px 0 7px;
	font-weight: bold;
	}
#latest_news{
	margin:0 0 0 10px;
	background:url(../images/bg_latestnews.jpg) no-repeat;
	padding:10px;
	width:368px;
	height:431px;
	}
#text_meeting{
	background:url(../images/text_meeting.png) no-repeat;
	width:252px;
	height:133px;
	position:absolute;
	left:413px;
	top:367px;
	text-indent:-9999px;
	outline-style:none;
	}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar{
	width:285px;
	float:right;
	}
#sidebar_image{
	height:217px;
	background:#fff;
	}
#sidebar .header {
    background-color: #af2929;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: black;
    padding-left: 10px
}

#sidebar .header img {
    margin: 0;
    border:medium none;
}

#sidebar div#search {
    margin:0.2em 0 1em;
    padding:0 0.2em 0 0.5em;
    color: #ccc;
}

#sidebar li {
    color: white;
    list-style-type: none;
    border-bottom: 1px solid #444;
    margin: 0.3em 0;
}

#sidebar ul {
    padding: 0 0.2em 0 0.5em;
    margin: 0.2em 0 1em 0;
}

#sidebar ul a {
    text-decoration: none;
}

#sidebar ul a:hover {
    text-decoration: underline;
}

#sidebar .last-comments .author {
    padding-right: 1em;
}
    
#sidebar #caption{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	}
#sidebar #caption p{
	font-size:11px;
	color:#fff;
	line-height:13px;
	padding-bottom: 20px;
	}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	clear:both;
	overflow:hidden;
	padding-top:15px;
	height:100px;
	width:800px;
	background:#fff;
}
#footer #col1{
	padding-left:134px;
	width:147px;
	float:left;
	display:inline;
	}
#footer #col1 img{
	vertical-align:middle;
	}
#footer #col2{
	padding-left:5px;
	width:180px;
	float:left;
	padding-top:25px;
	height:64px;
	background:url(../images/bg_footercol.png) left 27px no-repeat;
	}
#footer #col2 a{
	margin-right:10px;
	margin-left:3px;
	float:left;
	display:inline;
	}
#col2 h4,#col3 h4{
	color:#9d9d9d;
	font-weight:normal;
	font-size:11px;
	display:block;
	padding-bottom:2px;
	}
#col3{
	width:310px;
	float:left;
	padding-top:25px;
	height:64px;
	background:url(../images/bg_footercol.png) left 27px no-repeat;
	}
#col3 h4{
	padding-left:5px;
	}
#col3 a{
	float:left;
	margin-right:11px;
	display:inline;
	}
#col3 a.partner{
	margin-left:6px;
	}



/* *************************** 
   $7 Blog Styles
   ***************************/

/* Blog posts */

#blog{
    padding-top:1em;
}

pre {
    overflow:auto;
}

.metadata {
    font-size: 0.8em;
    background-color: #d3d3d3;
    padding:5px;
    color: gray;
}

.read-more {
    text-align: right;
}

.read-more a {
    text-decoration: none;
}

.post {
    margin-bottom: 2em;
}

.post-title {
	background-color: #d3d3d3;
	padding: 1px 5px 1px 5px;
	
}

.post .post-title a {
	color: black;
    font-size: 14px;
    font-weight: bold;
}
.post .post-title a:hover {
	color:white;
    text-decoration: none;
}

.post .text {
    background-color: #F5F5F9;
    padding: 0.3em 1em 1em 1em;
    color: #333;
}

.post-preview {
    color: #FF0000;
    font-size: 2em;
    text-align: center;
}

.post h1 {
  clear: both;
  font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  text-align:left;
  margin:0.4em 0 0 0 !important;
}

.post h2 {
    border: none;
    clear: both;
    font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #555;
    text-align:left;
    margin:0.4em 0 0 0.9em !important;
}

.post h3 {
    border: none;
    clear: both;
    font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #777;
    text-align:left;
    margin:0.4em 0 0 1.7em !important;
}

/* Pagination */

.pagination{
    margin-top: 1.5em;
}

/* forms */


form th {
    padding-right:.2em;
    padding-top:.2em;
    text-align:right;
    vertical-align:top;
}
.errorlist {
    margin: 0;
    padding: 0;
}

.errorlist li {
    list-style-type: none;
    color: #c00;
    font-weight: bold;
}

form .wide label {
    display: block;
}

form .wide input, form .wide textarea, form .wide select {
    display: block;
}

form .wide input, form .wide textarea {
    width: 80%;
}



/* Comments ------------------------------- */

#comments {
    margin-bottom: 1em;
    border-top: 1px solid #555;
}
#comment-form form {
    color: #111;
}
#comment-form form {
    background-color: #999;
    padding:0.5em;
}
#comment-form .metadata {
    background-color: #939393;
}

#comment-preview {
    background-color: #eee;
    margin:0.5em 1em;
    padding:0.1em 0.3em 0.3em 0.3em;
    color:#111;
    visibility: hidden;
}

.first-comment {
    margin-top: 1em;
}


a.comment-link {
   font-size: 1.5em;
   display: none;
}

.blogcomment, .pingback {
   clear: left;
   border: 2px dashed #999;
   margin-bottom:1em;
   background-color: #5e5e5e;
   padding:0.1em;
}

.blogcomment .text, .pingback .text {
   padding: 0.2em 0.3em;
   color:#111;
}


.blogcomment .footer a {
    text-decoration: none;
}
.blogcomment .footer {
    background-color: #ddd;
    padding:0.2em;
}

.blogcomment .meta {
    padding:0.2em;
    overflow:hidden;
}

.odd .text {
   background-color: #F5F5F9;
}
.even .text {
   background-color: #cecece;
}

.author{
   float: left;
   font-weight: bold;
}
.comment_link{
    float:left;
    margin-right: 10px;
}

.comment-time {
   float: right;
}

blockquote {
   border-left:5px solid #DDDDDD;
   margin-left:1em;
   padding-left:1em;
}

.comment-edit-area {
   width: 100%;
   height: 10em;
}

.edit-submit {
   display: none;
}

.pingback-location {
   color: #999;
}

/* Comment Form */

#comment-form {
    margin-top: 2em;
}

#comment-form label {
    float: left;
    width: 5em;
}

#comment-form input {
    width: 50%;
}

#comment-form textarea {
    width:100%;
}

#comment-form .invalid {
    background-color: #ffcccc;
}

#comment-form .button {
    width: auto;
}

#maincontent.blog .text{
	padding-bottom: 1px;
}

#maincontent.blog h2{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

#maincontent.blog {
	padding-top:32px;
}

#maincontent.blog .text{
	line-height:19px;
	padding-bottom:1px;
}

.pagination .right a:hover {
	color: gray;
	
}

#container .pagination .right {
	text-align: right;
}

.pagination .left a:hover {
	color: gray;
	
}

#container .more {
	text-align: right;
}

/* blog sidebar */

#sidebar.blog a {
	color: white;
	font-weight: 500;
	font-size: 11px;
	padding-left: 10px;

}

#sidebar.blog a:hover {
	 text-decoration: underline
}

#sidebar.blog li {
	border-bottom: transparent;
}
#sidebar.blog {
	width:283px;
	float:right;
	padding: 48px 0px 0px 0px;
}
#sidebar.blog .header {
    font-weight: bold;
}

form.login_form label {
	display: block;
	width: 6em;
	float:left;
}

div.gallery a img {
	border: 4px solid #fff;
	margin: 0px 10px 10px 0;
}


/* *************************** 
   $8 Misc
   ***************************/
  
#top_right{
	background:#fff;
	float:right;
	}
#top_right li{
	float:left;
	padding:9px 7px 0 0;
	}
#top_right .first{
	color:#36454d;
	font-size:12px;
	text-transform:uppercase;
	padding:12px 34px 0 7px;
	font-weight: bold;
	}  
  
  
  
#translations_main {
	height:37px;
	background:#fff;
	overflow:hidden;
	}
#translations_main li{
	float:left;
	padding:9px 7px 0 0;
    border:none;
    margin:0;
	}
#translations_main .first{
	color:#36454d;
	font-size:12px;
	text-transform:uppercase;
	font-weight: bold;
	padding:12px 6px 0 6px;
	}
	
/* vmr */

#maincontent.fullwidth {
   width: 750px;
}

.image {
    display: block;
    float: left;
}

.caption {
    width: 300px;
   float: left;
}

.gallery li.imagelistitem {
   clear: both;
}