/* 
	    company: dial media group www.dialmediagroup.com
 author name(s): 
	    website:

	   	  index:-
				1. global
				2. layout
				3. menu
				4. content
					- forms
					- data tables
					- lists
					- definition lists
				5. bugfixes
*/

/* 1. global */
a{text-decoration:none; color:#33bbad;}
a:hover{text-decoration:underline}
a:focus{text-decoration:underline}
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;color:#999}
body{margin:0;padding:0 0 30px 0; background:url('../images/footer.gif') bottom repeat-x fixed; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#747474;}
html{background:url('../images/bg.gif') top repeat-x #2e3737 fixed; padding:0; margin:0;}
h1, h2{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#33bbad; font-weight:normal;}
h1, h2{font-size:x-large;}

img{border:0}
p{}
hr{border:0; border-top:1px solid #cecece; height:0; background:#cecece; clear:both;}
.white-normal{color:#FFFFFF;}

/* 2.layout template(s) */
#container{width:926px; margin:auto; padding:0 10px 10px 10px; background:url('../images/container.png') no-repeat bottom;}
#header{width:906px; float:left; padding:10px 0; margin-left:10px; display:inline; border-bottom:1px solid #cccccc;}
#header .logo{width:115px; height:101px; float:left; margin-left:40px; padding:0;}
#header .banner{float:right;}
#header ul{margin:5px 0 0 0; padding:0; list-style:none; float:left; width:100%; text-align:right}
#header li{display:inline;}
#middle{}
#footer{width:868px; margin-left:10px; float:left; padding:5px 19px 10px 19px; text-align:center; border-top:1px solid #cccccc;}
#footer ul{list-style:none; margin:0; padding:0;}
#footer li{margin:0; padding:0; display:inline;}
#footer p{margin:3px 0 5px 0;}

/* 3.menu */
#menu{}

/* 4.content */
#content{width:926px; float:left;}
#content-main{width:668px; float:right; padding:19px;}
#content-main p{line-height:1.4em;}
#content-main img{/*float:right;*/}
#content-main .comments{display:block; background:#f1f1f1; padding:8px 35px; float:left; width:550px; }
#content-main p.icon-comment{background:url(../images/icon_comment.gif) left 2px no-repeat; padding-left:20px;}
#content-main p.icon-blogger{background:url(../images/icon_blogger.gif) left 2px no-repeat; padding-left:16px;}

#content-left{width:182px; float:left; padding:19px; font-size:10px;}
#content-left .box-left{width:158px; float:left; padding:12px 12px 0 12px; background:url('../images/bg_box_left.gif') top left no-repeat;}
#content-left .box-left-footer{width:182px; height:16px; float:left; background:url('../images/bg_box_left.gif') bottom left no-repeat; margin-bottom:10px;}
#content-left .box-left.latest-blogs ul{margin:0 0 0 13px; padding:0;}
#content-left .box-left.latest-blogs li{margin:0 0 5px 0; padding:0;}
#content-left h2{font-size:16px; margin:0 0 5px 0;}
#content-left img.official-blogger{float:right; padding:3px; margin:0 0 3px 5px; border:2px solid #d0e1df;}

	/* forms */
	.errorMessage{padding:10px;border:#ff0000 1px solid;color:#000;background-color:#fcd8de}
	.form-style .inputfield{background:url('../images/input-bg.png') no-repeat top right; border:none; height:14px; width:149px; padding:6px 3px 3px 6px; font-size:10px; margin:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
	.form-style .inputfield:focus{background-position:bottom right}
	.form-style .inputbox{width:225px}
	.form-style .typeface-js{font-size:30px}
	.form-style .imageThumb{float:left; clear:none; margin-right:5px; margin-bottom:3px}
	.form-style .required{color:#990000}
	.form-style fieldset {clear:both; float:left; border:0; margin:0; padding:0}
	.form-style legend{clear:both; float:left; border:0; padding:0; margin:5px 0; font-weight:bold;}
	.form-style div{clear:both; margin:0 0 10px 0; width:100%; float:left}
	.form-style label{font-size:11px; display:block; clear:both; width:215px; float:left; text-align:right; margin:0 5px 10px 0}
	.form-style textarea{width:225px; font-size:11px; height:100px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url('../images/bg_shop.gif') repeat-x bottom}
	/*.form-style input:focus{background:#e9e9e9}*/
	.form-style textarea:focus{background:#e9e9e9}
	.form-style select:focus{background:#e9e9e9}
	.form-style p{clear:both}
	.form-style .form-column{width:50%; float:left; display:block; clear:none}
	.form-style label.checkbox{margin:0 0 0 155px; float:left; text-align:left}
	
	.form-style.left-form label{display:none;}
	.form-style.left-form select{width:159px;}
	.form-style.left-form .button{float:right;}
	.form-style .button{border:none; background:#d0e1df; border:1px solid #33bbad; font-weight:bold; font-size:12px;}
	
	
	/*.form-style.archive label{text-align:left; width:auto; margin:auto;}*/

	/* data tables */
	.table-style1 table{border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
	.table-style1 td, .table-style1 th {padding:5px;border:solid #ccc;border-width: 1px 1px 0 0}
	.table-style1 th {font-weight:bold;background:#e7eff7;text-align:left}
	.table-style1 td {text-align:left;vertical-align:top;padding-top:5px}
	.table-style1 tbody tr:hover {background:#eaebf3}
	.table-style1 tbody tr:hover th{background:#e7eff7}
	.table-style1 input:focus{background:#f6f6f6}
	
	/* definition list (wrap in a div) */
	dl.selector{clear:both;margin:0;padding:0}
	.selector dt{margin:0 5px 5px 5px;float:left;clear:both;padding:0;font-weight:bold}
	.selector dd{margin:0 0 5px 0;padding:0}
	
	/* Bullet Style */
	.selector ul, 
	.selector ol{margin:1.2em 0;padding:0;border:0;list-style:none}
	.selector li{background:#fff url('x') 0 0.5em no-repeat;padding:0.4em 0 0 2em;line-height:1.5em}

/* 5.bugfixes */

/* CSS: min-height with !important works with IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
.selector {min-height:500px;height:auto !important;height:500px}

/* Clear fix on www.positioniseverything.net/easyclearing.html */
.clear{clear:both; width:100%; overflow:hidden}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */