body.category-blog {
   background:#000000 url(http://www.dathemes.com/demo/site7/wp-content/themes/jul09/images/bg2.jpg) no-repeat fixed center top;
}

body.page {
   background:#000000 url(http://www.dathemes.com/demo/site7/wp-content/themes/jul09/images/bg3.jpg) no-repeat fixed center top;
}



body {
	background: #000000 url(../images/bg1.jpg) no-repeat fixed top center;
	color:#ffffff;
}

.w960 {
	width:960px;
	overflow:hidden;
	margin:auto;
}
.w620 {
	width:620px;
	overflow:hidden;
	float:left;
	margin:0 10px;
}
.w300 {
	width:300px;
	overflow:hidden;
	float:left;
	margin:0 10px;
}

h1, h2, h3, h4, h5, h6 { color:#00CCFF; font-weight:normal; line-height:30px; } /*** accent **/
h1 { margin-bottom:10px; }
h2 { margin:0 0 10px 0; font-size:18px; line-height:24px;}
h3 { margin:0 0 5px 0; font-size:16px;}
h4 { margin:0 0 5px 0; font-size:14px;}
h5 { margin:0 0 5px 0; font-size:12px;}
h6 { margin:0 0 5px 0; font-size:12px;}

a { color:#00CCFF; text-decoration:none;}
a:hover {text-decoration:underline;}
b, strong {
	color:#00CCFF;
}

.margin-r10 { margin-right:10px; }
.margin-r5 { margin-right:5px; }
.margin-l10 { margin-left:10px; }
.btn {
	display:inline-block;
	color:#000000;
	font-size:11px;
	height:25px;
	line-height:26px;
	padding:0 25px;
	text-align:center;
	background: #009ABF url(../images/wh30.png) repeat-x 0 0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.btn:hover {
	background-image:none;
	text-decoration:none;
}

.transparent-bg { background:url(../images/bg60.png); }

#header {
	border-bottom:1px solid #00CCFF; /*** accent **/
	margin-bottom:45px;
	height:115px;
}

#logotype {
	margin:40px 40px 40px 0;
	display:block;
	float:left;
}
#main_menu { float:left; margin:45px 0 45px 0;}
#main_menu li {
	float:left;
	list-style:none;
	margin:0 15px 0 0;
}
#main_menu li a {
	display:inline-block;
	font-size:11px;
	height:25px;
	line-height:26px;
	padding:0 25px;
	text-align:center;
	background: url(../images/bg60.png);
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
#main_menu li.current_page_item a, #main_menu li.current-cat a, #main_menu li.current-cat-parent a, #main_menu li.current_page_parent a {
	background: #009ABF url(../images/wh30.png) repeat-x 0 0; /** accent **/
	color:#000000;
}
#main_menu li.current_page_item a:hover, #main_menu li.current-cat a:hover { text-decoration:none; cursor:default; }

#twitter {
	margin:30px 10px 30px 0;
	color:#00CCFF; /*** accent **/
	font-size:11px;
	overflow:hidden;
	float:right;
}
#twitter ul li {
	float:left;
	list-style:none;
	margin-left:0;
}
#twitter ul li.left { width:48px; }
#twitter ul li.right { width:242px; margin-top:5px; }

.main-slider {
	min-width:940px;
	overflow:hidden;
	position:relative;
	width:100%;
	
	max-height:500px;
}
#slides {
	height:440px;
	margin:0 auto;
	overflow:visible;
	position:relative;
	width:940px;
}
#showcase {
	left:-1020px;
	top:500px;
	position:relative;
}

.project {
	height:420px;
	position:absolute;
	width:960px;
	background:url(../images/bg60.png);
	padding:10px 0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.project .btn {
	width:90px;
}
.project .w620 .large-image {
	border:5px solid #ffffff;
	width:610px;
	height:410px;
	background-color:#000000;
}
#project_1  { left:0px; }
#project_2  { left:1010px; }
#project_3  { left:2030px; }
#project_4  { left:3050px; }
#project_5  { left:4070px; }
#project_6  { left:5090px; }
#project_7  { left:6110px; }
#project_8  { left:7130px; }
#project_9  { left:8150px; }
#project_10 { left:9170px; }
#project_11 { left:10180px; }
#project_12 { left:11190px; }
#project_13 { left:12200px; }
#project_14 { left:13210px; }
#project_15 { left:14220px; }
#project_16 { left:15230px; }
#project_17 { left:16240px; }
#project_18 { left:17250px; }
#project_19 { left:18260px; }
#project_20 { left:19270px; }
#project_21 { left:20280px; }
#project_22 { left:21290px; }
#project_23 { left:22300px; }
#project_24 { left:23310px; }
#project_25 { left:24320px; }

.main-content {
	overflow:hidden;
	margin:0 auto;
	width:960px;
	background:url(../images/bg60.png);
	padding:15px 0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.single_image {
	width:610px;
	height:150px;
	overflow:hidden;
	margin-bottom:15px;
	border:5px solid #FFFFFF;
	background-color:#000000;
}

div.social {
	background: url(../images/bg40.png);
	padding:5px 10px 7px 10px;
	margin:20px 0;
	font-size:11px;
}
div.social a img {
	position:relative;
	top:3px;
	margin:0 0 0 5px;
}
div.social .edit_link {
	margin-top:20px;
	float:right;
	position:relative;
	top:-16px;
}

.main-content .thumbnail {
	width:210px;
	overflow:hidden;
	float:left;
	border:5px solid #FFFFFF;
	background-color:#000000;
}
.main-content .post-teaser {
	width:380px;
	overflow:hidden;
	float:left;
}
.main-content .full-width {
	margin-left:0;
	width:620px;
	overflow:hidden;
	float:left;
}
.main-content h2 {
	margin-bottom:10px;
}
.main-content .post-date {
	font-size:11px;
	color:#333333;
}
#main .post .w620 .post {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
}
.tags-category {
	margin-bottom:0px;
}

.sidebar a {
	color:#ffffff;
}
.sidebar .current_page_item a, .sidebar .current-cat a { /** accent **/
	color:#00CCFF;
}
.sidebar a:hover { /** accent **/
	color:#00CCFF;
}
.sidebar ul li {
	margin-left:0;
	list-style:none;
}
.sidebar ul li ul li ul {
	margin-left:10px;
	margin-bottom:0;
}

.sidebar .arrow ul li {
	list-style-position:inside;
	list-style-image:url(../images/arrow.gif);
	background:transparent url(../images/bg40.png) repeat scroll 0 0;
	padding:5px 10px 5px 10px;
	margin:0 0 1px 0;
}

#footer {
	border-top:1px solid #00CCFF; /*** accent **/
	min-height:212px;
	margin-top:45px;
	padding:15px 0 15px 0;
}

#footer_blog_posts ul li {
	float:left;
	width:300px;
	margin-right:10px;
	margin-left:0;
	margin-bottom:5px;
	list-style-image:url(../images/arrow.gif);
	list-style-position:inside;
}
#footer_blog_posts ul li a {
	color:#ffffff;
}
#footer_blog_posts ul li a:hover { color:#00CCFF; /*** accent **/}


/*** Comments **/
#comment_wrap li {
	list-style:none;
	margin-left:0;
}
#comment_wrap .comment_details {
	background:transparent url(../images/bg20.png) repeat scroll 0 0;
	margin-bottom:0;
	padding:5px 10px 7px;
	font-size:11px;
}
#comment_wrap .avatar {
	float:right;
	position:relative;
	right:6px;
	top:-21px;
}
#comment_wrap .s {
	overflow:hidden;
	background:transparent url(../images/bg20.png) repeat scroll 0 0;
	margin-bottom:10px;
}
#comment_wrap .comment_text {
	margin:10px 95px 10px 10px;
}
#comment_wrap .comment_text p {
	margin-bottom:10px;
}

#comment_wrap ul.children li.depth-2, #comment_wrap ul.children li.depth-3, #comment_wrap ul.children li.depth-4, #comment_wrap ul.children li.depth-5 {
	margin-left:30px;
}
#comment_wrap ul.children img.avatar {
	width:50px;
	height:50px;
}
#comment_wrap ul.children .comment_text {
	margin:10px 65px 10px 10px;
}

#comment {
	width:80%;
	padding-top:9px;
}
#author, #email, #url {
	width:80%;
}

.relative {
	position:relative;
}
#respond {
	background:transparent url(../images/bg20.png) repeat scroll 0 0;
	padding:10px;
}
input, textarea {
	background:transparent url(../images/bg40.png) repeat scroll 0 0;
	border:none;
	font-size:12px;
	margin:5px 0;
	padding:7px 7px 7px 105px;
	color:#ffffff;
	font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-size:12px;
}
#respond .comment_label {
	position:absolute;
	left:10px;
	color:#00CCFF;
	top:10px;
}
/*#label_comment { top:65px; }
#label_author {	top:255px; }
#label_email  { top:295px; }
#label_url    { top:333px; }*/

#cancel-comment-reply-link {
	position:absolute;
	right:10px;
	top:10px;
}
#submit {
	padding:7px 7px 7px 7px;
}
#submit:hover {
	cursor:pointer;
}
.formError {
	border:1px solid #FF3333;
}





/* main_menuigation */

#wrapper #main_menu{
float:right;
position:absolute;
top:60px;
left:10px;
font-size:12px;
}


#main_menu, #main_menu ul{
/*margin:0;
padding:0;*/


/*list-style-type:none;
list-style-position:outside;
position:relative;
line-height:27px; 
z-index:3;*/

}







#main_menu {
	
/*	margin: 0px;
	padding: 0px;*/
	float: left;
	cursor:pointer !important; cursor:hand;
	}
	
#main_menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#main_menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	}
	
#main_menu li a, #main_menu li a:link, #main_menu li a:visited {
/*	color: #ffffff;*/




/*
    display: block;
	font-size: 12px;
	text-transform: lowercase;
    margin: 0px;
	
*/	
	
	
	
/*	padding: 8px 15px 13px 15px;*/
	}

 #main_menu li a:hover, #main_menu li a:active {
/*	color: #457DD9;*/
    margin: 0px;
/*	padding: 8px 15px 13px 15px;*/
	text-decoration: none;
	}
	
#main_menu li li a, #main_menu li li a:link, #main_menu li li a:visited {
	opacity: .80;
	filter: alpha(opacity=80);
/*	background: #2B2219;*/
background:#333333;
color: #bbbbbb;
font-size:12px;

     width: 130px;
/*	color: #ee0000;
	height:15px;*/
/*	text-transform: lowercase;*/
	float: none;
	margin: 0px;
	padding: 1px 3px 3px 3px;
/*	border-bottom: 1px solid #373737;
	border-left: 1px solid #373737;
	border-right: 1px solid #373737;*/
	

	
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;

	
	
	
	}
	
#main_menu li li a:hover, #main_menu li li a:active {
	background: #444444;
	color: #FFFFFF;
	padding: 1px 10px 8px 10px;
	padding: 1px 3px 3px 3px;
}

#main_menu li {
	float: left;
	padding: 0px;
	}

#main_menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;               /* THIS IS WHERE YOU CHANGE THE WIDTH OF THE SUB MENU*/
	margin: -2px;
	padding: -2px;
	}

#main_menu li li { 
	}

#main_menu li ul a { 
	width: 140px;
	}

#main_menu li ul a:hover, #main_menu li ul a:active { 
	}

#main_menu li ul ul {
	margin: -29px 0 0 171px;
	}

#main_menu li:hover ul ul, #main_menu li:hover ul ul ul, #main_menu li.sfhover ul ul, #main_menu li.sfhover ul ul ul {
	left: -999em;
	}

#main_menu li:hover ul, #main_menu li li:hover ul, #main_menu li li li:hover ul, #main_menu li.sfhover ul, #main_menu li li.sfhover ul, #main_menu li li li.sfhover ul {
	left: auto;
	}

#main_menu li:hover, #main_menu li.sfhover { 
	position: static;
	}