@import "reset.css";  
@import "modx.css";
@import "form.css"; 

body {margin:0; background-color:#1D3058; font-family:arial, verdana, sans-serif; font-size:12px;}

#container
{
	margin: 15px auto;
	width: 890px;
	background: #fff;
}

#header
{
	background: #ccc;
	height:151px;
}

#header h1 { margin: 0; }

#navigation
{
	position:relative;
	width: 850px;
	background: url('../../assets/images/menu_bg.png') no-repeat;
	height:34px;
	margin-top:6px;
	padding-top:4px;
	border-top:1px solid #fff;
	border-left:20px solid #fff; border-right:20px solid #fff;
}

#content-container
{
	float: left;
	width: 850px;
	background: #fff;
	border-left:20px solid #fff; border-right:20px solid #fff;
}

#content
{
	clear: left;
	float: left;
	width: 580px;
	padding: 4px 0 15px 0;
	margin: 0;
	display: inline;
}

.thumbs {margin-top:15px;}
.thumbs .imgHolder{display:inline;}
.thumbs img{margin:0 20px 20px 0; padding:5px; border:1px solid #ccc;}


#aside
{
	float: right;
	width: 260px;
	padding: 0 0 10px 0;
	margin: 4px 0 0 0;
	display: inline;
}

#partners {clear:both; margin: 20px 0 10px 20px;}

#footer
{
	clear: both;
	background: #2D2D2D;
	color:#fff;
	text-align: right;
	padding: 20px 20px 15px 20px;
	height: 1%;
	border-left:20px solid #fff; border-right:20px solid #fff; 	border-bottom:20px solid #fff;
}

#footer p{color:#ddd; padding:0; margin:0 0 5px 0;}

#footer a{color:#ddd;}

#footer a:hover{color:#ddd;}

#networking {float:left; text-align:left;}

/* Paragraph
------------------------------------------------------------------------------- */

h1{font-size:14px; font-weight:bold; height:30px; background: url('../../assets/images/h1_bg.png') no-repeat; color:#fff; padding:11px 0 0 10px;}
h2{font-size:14px; font-weight:bold; color:#333; padding:5px; margin-bottom:10px; padding:15px 0 0 5px;}
h3{font-size:14px; font-weight:bold; height:36px; background: url('../../assets/images/h3_bg.png') no-repeat; color:#fff; padding:11px 0 0 10px; margin-bottom:0px;}

.blue_header{font-size:14px; font-weight:bold; height:30px; background: url('../../assets/images/h1_bg.png') no-repeat; color:#fff; padding:10px 0 0 10px; margin:5px 0 0 0;}

#commentsAnchor h2{margin-top:10px; background:none; border-top:1px solid #aaa;}

p{margin:10px 5px 0 5px; color:#333; line-height:16px;}

#aside ul{margin:0 0 0 5px; color:#333; line-height:16px;}

/* Images
------------------------------------------------------------------------------- */

.image-left{float:left; margin:0 10px 10px 0;}

.image-right{float:right; margin:0 0 10px 10px;}

.image-left-border {float:left; margin:0 10px 10px 0; padding:5px; border:1px solid #ccc;}

.image-right-border {float:right; margin:0 0 10px 10px; padding:5px; border:1px solid #ccc;}

.product-image{float:left; margin:0 7px 0 5px;}

.product-image-main{float:right;}

.caption{float:right; font-size:10px;}

/* Lists
------------------------------------------------------------------------------- */

#content ul {list-style:none; color:#333; margin:10px 0 5px 15px;}

#content ul li{list-style:none; padding-left:20px; line-height:16px; background: url('../../assets/images/bullet.png') no-repeat; margin:0 0 10px 0;}

/* Side
------------------------------------------------------------------------------- */

.side-box {margin-bottom:15px; padding-bottom:10px; background: url('../../assets/images/side_bg.gif') 0 100% no-repeat;}

.side-box p{padding:0 10px 0 10px; margin-top:3px;display:block; clear:both;}

.side-news-title {margin-left:10px; padding-left:36px; background: url(../../assets/images/news.png) no-repeat;}

.side-blog-title {margin-left:10px; padding-left:36px; background: url(../../assets/images/comment.png) no-repeat;}

.side-box li{padding:0 10px 0 10px;}

.side-img{margin:0 0 0 7px;}

.side-box .session {padding-left:70px; height:60px; background: url(../../assets/images/session.png) no-repeat;}

.side-box .skype {padding-left:70px; height:60px; background: url(../../assets/images/Skype.png) no-repeat;}

.side-box .download {padding-left:70px; height:60px; background: url(../../assets/images/download.png) no-repeat;}

.side-box .news_title {display:block; padding-left:70px; background: url(../../assets/images/news.png) no-repeat;}

.side-box .blog_title {padding-left:70px; height:51px; background: url(../../assets/images/comment.png) no-repeat;}

.side-box .contact_details {padding-left:70px; background: url(../../assets/images/phone_book.png) no-repeat;}

#twitter_update_list li {list-style-type: none; margin:0 10px 10px 0; font-style:italic; line-height:18px;}

#twitter_update_list li span{display:block;}

/* pieX RSS
------------------------------------------------------------------------------- */

.piex-list{}

.piex-list li{margin-bottom:10px;}

/* Slideshow
------------------------------------------------------------------------------- */

#slideshow {margin:-10px 0 0 6px; z-index:0;}

/* Tables
------------------------------------------------------------------------------- */

#calc {padding-top:10px; border-top:1px solid #ccc;}

#bloglog {margin:0 7px 5px 0px; z-index:-10;}

#bloglog tr{height:10px;}

#bloglog .button{margin:0 0 0 14px;}

.bloginput input {width:140px; margin:0 0 5px 0; z-index:-10;}

#websignupfrm {margin-top:-20px;}

#signupform {margin-top:-20px;}

#signupform h2{padding-left:0;}

#signupform input{width:200px; margin:0 0 5px 0;}

#signupform .formsign{width:100px; margin:10px 0 5px 0;}
