/* --------- WEBRINSE CSS ---------- */

/* general stuff */ 

body{ background-color: #00417c; margin:8px; padding:0; text-align: center; font-family:Arial, Helvetica, sans-serif; }
#top-top { width: 100%; }

/* tutorial list :: home and category pages */
/* ***** TUTORIAL BLOCK ***** */
.tut_block     {padding:10px 5px;border-top:1px #00417C dashed;}
.tut_block img {margin-right:10px;}

.tut_wrapper {padding:5px 5px 10px;border-bottom:1px #00417C dashed;margin-bottom:1px;}
.tut_title {font-size:16px;padding-bottom:5px;}
.tut_wrapper img {margin-right:10px;}
#tut_wrapper_last {padding:5px 5px 10px;}
#tut_wrapper_last img {margin-right:10px;}
#tut_footer {height:8px;background:url(../images/contentheading_bg.gif) repeat-x;margin-top: 1px;border-bottom:#306595 solid 1px;bottom:0px;}
.votes_wrapper {float:left;margin:1px 8px 0 0;}
.votes {width:60px;font-size:20px;color:#00417c;padding:12px 0 6px;text-align:center;background:#e1eaf3;}
.votes span {display:block;padding-top:5px;font-size:12px;}
.vote a {display:block;width:58px;color:#00417c;margin-top:6px;text-align:center;border:1px solid #e1eaf3;}
.vote a:hover {color:#fff;background:#00417c;}
.vote span {display:block;width:58px;color:#999;margin-top:8px;text-align:center;border:1px solid #ccc;}

/* details page */

#comments_wrapper {}
.comment {width:100%;margin-top:10px;padding-bottom:10px;border-bottom:1px #00417C dashed;}
#comment_last {width:100%;margin-top:10px;padding-bottom:10px;}
img.user      { padding: 3px; margin: 0 10px 0 0; height: 60px; width:60px; float: left;}
.username {font-size:14px;}
#add_comment {padding:5px;}
#add_comment label {display:block;font-weight:bold;color:#00417c;font-size:14px;}
#add_comment input {}
#add_comment textarea {width:100%;margin-bottom:10px;}

/* *** LEFT NAV *** */

ul.categories    {padding:4px 0;margin:0;}
ul.categories li {padding:0;margin:0;list-style:none;line-height:16px;}
ul.categories a  {padding:4px 0 4px 26px;font-size:14px;line-height:16px;display:block;background-repeat:no-repeat;background-position: 8px;}
ul.categories a:hover {background-color:#E0EAF4;color:#333333;}

/* ------ END WEBRINSE CSS ------- */

#nav_bar{
height:32px;
background-color: #2e6290;
background-image: url(../images/top_nav_bg.gif);
float: left;
width: 100%;
}

#nav_inner{
float:left;
}

#rightcol-normal{
 width: 155px;
 float: right;
 position: relative;
 margin-right: 1px;
 margin-top: -22px;
 } 
 
#rightcol-broad{
 width: 180px;
 float: right;
 position: relative;
 margin-right: 1px;
 margin-top: -22px;
 } 
 
#outer-1024{
width: 970px;
padding-top: 6px;
} 

#maincol-normal-800{ 
 float: left; 
 width: 450px !important;
 margin-left: 0px !important;
 margin-left: -5px;
 width: 446px;
 } 
 
#maincol-broad-800{ 
 float: left; 
 width: 422px !important;
 margin-left: 0px !important;
 margin-left: -5px;
 width: 417px;
 } 
 
 #maincol-wide-740{ 
 float: left; 
 width: 70%;
 }

#outercolums {  
 width: 15%; 
 float: left;
 }

#rightcol,
#leftcol{
 margin: 0 1px;
 padding: 1px;
 border: #306595 solid 1px;
 background:#FFFFFF url(../images/navbox_bg.gif);
 } 
 

#maincol-normal-1024{ 
 float: left; 
 width: 650px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
#maincol-broad-1024{ 
 float: left; 
 width: 622px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #maincol-wide-1024{ 
float: left; 
width: 800px;
padding-top: 3px !important;
padding-top: 0px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #banner {
 width: 478px;
 height: 69px;
 float: right;
 padding-left: 6px;
 padding-top: 6px;
 }

.content { padding: 0; font-size: 11px; line-height: 18px; }


/* Topmenu */

ul#mainlevel-nav {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left;
	white-space: nowrap;
}

ul#mainlevel-nav li {
	width: auto !important;
	width: 5%;
	float: left;
	margin: 0;
	font-size: 16 px;
	font-weight: bold;
	height: 32px;
	line-height: 30px;
	white-space: nowrap;
	margin-right: 1px;	
	font-family:Arial, Helvetica, sans-serif;
}

ul#mainlevel-nav li a {
	font-weight: normal;
	height: 32px;
	display: block;
	padding-left: 8px;
	padding-right: 16px;
	text-decoration: none;
	color: #ffffff;
	margin-left: 8px;
	white-space: nowrap;
}

/* Main Menu(s) */

ul#mainlevel, .mainlevel {
	font-size: 14px;
	list-style: none;
	padding: 0px;
	margin: 0;
	white-space: nowrap;
	font-weight: bold;
	voice-family:"\"}\""; /* Box Model fix */
	voice-family:inherit;
}

li#mainlevel {
	display: block;
	padding: 0px;
	margin: 0;
	white-space: nowrap;
}

a.mainlevel {
	line-height: 26px;
	margin-bottom: 2px;
	text-decoration: none;
	font-weight: normal;
	voice-family:"\"}\""; /* Box Model fix */
	voice-family:inherit;
	color:#00417c;
}

/* *** HEADINGS *** */
h1  { font-size: 20px; padding: 0; margin: 0; }
h2  { font-size: 18px; padding: 0; margin: 0 0 4px 0; color: #666666; }
h3  { background: url(../images/menu_title_bg.gif) top left repeat-x; 
		font-size: 12px;
		line-height: 9px;
		font-weight: bold;
		margin: 0px;
		padding: 8px 8px;
		color:#FFFFFF;
}
h4           { padding: 0; margin: 0; font-size:12px;}
.left_nav h4 { background:#E0EAF4 url(../images/left_nav_header.gif) bottom no-repeat; 
               padding:4px 8px; color:#00417c; border-top: 1px #BEC9D0 solid}

/* 	*** START Structure ***	*/
/* 	*** WRAPPER ***	*/
#wrapper       { background-color: #FFFFFF; text-align:left; margin-bottom: 20px; border: #00417c solid 1px; min-width: 1040px; }
#wrapper_inner { padding-top: 6px; } 

/* *** STRUCTURE *** */
#container_header { margin:auto; padding: 0; width: 100%;}
#container_content{ margin: 0;   padding: 2px 0;}
#container_footer { margin: 2px; padding: 10px; background: #e1eaf3; font-size: 12px;}

/* *** COLUMN STRUCTURES *** */
#centercolum        { width: auto; border: #306595 solid 1px; padding: 2px; font-size:12px; }
#FB_details_box     { float: right; width: 280px; padding:1px; border: 1px #000066 solid;}
#FB_details         { float: left; width: 228px; height:50px; background-color:#E0EAF4;}
#FB_edit            { font-size:10px;}

.split50            { width: 50%; float:left;}
#message            { background-color:#FFFFFF; width: 400px; width:100%; margin-bottom:20px; border: 1px  #D13D94 solid; color: #D13D94;}

#webdesign_box      { background: url(../images/bg_webdesign.jpg) no-repeat; margin: 20px 0 0 18px; width:454px; color:#FFFFFF;}
.webdesign_list     { background:; font-weight:bold; float:left; width: 126px; }

/*
#add_comment        { border: 1px #EEEEEE solid; }
#add_comment ul     { margin: 0; padding: 0; list-style: none;}
#add_comment li     { margin: 0; padding: 10px 0; clear: both;}
#add_comment label  { float:left; display:block; font-weight: bold; }
#add_comment input  { }
#add_comment textarea{ width: 99%; margin-bottom: 10px; }
*/
 
#settings ul        { margin: 0; padding: 0; list-style: none; width: 600px;}
#settings li        { margin: 0; padding: 0; clear: both;}
#settings dl        { margin: 0; padding: 0; width: 500px; } 
#settings dt        { float: left; clear: left; display:block; width: 29%; padding:0; margin:0;}
#settings dd        { float:right; clear:right; display:block; width: 69%; padding:0; margin:0;}
#settings label     { float:left; display:block; font-weight: bold; }
#settings input     { float:right;}
#settings textarea  { width:99%; }

#image_select li    { float:left; clear:none; padding: 4px; margin:0 5px 5px 0; width: 105px; border:1px #376B9A solid;}
#image_select input { float:left; width:20px; padding: 0; margin: 0; height: 80px;}
#image_select img   { float:right; padding: 0; margin: 0; height: 80px; border:1px #376B9A solid; }

.clr     { clear: both;}
.right   { float: right; }

/* *** STRUCTURE STYLES *** */
div.footer_block       { float: left; width: 20%;} 
div.footer_block_inner { padding: 0 10px; border-right: 1px #666666 solid; }
div.footer_block a     { margin-bottom:20px; line-height: 16px;}
div.footer_block a img { float: left;}
div.footer_block ul    { margin: 0; padding: 0; list-style:none;}
div.footer_block li    { margin: 0; padding: 0 0 4px 0;}

#top_nav img     { float: left; padding:0; margin:0; border:none; }

.contact		     { padding:10px; width: 380px; border:10px solid;}
.contact_title   { background: #E6E6E6; padding: 4px 8px; font-weight: bold;}
.contact ul      { margin: 0; padding: 0; list-style: none;}
.contact li      { margin: 0; padding: 10px 0; clear: both;}
.contact label   { float:left; display:block; font-weight: bold; }
.contact input   { float: right;}
.contact textarea{ width: 99%; }
.button			  { border:1px #666666 solid; background-color: #E2E2E2; line-height: 16px; font-size: 14px; color: #666666;}

.fifty_fifty     { width: 50%; float: left;}

/* *** START USER FORMS *** */
#href            { padding: 2px 4px; width:95%; font-size:18; float:left; font-size:18px;
                   color: #616A74; border:1px #C59E55 solid; background: #F1F5F8; }
.title_tab       { width: 95%; font-size:14px; font-weight: bold; color: #666666;}
#user_loginreg   { width: 700px;}
fieldset.usr     { padding: 0 10px; height: 320px; width: }
.usr legend      { font-weight: bold; font-size: 20px;}
.usr ul          { margin: 0; padding: 0; list-style: none;}
.usr li          { margin: 0; padding: 10px 0; clear: both; background-image: none;}
.usr label       { float:left; display:block; font-weight: bold; }
.usr input       { float: right;}
.usr select      { float: right; margin-left: 10px;}
.usr textarea    { width: 99%; }

/* 	*** END Structure ***	*/

/* *** PSEUDO *** */
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #376B9A; }

/* *** COMMON *** */
p              { margin: 0; padding: 0 0 18px 0;}
img            { border: none; }
ul             { margin: 0; padding: 0; list-style: outside;}
li             { margin: 0 0 0 18px; padding: 0; }
ol             { padding:10px 20px; }
.no_edit			{ margin-right: 2px; padding: 0 2px; width: 209px; float: right; border: 1px #999999 solid; 
					  background: #CCCCCC; font-size: 12px;  }

.clr           { clear: both; }

.form_btn      { float: right;}

.content_inner { padding: 8px; text-align: left; }
.content_small	{ padding: 2px; }
.content_border { border: 1px #F0F0F0 solid; }

.comment_box   { border: 1px #EEEEEE solid; margin-bottom: 10px; }
.comment_date  { float:right; color:#CCCCCC; }
.comment_name  { border-bottom: 1px #EEEEEE solid; font-weight: bold; }

.message       { padding: 10px; color: #666666; border: 1px #666666 solid; background: #EFF3BF; margin: 4px 0;} 
.alert         {color:#F17C0E; font-size: 14px;}
.message strong,
.error strong  { font-size:16px; text-transform:uppercase;}

.btn           { cursor: pointer; border: none;}
.continue      { background:url(../images/buttons_continue.png) no-repeat; border: none; width: 76px; height: 23px; }
.submit        { background:url(../images/buttons_submit.png) no-repeat;   border: none; width: 60px; height: 23px; }

img.thumb      { padding: 2px; margin: 0 10px 0 0; height: 80px; width:80px; border:1px #376B9A solid; float: left;}

ul.gallery 		{ width: 400px; margin: 18px auto 0 auto; padding:0;}
.gallery li 	{ margin:0; padding:0; float:left; list-style: none; text-align: center; width: 25%; 
					  background: url(../images/gallery_booarder.jpg) top right no-repeat; }
li.no_border   { background-image:none;}

.codebox       { border: 1px #999999 dashed; padding: 0 4px; margin: 4px 0; overflow: auto; width: 100%;}

.contact_center{ margin: auto; width: 250px; text-align:center; }

.FB_Link       { float:right;}