/*
Theme Name:		DDC.com
Theme URI:		http://shoxwebstudio.com
Description:	A website framework so flexible and extensible that you will never have to change your theme again. Seriously. [ver. 1.5]
Version:		1.5
Author:			Jerald paras
Author URI:		http://www.shoxwebstudio.com/
*/

@import url(https://fonts.googleapis.com/css?family=Michroma);

body { background: #fff; color:#CCCCCC; font-size:12px; }
* { padding: 0; margin: 0; }

/*---:[ core layout elements ]:---*/
#login{width:100%; padding-top:1em; font-size:11px;  }
#header {clear: both; padding:0px; }
	#column_wrap { float: left; }
	#bottom-content { width: 100%; background:#333333;}
	
	.post_box, .teasers_box { border-top: 1px dotted #bbb; clear: both; }
	.teasers_box .post_box { margin: 0; border-top: none; clear: none; }
		.teaser { float: left; }
		.teaser_right { float: right; }
	.top { border: none !important; }
		.sidebars {width:280px; float:right; padding:1em 1em 0em 1em;}
			#sidebar_1 { border-style: dotted; border-color: #ddd; }
#footer { color: #888; border-top: 3px double #ddd; text-align: center; clear: both; font-size:11px;}

/*---:[ global elements ]:---*/
a { color:#A5DA03; text-decoration: none; }
a:hover { text-decoration: none; }
a.post_image_link { outline: none; }
a img { border: none; }
blockquote { border-left: 1px solid #ddd; color: #666; }
abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }
code { line-height: 1em; background: #eee; }
pre { background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
.remove_bottom_margin { margin-bottom: 0 !important; }

/*---:[ form inputs ]:---*/
input, textarea { font-size: 1em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }
input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
	.sidebar .text_input { width: 95%; }
	input.form_submit { font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; width: auto !important; overflow: visible; }
	#commentform input.form_submit { border-width: 3px; }
	input.form_submit:hover { color: #090; }

/*---:[ universal image classes ]:---*/
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*---:[ image captioning ]:---*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
	.wp-caption.alignleft { float: left; }
	.wp-caption.alignright { float: right; }
	.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
	.wp-caption.alignnone { clear: both; }

/*---:[ headlines and bylines ]:---*/
h1, h2, h3, h6 { font-weight: normal; }
h4, h5 { font-weight: bold; }
h5, h6 { text-transform: uppercase; letter-spacing: 1px; }
.format_text h2.top, .format_text h3.top { margin-top: 0 !important; }
.sidebars h3 { font-variant: small-caps; letter-spacing: 2px; color: #555; }

	h2 a { color: #111; }
	h2 a:hover { color: #2361a1; }
	
	h4 { color: #95C701; }

/*---:[ headline meta data (includes bylines) ]:---*/
.headline_meta { font-style: italic; color: #888; }
	.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
	.headline_meta a { color: #888; border-bottom: 1px solid #eee; }
	.headline_meta a:hover { color: #111; }

/*---:[ nav menu styles ]:---*/
ul#tabs { list-style: none; width:600px;  }
	ul#tabs li { margin-bottom:0em; background: #efefef url(../images/nav-bar.png) repeat-x top left; float: left;}
	ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: #fff; border-bottom: 0; }
		ul#tabs li a { display: block; line-height: 1em; color:#333; font-weight:bold; letter-spacing: 0px; }
		ul#tabs li a:hover { color:#666666; text-decoration: none;  }
		ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor: default; }
		ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; }
	ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; }
		ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; }

/*---:[ #header styles ]:---*/
#header #logo { font-weight: bold; }
	#header #logo a { color: #111; }
	#header #logo a:hover { color: #2361a1; }
#header #tagline { font-weight: normal; color: #888; }

/*---:[ content styles ]:---*/
.format_text a { text-decoration: underline; }
.format_text a:hover { text-decoration: none; }
.format_text p.note { background: #f5f5f5; border: 1px solid #ddd; }
.format_text p.alert { background: #ffffa0; border: 1px solid #e5e597; }
.format_text .drop_cap { color: #888; float: left; }
.format_text ul { list-style: square; }
	.format_text dt { font-weight: bold; }
	/*---:[ pullquotes ]:---*/
	.format_text blockquote.right, .format_text blockquote.left { border: none; }
	.format_text blockquote.right { float: right; }
	.format_text blockquote.left { float: left; }
		.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	/*---:[ end pullquotes ]:---*/
.format_text .ad { float: right; clear: right; }
	.format_text .ad_left { float: left; clear: left; }

/*---:[ after-post elements ]:---*/
.format_text .to_comments { color: #666; clear: both; }
	.format_text .to_comments span { color: #111; line-height: 1em; }
	.format_text .to_comments span.bracket { color: #ccc; }
	.format_text .to_comments a { color: #666; text-decoration: none; }
	.format_text .to_comments a:hover { color: #111; text-decoration: underline; }

/*---:[ tags are not targeted further because these styles need to cascade to teasers as well ]:---*/
.post_tags { color: #666; }
	.post_tags a { text-decoration: none; }
	.post_tags a:hover { text-decoration: underline; }

/*---:[ feature box ]:---*/
#feature_box { background: #eee; border-bottom: 2px solid #ddd; }

/*---:[ home page teasers ]:---*/
.teaser a.teaser_link:hover { text-decoration: underline; }
.teaser .teaser_author { font-style: italic; color: #888; }
	.teaser .teaser_author .author { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
.teaser .teaser_date { color: #888; }
.teaser .edit_post { letter-spacing: 1px; color: #888; }
	.teaser .teaser_author a, .teaser a.teaser_comments, .teaser a.teaser_category, .teaser .edit_post a { text-transform: uppercase; letter-spacing: 1px; color: #888; border-bottom: 1px solid #eee; }
	.teaser .teaser_author a:hover, .teaser a.teaser_comments:hover, .teaser a.teaser_category:hover, .teaser .edit_post a:hover { color: #111; }
	.teaser .teaser_author a { font-style: normal; }
	.teaser .format_teaser a { text-decoration: underline; }
	.teaser .format_teaser a:hover { text-decoration: none; }

/*---:[ archive information block ]:---*/
#archive_info { border-bottom: 2px solid #ddd; }
	#archive_info p { text-transform: uppercase; letter-spacing: 2px; }

/*---:[ navigation links ]:---*/
.prev_next { text-transform: uppercase; letter-spacing: 2px; border-top: 2px solid #ddd; color: #666; clear: both; }
	.prev_next .next { text-align: right; }
	.prev_next .floated { float: left; }
	.prev_next a { text-decoration: none; }
	.prev_next a:hover { text-decoration: underline; }
	.post_nav a { text-transform: none; letter-spacing: normal; }
#comment_nav_2 { border-top: 0; border-bottom: 2px solid #ddd; }

/*---:[ multimedia box ]:---*/
#multimedia_box { width: 100%; }
	#image_box { background: #eee; border-bottom: 1px solid #ddd; }
		#image_box img { display: block; background: #fff; border-style: solid; border-color: #bbb; }
	/*---:[ video box styles ]:---*/
	#video_box { background: #000; }
	/*---:[ custom box styles ]:---*/
	#custom_box { background: #eee; border-bottom: 1px solid #ddd; }

/*---:[ sidebar styles ]:---*/
.sidebars a { text-decoration: none; color:#B8C958; line-height:2em; font-weight:bold;}
.sidebars a:hover { text-decoration: underline; color:#A5DA03; }
ul.sidebar_list { list-style: none;  }
	li.widget { width: 100%; }
	li.centered { text-align: center; }
		li.widget p a { text-decoration: underline;   }
		li.widget p a:hover { text-decoration: none; }
		li.widget ul { list-style: none;  }
			li.widget ul li .num_comments { color: #111; }
		/*---:[ widget box styles ]:---*/
		li.widget .widget_box { background: #e3f0f2; border-style: solid; border-color: #addde6; }
		/*---:[ subscriptions widget ]:---*/
		.thesis_widget_subscriptions .sub_rss a { padding-left: 20px; background: url('images/icon-rss.gif') 0 50% no-repeat; }
		.thesis_widget_subscriptions .sub_email a { padding-left: 20px; background: url('images/icon-email.gif') 0 50% no-repeat; }
		/*---:[ google custom search ]:---*/
		li.thesis_widget_google_cse form input[type="text"] { width: 95%; }
		li.thesis_widget_google_cse form input[type="submit"] { font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
		li.thesis_widget_google_cse form input[type="submit"]:hover { color: #2361a1; }
		/*---:[ calendar widget ]:---*/
		#calendar_wrap { width: 98%; padding: 0 1%; }
			#calendar_wrap a { font-weight: bold; }
			#calendar_wrap a:hover { background: #ddd; text-decoration: none; }
			table#wp-calendar { width: 98%; border-collapse: collapse; }
				table#wp-calendar caption { font-weight: normal; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; }
				table#wp-calendar th { width: 14%; background: #f2f2f2; border-bottom: 1px solid #ddd; text-align: center; }
				table#wp-calendar td { width: 14%; color: #888; text-align: center; }
				table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; text-transform: uppercase; letter-spacing: 1px; }
				table#wp-calendar td#next { text-align: right; }
				table#wp-calendar td#prev { text-align: left; }

/*---:[ comment styles ]:---*/
	.comments_intro p { color: #666; }
		.comments_intro a { text-decoration: underline; }
		.comments_intro a:hover { text-decoration: none; }
		.comments_intro span { color: #111; line-height: 1em; }
		.comments_intro span.bracket { color: #ccc; }
dl#comment_list { border-top: 1px dotted #bbb; }
			dl#comment_list dt a:hover { text-decoration: underline; }
			dl#comment_list dt .comment_author { font-weight: bold; }
			.avatar img { float: right; }
			.comment_time, .edit_comment { color: #888; }
				.comment_time { white-space: nowrap; }
				.comment_time a, .edit_comment a { color: #888; }
				.comment_time a:hover, .edit_comment a:hover { color: #888; }
		.comment_num { float: right; }
			dl#comment_list .comment_num a { font-weight: bold; color: #aaa; }
			dl#comment_list .comment_num a:hover { color: #fff; background: #aaa; text-decoration: none; }
	dl#comment_list .bypostauthor { background: #e7f8fb; }
	dl#comment_list dd { border-bottom: 1px dotted #bbb; }
		dl#comment_list dd p.reply a { color: #888; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
		dl#comment_list dd p.reply a:hover { text-decoration: underline; }
	dl#comment_list dl { border-top: 0; }
		dl#comment_list dl dt, dl#comment_list dl dd { background: none; }
		dl#comment_list dl dd { border-bottom: 0; }
		dl#comment_list dl .bypostauthor { background: none; }
		dl#comment_list dl dt, dl#comment_list dl dd .format_text { border-style: solid; border-color: #ddd; }
		dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color: #bde0e6; }
		a.comment_link { color: #111; text-decoration: none; font-variant: small-caps; border-bottom: 1px solid #bbb; }
		a.comment_link:hover { color: #111; border-bottom-color: #111; }
	/*---:[ author comment and alternating comment colors ]:---*/
	/* dl#comment_list .even { background: #f5f5f5; }
	dl#comment_list .odd { background: #fff; } */
dl#trackback_list { border-top: 1px dotted #bbb; }
		dl#trackback_list dt a { color: #111; }
		dl#trackback_list dt a:hover { color: #111; text-decoration: underline; }
	dl#trackback_list dd { color: #888; }
	.comments_closed p { text-transform: uppercase; letter-spacing: 1px; color: #888; }

/*---:[ comment form styles ]:---*/
	#respond_intro p { color: #555; }
		#respond_intro p a { font-weight: bold; }
		#respond_intro p a:hover { text-decoration: underline; }
.login_alert { background: #f5f5f5; border: 1px solid #ddd; }
	.login_alert p { font-weight: bold; }
		.login_alert p a:hover { text-decoration: underline; }
.comment_moderated { font-weight: bold; }
#commentform { border-top: 1px dotted #bbb; }
	#commentform p { margin-bottom: 1em; }
		#commentform p a { text-decoration: underline; }
		#commentform p a:hover { text-decoration: none; }
		#commentform p .required { color: #d00; }
	#commentform span.allowed { display: block; color: #807e70; background: #f9f7e4; border-style: dotted; border-color: #bbb; }
		#commentform span.allowed span { display: block; }
		/* Support for the highly-recommended Subscribe to Comments Plugin */
		#commentform p.subscribe-to-comments label { font-size: 1em; }

/*---:[ footer styles ]:---*/
#footer a { color: #888; border-bottom: 1px solid #ccc; }
#footer a:hover { color: #111; }

/*---:[ self-clearing floats from Dan Cederholm ]:---*/
ul#tabs:after, #content_box:after, #sidebars:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---:[ nav menu styles ]:---*/
#nav {
		width:465px;
		height:28px;
		float: right;
		padding: 0;
		background:url(images/nav-bar.png) no-repeat left top;
	}
	
.nav_container {	
		overflow: hidden;
	}

ul#tabs {
			float: left;
			border: none;
			width: 465px;
			margin: 0;
		}

.swf{
background:#FFFFFF;
	}
	
.left-content{
	width:565px;
	float:left;
	padding:1em;
	border-right:#666666 dotted 1px;
	}

.left-content h3{
	color:#B8C958;
	font-weight:bold;
	}

p{
	line-height:1.5em;
	}
.bottom-bg{
	background:#333333 url(../images/bottom-bg.jpg) no-repeat bottom left;
	}
	
/*----------------------------*/
.panel_button {
	margin-left: auto;
	margin-right: 2em;
	position: relative;
	top: 1px;
	width: 109px;
	height: 28px;
	background: url(../images/panel_button.png) no-repeat top;
	z-index: 20;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;

	opacity: 0.70;

	cursor: pointer;

}

.panel_button img {

	position: relative;

	top: 10px;

	border: none;

}

.panel_button a {

	text-decoration: none;

	color: #A5DA03;

	font-size: 12px;

	font-weight: bold;

	position: relative;

	top: 5px;

	left: 10px;

	font-family: Arial, Helvetica, sans-serif;

}

.panel_button a:hover {

	color: #999999;

}



#toppanel {

	position: relative;

	width: 100%;

	left: 0px;

	z-index: 25;

	text-align: center;
	height:25px;



}

#panel {

	width: 100%;

	position: relative;

	top: 1px;

	height:40px;

	margin-left: auto;

	margin-right: auto;

	z-index: 10;

	overflow: hidden;

	text-align: right;
	

}

#panel_contents {

	background: black;

	filter:alpha(opacity=70);

	-moz-opacity:0.70;

	-khtml-opacity: 0.70;

	opacity: 0.70;

	height: 100%;

	width: 100%;

	position: relative;

	z-index: -1;

}

#panel h1 {

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: white;

	font-weight: normal;

	line-height: 35px;

	left: 275px;

	position: relative;

	top: 10px;

}

#main-content {width:900px; background:#fff;  margin:auto 0;}
#main-content .border{border:#CCCCCC solid 1px;}
#main-content p{color:#777;}
#main-content .right{ float:right; padding-left:1em;}
#main-content .left{ float:left;  padding-right:1em;}
#main-content .padding-content{ padding:1em;}
#main-content ul{ margin-left:2em; color:#95C701; line-height:1.5em; list-style:none;}
#main-content ul li{ background:url(../images/arrow-bullet.gif) 0% 50% no-repeat; padding-left:2em;}
#main-content .contact-left{width:300px; float:left;}
#main-content .contact-right{width:500px; float:right; margin-right:20px;}
#main-content .tb6 {
	border: 1px solid #CCCCCC;
	width: 220px;
	height:20px;
}

#main-content .tb7 {
	border: 1px solid #CCCCCC;
	width: 350px;
}

#main-content h2{
	width:850;
	background:#333333;
	padding:.4em 1em .4em;
	font-size: 1.8em;
	color:#A7D906; 
	font-family: 'Michroma', sans-serif;
	text-transform:uppercase;
	}
#main-content h3{
	color:#FF6600;
	}

#main-content .signup{
	color:#999999;
	}

#main-content .style1{
	color:#555;
	}

.blue-name{color:#007ED2;}
.green-name{color:#99CC00;}

.botom-img img{border:1px solid #CCCCCC;}

#privacy, #privacy p, #privacy a, #privacy h3, #privacy li { color: #777; } 
#privacy p { margin-bottom: 5px; }
#privacy ul li { background:url(../images/arrow-bullet.gif) 0% 8px no-repeat; margin-bottom: 5px; }

.reglist a {
	font-size: 18px;
	font-weight: bold;
	color: #555;
}
.reglist a:hover {
	text-decoration: underline;
	color: #A5DA03;
}

.inset {
	width: 90%;
	margin: 15px auto;
}
.inset b {
	color: #777;
}
#main-content .inset ul li {
	background:url(../images/arrow-bullet.gif) 0% 6px no-repeat; padding-left:2em;
}