/*
Theme Name: Atlantis
Theme URI: http://www.tipsandtricks-hq.com/
Description: <a href="http://www.tipsandtricks-hq.com/">Atlantis</a> theme is designed for Wordpress blog/site.
Version: 1.1
Author: Ruhul Amin
Author URI: http://www.tipsandtricks-hq.com/
*/
body {
background:#1D2029;
width:960px;
color:#333;
font:13pt Georgia, Arial, Tahoma, Verdana;
margin:0 auto;
padding:0
}

p {
margin:15px 0
}

a:link,a:visited {
color:#3c78a7;
text-decoration:none
}

a:hover,a:active {
color:#3c78a7;
text-decoration:underline
}

a img {
border:0
}

code {
font:1em 'Courier New', Courier, Fixed;
background:#ececec
}

acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em;
cursor:help
}

acronym,abbr {
border-bottom:1px dashed #999
}

blockquote {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#eee;
font:1em Arial;
line-height:1.5em;
margin:10px 0;
padding:10px 10px 0
}

#head {
width:960px;
overflow:hidden;
margin:20px 0 10px 0;
padding:0;
}

.left,.alignleft {
float:left
}

.right,.alignright {
float:right
}

#header{
background:#0A0D12;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-bottom:5px;
}
.header_top{
background-color:#000;	
color:#e9e9e9;
height:27px;
font-style:italic;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
 border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:5px 20px;
font-weight:normal;
font-family:"Myriad Pro","Trebuchet MS",Arial;
font-size:18px;
border-bottom:1px solid #1F1F1F;
}

#logo {
padding:10px;
vertical-align:top;
}

#social_icons {
margin:0px;
}
#social_icons img {
padding:3px;
}

#social_icons a:hover img {
background:#61788C;
padding:3px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px; 
}

/*** Start of Nav CSS ***/
#navbar {
background:#0A0D12;
width:960px;
height:32px;
font-size:12px;
font-family:Georgia, Times New Roman;
color:#fff;
border-top:1px solid #1F1F1F;
margin:0;
padding:0;
}

#nav li a,#nav li a:link,#nav li a:visited {
color:#fff;
display:block;
text-transform:uppercase;
margin:0;
padding:8px 15px 9px;
}

#nav li a:hover,#nav li a:active {
background:#232A36;
color:#eee;
text-decoration:none;
margin:0;
padding:8px 15px 9px
}

#nav li li a,#nav li li a:link,#nav li li a:visited {
background:#232A36;
width:150px;
color:#eee;
font-family:Georgia, Times New Roman;
text-transform:uppercase;
float:none;
border-bottom:1px solid #182842;
margin:0;
padding:7px 10px
}

#nav li li a:hover,#nav li li a:active {
background:#2F3B4D;
color:#eee;
padding:7px 10px
}

#nav li ul {
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0
}

#nav li ul a {
width:140px
}

#nav li ul ul {
margin:-32px 0 0 171px
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul {
left:-999em
}

#nav li:hover,#nav li.sfhover {
position:static
}
/*** End of Nav CSS ***/

#page {
width:960px;
background:#1D2029;
font-size:.7em;
margin:0 auto;
}

#page-bar li {
float:left;
margin:0;
padding:0
}

#page-bar li li {
float:left;
width:122px;
text-transform:none;
margin:0;
padding:0
}

#page-bar li li a,#page-bar li li a:link,#page-bar li li a:visited {
background:#2B2B2B;
width:122px;
float:none;
border-top:1px solid silver;
margin:0;
padding:5px 10px 5px 18px
}

#page-bar li li a:hover,#page-bar li li a:active {
background:#666;
padding:5px 10px 5px 18px
}

#page-bar li ul {
position:absolute;
width:10em;
left:-999em
}

#page-bar li:hover ul {
left:auto;
display:block
}

h1 {
font:3.5em Arial;
font-weight:700;
letter-spacing:-.08em
}

h2 {
font:2.1em Arial, Georgia, Times New Roman
}

h3 {
margin-bottom:3px;
color:#3c78a7;
font-weight:700
}

h4 {
color:#1C486B;
font-weight:700
}

h3.cat_title,h3.cat_title a {
color:#333;
letter-spacing:-.05em;
font-size:.85em
}

h3#respond {
margin-top:0;
padding-top:20px
}

h3.authors {
margin-top:15px
}

#tagline {
margin-top:5px;
margin-left:15px;
font-size:1.1em;
color:#C0BF77
}

#top {
padding:0
}

#front-list {
width:630px;
font-size:1.05em;
line-height:1.75em;
float:left;
}

#archive {
padding-top:15px;
font-size:1.05em;
line-height:1.75em
}
.archive_header{
background:#EBEFF0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0;
padding:15px;
}

#front-list blockquote {
padding:0 10px
}

#front-list .title, #archive .title {
margin: 0px 0 5px 0;
padding: 5px 0px 0px 10px;
text-align: left;
font: 26px  Georgia,century gothic,Arial,verdana, sans-serif;
font-weight:normal;
overflow:hidden;
}

#front-list .title a{
color:#23282E;
background-color: transparent;
}

#front-list .title a:hover{
color: #394B63;
background-color: transparent;
}

#front-list .clearfloat,#archive .clearfloat {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px
}

#front-list .spoiler,#archive .spoiler {
display:block;
margin-top:3px
}

#front-list .thumbnail {
float:left;
border:1px solid #bbb;
background:#F0F0F0;
margin:3px 10px 3px 0;
padding:3px
}

#front-list .thumbnail:hover {
border:1px solid #666
}

#front-list p,#archive p {
margin-bottom:15px;
padding:0
}

.author {
font-size:.8em;
font-weight:700
}

.meta {
color:#666;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
margin-bottom:.8em;
font-size:.9em;
padding:4px 0
}

.post {
font-size:1.05em;
line-height:1.75em
}

.post p {
margin-top:0
}

.post .clearfloat {
border-bottom:1px dotted #ccc;
margin:10px 0
}

.post ul,.post ol,#front-list ul,#front-list ol {
margin-bottom:15px
}

.post ul li,#front-list ul li {
list-style:square;
margin-left:30px
}

.post ol li,#front-list ol li {
list-style:decimal;
margin-left:30px
}

.post ol li ul li,#front-list ol li ul li {
list-style:square;
margin-left:20px
}

.post img,.post a img,#front-list img,#archive img {
border:1px solid #ccc;
margin:0 10px 5px 0;
padding:2px
}

.entry {
margin-top:20px
}

#tools {
width:590px;
height:25px;
font-size:.95em
}

.navigation {
text-align:Center;
padding:5px 0
}

*,#nav {
margin:0;
padding:0
}

#nav ul,#nav li {
float:left;
list-style:none;
margin:0;
padding:0
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul,#page-bar li:hover ul,#page-bar li.sfhover ul {
left:auto
}
/*** Start of blog entry CSS ***/
.blog_entries  {
background:#EBEFF0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 10px 0;
}
.blog_entries_header{
background-color:#18547B;
color:#fff;
}
.blog_entries_header a{
color:#fff;	
}
.blog_entries_body{
padding:15px;
}
.time {
background:url(images/time.jpg) left no-repeat;
margin:0 10px 0 0;
padding:4px 0 4px 22px
}

.author_span {
background:url(images/categories.jpg) left no-repeat;
margin:0 10px 0 0;
padding:4px 0 4px 22px
}
/*** end of blog entry CSS ***/

/*** Start of Single page content CSS ***/
.single_page_content  {
background:#EBEFF0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 10px 0;
}
.single_page_content_header{
background-color:#18547B;
color:#fff;	
}
.single_page_content_header a{
color:#fff;	
}
.single_page_content_body{
padding:15px;
}
#content {
width:630px;
font-size:1.05em;
line-height:1.75em;
float:left;
min-height:400px;
}
#content h2.title{
margin: 0px 0 5px 0;
padding: 5px 0px 0px 0px;
margin-bottom:10px;
text-align: left;
font: 26px  Georgia,century gothic,Arial,verdana, sans-serif;
font-weight:normal;
overflow:hidden;
}
#stats {
margin-top:0;
font:.8em Arial;
display:block;
padding:8px 0;
border-top:1px solid #DADEE8;
border-bottom:1px solid #DADEE8;        
}

#stats span {
padding:0 20px 0 0
}

#stats img,#nav img {
border:0;
margin:0;
padding:0
}
/*** end of Single page content CSS ***/

/*** Start of Sidebar CSS ***/
#sidebar {
width:320px;
float:right;
margin:0
}
#sidebar .widget { 
background: #f7f7f7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
float: right;
width: 320px;
}
#sidebar li {
list-style:none;
}
#sidebar li ul li, #footer-widgets li ul li{
margin-left:15px;
list-style-type:circle;
}
.widget h3, .widget2 h3, .widget3 h3{
background: #101218;
}
.blog_entries_header,.single_page_content_header, .widget h3, .widget2 h3, .widget3 h3 { 
color:#e9e9e9;
font-style:italic;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
 border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:10px 20px;
font-weight:normal;
font-family:"Myriad Pro","Trebuchet MS",Arial;
font-size:18px;
}
.widget_content{
padding:10px;
line-height: 1.5;
}
/*** End of sidebar CSS ***/

/*** Footer area CSS ***/
#footer-widgets {
}
#footer-widgets li {
list-style:none;
width:310px;
}
#footer-widgets .widget2{
background: #f7f7f7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 12px;
float: left;
margin-right:15px;
}
#footer-widgets .widget3{
background: #f7f7f7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 12px;
float: left;
}
/*** end of footer CSS ***/

/*** Start of comment area CSS ***/
#comments{
background:#EBEFF0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 10px 0;
padding:15px;
}
#comments h3{
font-style:italic;
padding:10px 20px;
font-weight:normal;
font-family:"Myriad Pro","Trebuchet MS",Arial;
font-size:18px;
}
.comment_submit_button{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:5px;
}
/*** end of comment area CSS ***/

.field {
border:1px solid #333;
background:#fff;
font-size:1em;
padding:2px
}

#s {
font-size:1em;
width:150px;
padding:1px
}

#commentform input,textarea { 
font-size: 1.3em;
color: #444;
background: #eee;
border: 1px solid #aaa;
border-right-color: #ddd;
border-bottom-color: #ddd;
}

#commentform input:focus { 
background: #fff;
border-color: #777;
border-right-color: #ccc;
border-bottom-color: #ccc;
}

.commentlist cite {
font-style:normal;
margin-bottom:4px;
display:block
}

.commentlist blockquote {
background:#ededed
}

.commentlist li {
list-style:none;
margin-bottom:3px;
padding:10px 0
}

.commentlist li li {
background:none;
border:none;
list-style:square;
margin:3px 0 3px 20px;
padding:3px 0
}

.commenttext {
width:480px;
float:right;
padding:10px 10px 0
}

.commentlist cite strong {
font-size:1.1em
}

li.my_comment {
background:#F7F7F7;
padding:10px;
margin-bottom:10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #DEDEDE;
}

li.my_comment cite strong {
font-size:1.3em;
color:#313228
}

#commentform small {
background:#FFF;
font-weight:700;
padding:0
}

.commentmetadata {
color:#4d4d4d;
display:block;
margin-top:3px;
text-align:right;
font-size:.9em
}

.commentmetadata a,.commentmetadata a:visited {
color:#959382
}

.commentlist small {
background:#e9e9e9
}

.avatar {
border:1px solid #bbb;
float:left;
width:55px;
height:55px;
margin:0 10px 0 0;
padding:2px
}

#comment {
width:590px;
background:#fff
}

#footer {
float:left;
width:930px;
color:#505562;
background:#101218;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
padding:15px 15px 10px 15px;
margin:10px 0 25px 0;
text-align:center;
font-size:10px;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;
font-weight:bold;
}

#footer a {
color:#fff;
}

* html .clearfloat,*+html .clearfloat {
height:1%
}

.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.clearfloat {
display:block
}

.wp-caption {
border:1px solid #ccc;
text-align:center;
background-color:#f3f4f0;
padding-top:4px;
margin:10px
}

.wp-caption img {
border:0 none;
margin:0;
padding:0
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px
}

#searchform {
width:290px;
padding-bottom:15px;
}