/* 
	Theme Name: Djelaj 2
	Theme URI: http://www.DustyRobot.com
	Description: A custom theme created by Verdilak at <a href="http://www.DustyRobot.com">Dusty Robot Creative</a>.
	Author: Verdilak
	Author URI: http://www.verdilak.com
	Version: 2.0
*/

body  
{ 
background:#000 ;
background-image:url('images/bg_main.gif');
background-repeat:repeat-x;
margin: 0px;
padding: 0 0 0 0;
}

br.clear {
clear: both;
}



/*------------------------------- Main Structure ----------------------------------*/

#container {
width: auto;
height: auto;
border: none;
padding: 0 0 0 0;
margin: 0px 0px 0 0px;
}

/*------------------------------- Left Column ----------------------------------*/


#left_column {
width: 300px;
height: auto;
border: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#clients {
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #999;
text-align: left;
font-family: Rockwell, Georgia, Arial, Verdana, MS Sans;
border: none;
margin: 30px 0 0 0;
padding: 0 0 0 20px;
}

#clients ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#clients a:link { color:#999; text-decoration:none; }
#clients a:visited { color:#999; text-decoration:none; }
#clients a:hover { color:#ccc; text-decoration: none; }
#clients a:active { color:#999; text-decoration:none; }

/*------------------------------- Right Column ----------------------------------*/

#right_column {
width: auto;
height: auto;
border: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*------------------------------- Navigation ----------------------------------*/

/* menu */
#menu{ 
	background:#ed008c;margin:0px; padding:0px; list-style:none; color:#000; line-height:18px; display:inline-block; float:left; z-index:1000;
        width: 740px;
	height: auto;
	border-right: 1px dotted #000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
}
#menu a:link { color:#000; text-decoration:none; }
#menu a:visited { color:#000; text-decoration:none; }
#menu a:hover { color:#fff; text-decoration: none; }
#menu a:active { color:#000; text-decoration:none; }

#menu > li {cursor:pointer; float:left; position:relative;padding:0px 10px;float: right;}
#menu > li a:hover {color:#fff;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-190px; top:0px; padding-top:22px;margin-top:18px; width:270px; background:url('images/dot.gif'); color:#000;font-size: 16px; line-height: 22px;font-family: Rockwell, Georgia, Arial, Verdana, MS Sans;text-align:left; /* for IE */ display:none; }
#menu li ul a:link { color:#ccc; text-decoration:none; }
#menu li ul a:visited { color:#ccc; text-decoration:none; }
#menu li ul a:hover { color:#fff; text-decoration: none; }
#menu li ul a:active { color:#ccc; text-decoration:none;outline: none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; list-style-type:none; }

/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right { position:absolute; top:0px; left:270px;}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:252px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 235px; top:0px;}
.nav_link {
	background:#ed008c;
	float: right;
	width: auto;
	height: auto;
	border-left: 1px dotted #000;
	padding: 3px 8px 2px 8px;
	margin: 0 0 0 0;
	text-align: right;
	font-size: 12px;
	color: #000;
	font-family: Rockwell, Georgia, Arial, Verdana, MS Sans;
}
.nav_link_alt, .nav_link_contact {
	background: #ccc;
	float: right;
	width: auto;
	height: auto;
	border-left: 1px dotted #000;
	padding: 3px 8px 2px 8px;
	margin: 0 0 0 0;
	text-align: right;
	font-size: 12px;
	color: #000;
	font-family: Rockwell, Georgia, Arial, Verdana, MS Sans;
}
.nav_link_alt:hover, .nav_link_contact:hover{background:#ed008c;}

/*------------------------------- Main Content Area ----------------------------------*/

#content {
width: 740;
height: auto;
border: none;
padding: 0 0 0 0;
margin: 70px 0 40px 0;
font-size: 12px;
line-height: 22px;
color: #ccc;
font-family: Verdana, Arial, MS Sans;
}

#content img {
border: 4px solid #fff;
}

#content p {
border: none;
padding: 0 0 0 0;
margin: 0 0 8px 0;
}

#content b {
color: #ccc;
font-weight: normal;
}

#content ul {
list-style-image:url('images/cross.gif');
border: none;
padding: 0 0 0 15px;
margin: 0 0 0 0;
}

#content h1 {
font-size: 24px;
line-height: 24px;
font-weight: normal;
color: #f09;
text-align: left;
font-family: Rockwell, Georgia, Arial, Verdana, MS Sans;
border: none;
padding: 0 0 0 0;
margin: 0 0 16px 0;
}

#content h2 {
font-size: 14px;
line-height: 18px;
font-weight: normal;
text-transform: uppercase;
color: #ccc;
text-align: left;
font-family: Arial, Verdana, MS Sans;
border: none;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#post {
width: 740px;
height: auto;
border: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#post_page {
width: 600px;
height: auto;
border: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


#post a:link { color:#666; text-decoration:none; }
#post a:visited { color:#666; text-decoration:none; }
#post a:hover { color:#c00; text-decoration: underline; }
#post a:active { color:#666; text-decoration:none; }

/*------------------------------- Blog Navigation ----------------------------------*/

.navigation {
width: 740px;
height: auto;
border: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.alignleft {
float: left;
padding: 0 0 0 0;
margin: 0 0 6px 0;
}

.alignright {
float: right;
padding: 0 0 0 0;
margin: 0 0 6px 0;
}


/*------------------------------- Footer ----------------------------------*/

#footer {
width: 1040px;
height: auto;
font-size: 10px;
line-height: 12px;
text-align: right;
color: #333;
font-family: Arial, Helvetica, Verdana, Sans;
border: none;
padding: 0 20px 0 0;
margin: 0 0 0 0;
}

/*------------------------------- Typography ----------------------------------*/


a:link { color:#666; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover { color:#ccc; text-decoration: none; }
a:active { color:#666; text-decoration:none; }


/*------------------------------- FORMS ----------------------------------*/
.button
{
font-size: 16px;
padding-left: 3px;
color: #fff;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #c00;
border: none;
margin: 0 0 0 0;
padding: 5px 10px 5px 5px;
}

input
{
font-size: 16px;
padding-left: 3px;
color: #000;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #fff;
border: 1px solid #ccc;
padding: 5px 10px 5px 5px;
}

textarea
{
font-size: 11px;
padding-left: 3px;
color: #000;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #fff;
border: 1px solid #ccc;
}

select
{
font-size: 12px;
padding-left: 6px;
color: #000;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #fff;
border: 1px solid #ccc;
}

/*------------------------------- LightBox Styles ----------------------------------*/