/* Color Scheme */
/*
dull	
#4477aa
	#336699
	#6699cc
	#bbddee
	#334466
vibrant	
	
	#0055cc
	#0033bb
	#1188ff
	#99eeff
	#003377

*/

body { line-height:1.1em; font-size:.9em; font-family:Arial, Helvetica, sans-serif; background-color:#EEE; margin:0; color:#222; }
.clear { clear:both; }
.ir { display:block; text-indent:-9999px; background-repeat:no-repeat; outline:none; }
.clear { clear:both; }
.hidden { display:none; }
img { border:none; }
p,h1,ul { margin-bottom:1em; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a:link { color: #369; }
a:active { color:#F00; }
a:visited { color:#369; }
a:hover { color:#000 }
th { text-align:left; }
label { font-size:.9em; margin-right: 1em; font-weight:bold; display:block; }
fieldset ol { list-style:none; }
fieldset ol li { margin-bottom:10px; }
fieldset { border:none; }

h1 { font-size:1.2em; margin-bottom:10px; }
h2 { font-size:1.1em; margin-bottom:10px; }
h3 { font-size:1em; margin-bottom:10px; }


/* Layout Containers */

#outer_container { width:970px; margin:0 auto; background-image:url('../images/outer_bg.jpg'); background-repeat:repeat-y; font-size:1em; }
#container { width:950px; margin:0 auto; background-color:#fff; border:1px solid #666; }


/* Header */

#header { width:950px; height:110px; /* 93 */ background-image:url('../images/header3.jpg'); background-repeat:no-repeat; }
h1#logo { position:absolute; top:28px; left:50%; margin-left:-460px; }
h1#logo a { width:450px; height:45px; }
#content { padding:15px 15px 30px 15px; /*background-image:url('../images/main_bg.gif'); background-repeat:no-repeat; background-position:0 50px; */ font-size:.9em; overflow:auto; }


/* Footer */

#footer { margin:0 auto; width:950px; font-size:.8em; color:#666; padding-top:5px; }
#footer a { text-decoration:none; color:#666; }
#footer a:hover { text-decoration:underline; }
#copyright { width:400px; float:left; padding-left:15px; }
#footer_links { width:400px; float:right; text-align:right; margin:0; padding:0; }
#footer_links li { list-style-type:none; display:inline; border-right:1px solid #999; }
#footer_links li.first { padding-left:0; }
#footer_links li.last { border:none; padding-right:5px; }
#footer_links li a { padding:0 10px; }
#credit { width:400px; float:right; text-align:right; padding-right:15px; }





ul.links, ul.menu { margin-top:1.5em; padding:0; list-style:none; }
ul.links li, ul.menu li { padding-bottom:1em; }
ul.links span.desc, ul.menu li span.desc { display:block; }
ul.links a,ul.menu a { font-size:1.1em; }


/* Piped Links */

ul.piped { margin:0; padding:0; list-style:none; }
ul.piped li { display:inline; border-right:1px solid #ccc; padding:0 5px; }
ul.piped li a { }
ul.piped .first { padding-left:0; }
ul.piped li.last { padding-right:0; border-right:none; }



table.default_list { width:100%; }
table.default_list td { padding-right:20px; vertical-align:top; border-bottom:1px dashed #eee; text-align:left; padding:2px 20px 2px 0; }
table.default_list th { padding-right:20px; border-bottom:1px solid #ccc; text-align:left; font-size:.9em; white-space:nowrap; }

table.default_horiz { }
table.default_horiz td { padding:5px; border-bottom:1px dashed #eee; }
table.default_horiz th { text-align:left; padding:5px; background-color:#eee; border-bottom:1px solid #fff; }

table.hp_stories { width:100%; }
table.hp_stories td { width:33%; padding-right:20px; vertical-align:top; }
table.hp_stories h3 { /*background-color:#eee; border:1px solid #ccc;*/ border-bottom:1px solid #ccc; padding:2px 5px; margin-bottom:5px; }
table.hp_stories ul { list-style:none; margin:0; padding:0 0 0 5px; }
table.hp_stories li { padding-bottom:5px; }


/* Profile */

#profile h3 { border-bottom:1px solid #ccc; margin:0; padding-bottom:5px; margin-bottom:5px; }
#profile-sidebar { float:left; background-color:#eee; border:1px solid #ccc; padding:10px; width:150px; margin-right:20px; }
#profile-sidebar h1 { }
#profile-sidebar .avatar { margin-bottom:20px; }
#profile-sidebar ul.links { }
#profile-sidebar ul.links li { padding-bottom:2px; }
#profile-main { width:725px; float:right; }
ul#profile-nav { list-style:none; margin:0 0 20px 0; padding:0; border-top:1px dashed #ccc; }
ul#profile-nav li { padding:4px 0; border-bottom:1px dashed #ccc; }
ul#profile-nav li a { }


/* Tool Headers */

div.tool_header { background-color:#EEE; border:1px solid #999; padding:10px; overflow:auto; margin-bottom:1em; }
div.tool_header .left { float:left; width:45%; text-align:left; /* border:1px solid green; */ }
div.tool_header .right { float:right; width:45%; text-align:right; /* border:1px solid red; */ }
div.tool_header .title,
div.tool_header h1 { font-weight:bold; font-size:1.2em; margin:0; }
div.tool_header ul { }
div.tool_header li { border-right:1px solid #CCC; margin:0; padding:0 5px; display:inline; list-style-type:none; }
div.tool_header li.first { padding-left:0; }
div.tool_header li.last { border-right:none; padding-right:none; }
div.tool_header a { font-weight:bold; }
div.tool_header ul.piped { text-align:right; }


table#site_stats { margin-bottom:20px; border-top:1px dashed #eee; width:400px; }
table#site_stats th { border-bottom:1px dashed #eee; }
table#country_stats { margin-bottom:20px; }
.last_modified { margin-top:20px; color:#ccc; font-size:.9em; }


.debug { background-color:#eee; border:1px solid #ccc; padding:5px; font-size:.9em; margin-bottom:10px; }


img.rating { vertical-align:middle; }


ul.more_links { list-style:none; padding:0; margin:0 0 10px 0; font-size:1em; }
ul.more_links li { padding:0; margin:0; }
ul.more_links li a { font-weight:bold; }





table#story_comments { width:100%; }
table#story_comments td { padding-top:8px; padding-bottom:8px; border-bottom:1px dashed #ccc; }
table#story_comments td.date { white-space:nowrap; }

.story_meta { width:300px; font-size:.9em;	display:none; background-color:#eee; border:4px solid #ccc; padding:8px; position:absolute; left:50%; top:180px; margin-left:-20px; }

form#add_comment .textarea { width:570px; height:150px; }


/* Browse Form */

#browse_nav label { display:inline; }
ul.maturity_ratings { margin:0; padding:0 15px 0 0; display:inline; }
ul.maturity_ratings li { display:inline; padding-right:2px; }
ul.letters { margin:0 0 5px 0; padding:0; list-style:none; }
ul.letters li { display:inline; padding-right:4px; }


/* Member List */

body#member_list ul.letters { margin-bottom:20px; }
body#member_list ul.letters li.active a { font-weight:bold; color:#000;	 text-decoration:underline; }
table#members { margin-top:15px; margin-bottom:15px; }
table#members td.user_name {font-weight:bold; }
table#members td { padding:5px 15px 5px 0; }
table#members ul.actions { list-style:none; margin:0; padding:0; }
table#members ul.actions { }


/* Form Fields */

.text { border:1px solid #ccc; }
.checkbox { vertical-align:middle; }
.radio { vertical-align:middle; }
.select { border:1px solid #ccc; }
.button { color:#FFF; background-color:#336699; border-color:#999; }
label.optional { font-weight:normal; }


a.button {
/* Sliding right image */
background: transparent url('../images/button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('../images/button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}




/* Form Table */

table.form_table { margin-bottom:15px; }
table.form_table th { vertical-align:top; padding:5px 10px; background-color:#eee; border-bottom:1px solid #fff; }
table.form_table td { vertical-align:top; padding:5px 10px; }
table.form_table label { }
table.form_table { }


/* Some Fancy Button */
a.button1 { float:left; background:transparent url('/images/btn_orange.gif') no-repeat; cursor:pointer; text-align:center; display:block; text-decoration:none; margin:3px 2px; }
a.button1:hover { text-decoration:none; }
a.button1 span { padding:1px 10px 5px 7px; text-align:center; position:relative; left:2px; top:1px; display:block; text-decoration:none; background:url('/images/btn_orange.gif') right bottom no-repeat; color:#ffffff; font-weight:bold; font-family:verdana; font-size:11px; line-height:13px; }                                


/* User Notification Types */

.info,
.success,
.warning,
.error { border: 1px solid; margin: 0 0 1.5em 0; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px 10px; font-weight:bold; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/icons/info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/icons/success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/icons/warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('../images/icons/error.png'); }

.info ul,
.success ul,
.warning ul,
.error ul { margin-top:1em; list-style-type:square; padding-left:15px; }


div.default-header { padding:8px; background-color:#eee; border:1px solid #ccc; margin-bottom:15px; }
ul.bulleted { list-style-type:square; padding-left:15px; }


#header-right { color:#336699; position:absolute; top:20px; left:50%; margin-left:55px; font-weight:bold; font-size:.9em; width:400px; text-align:right; }
#header-right a { color:#ffff00; }
#header-right a { padding-left:15px; }
#mail-notice { }
#mail-notice img { vertical-align:middle; }
ul.nav-tabs {  margin:0; padding-bottom:5px; }
ul.nav-tabs li { display:block; display:inline; padding-right:10px; }
ul.nav-tabs li a { padding:5px 10px; background-color:#eee; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; }
ul.nav-tabs li.active a { background-color:#369; color:#fff; }



#country_stats { width: auto; }

#google-plus-one { position:absolute; top:50px; left:50%; margin-left:370px; }
#facebook-like { position:absolute; top:52px; left:50%; margin-left:270px; }