/*

Theme Name: Infinity Remix

Theme URI: http://www.tipsandtricks-hq.com/?p=1318

Description: <a href="http://www.tipsandtricks-hq.com/?p=1318">Infinity Remix</a> theme is designed for Wordpress blog/site.

Version: 1.1

Author: Ruhul Amin

Author URI: http://www.tipsandtricks-hq.com/

*/

body {

background:#000;

width:960px;

color:#333;

font:13pt Georgia, Arial, Tahoma, Verdana;

margin:0 auto;

padding:0

}



p {

margin:15px 0

}



a:link,a:visited {

color:#cd3a00;

text-decoration:none

}



a:hover,a:active {

color:#cd3a00;

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

}



.empty-block {

width:960px;

height:20px;

background:#444;

margin:0;

padding:0

}



#pre-head {

width:960px;

height:30px;

background:url(images/pre-head-bg.gif) repeat-x top left;

margin:0;

padding:0

}



#head {

background:#fff;

width:960px;

color:#111;

font-size:11px;

overflow:hidden;

margin:0;

padding:0

}



#page {

width:940px;

background:#ececec;

font-size:.7em;

margin:0 auto;

padding:10px

}



.left,.alignleft {

float:left

}



.right,.alignright {

float:right

}



.header_right {

font-size:16px;

float:right;

background:url(images/header_bracket.png) no-repeat bottom;

margin:0;

padding:20px 10px 0 0

}



#header_subscribe {

background:url(images/subscribe-caption.png) no-repeat;

background-position:80% 60%;

padding:10px 10px 0 30px

}



#navbar {

background:#ddd;

width:960px;

height:35px;

font-size:11px;

font-family:Georgia, Times New Roman;

color:#444;

font-weight:400;

border-top:1px solid #cd3a00;

border-bottom:1px solid #cd3a00;

margin:0;

padding:0

}



#navbarleft {

width:960px;

float:left;

margin:0;

padding:0

}



#navbarright {

width:0px;

font-size:16px;

float:right;

margin:0;

padding:8px 0 0

}



#nav li a,#nav li a:link,#nav li a:visited {

color:#cd3a00;

display:block;

font-size:16px;

font-family:Georgia, Times New Roman;

font-weight:400;

text-transform:none;

border-right:1px solid #cd3a00;

margin:0;

padding:8px 8px 9px

}



#nav li a:hover,#nav li a:active {

background:#cd3a00;

color:#000;

text-decoration:none;

margin:0;

padding:8px 8px 9px

}



#nav li li a,#nav li li a:link,#nav li li a:visited {

background:#FFF;

width:150px;

color:#cd3a00;

font-size:14px;

font-family:Georgia, Times New Roman;

font-weight:400;

text-transform:none;

float:none;

border-bottom:1px solid #B0B0B0;

border-left:1px solid #B0B0B0;

border-right:1px solid #B0B0B0;

margin:0;

padding:7px 5px

}



#nav li li a:hover,#nav li li a:active {

background:#cd3a00;

color:#5482c8;

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

}



#nav .current_page_item a {

background:#EAEAEA;

color:#444

}



#nav .current_page_item a:hover {

background:#EAEAEA;

color:#cd3a00

}



#searchform {

width:210px;

text-align:right;

padding-top:2px;

padding-right:15px

}



#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:5px

}



h3#comments {

margin-top:32px;

padding-left:0

}



h3.authors {

margin-top:15px

}



#logo {

width:450px

}



#tagline {

margin-top:5px;

margin-left:15px;

font-size:1.1em;

color:#C0BF77

}



#top {

padding:0

}



#headline {

width:590px;

float:left;

background:#fff;

font-size:1.05em;

line-height:1.5em;

margin:0;

padding:10px

}



#headline div.title {

font-weight:700;

font:2.4em Georgia;

letter-spacing:-.05em;

display:block;

padding-bottom:5px

}



#headline div.meta {

display:block;

margin-top:-5px;

padding-bottom:2px

}



#headline p {

padding-bottom:15px

}



#headline a img, {

border:1px solid #ccc;

margin-top:5px;

margin-right:10px;

padding:2px

}



#middle {

width:920px;

background:#fff;

float:right;

margin:10px 0;

padding:10px

}



.category {

width:164px;

float:left;

border-top:8px solid #333;

background:#fff;

margin:0;

padding:5px 10px 10px

}



#cat-1,#cat-3,#cat-5 {

border-top:8px solid #333

}



#cat-2,#cat-4 {

border-top:8px solid #3c78a7

}



.category span.cat_title,#front-list .cat_title,#archive .cat_title {

text-transform:lowercase;

font-weight:700;

font-size:1.5em;

letter-spacing:-.05em;

margin:0

}



.category a {

color:#333;

display:block;

background:none

}



.category a:hover {

background:none;

color:#fff;

text-decoration:none

}



#bottom {

width:940px

}



#featured-content {

border:4px solid #B1B1B1;

margin-left:7px;

margin-right:5px;

padding:0;

}



#featured-content:hover {

border:4px solid #949494

}



#front-list {

width:590px;

background:#D6D6D6;

font-size:1.05em;

line-height:1.75em;

float:left;

padding:10px

}



#archive {

padding-top:15px;

font-size:1.05em;

line-height:1.75em

}



#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: 24px  Georgia,century gothic,Arial,verdana, sans-serif;

font-weight:normal;

overflow:hidden;

}



#front-list .title a{

color:#cd3a00;

background-color: transparent;

}



#front-list .title a:hover{

color: #504945;

background-color: transparent;

}



#front-list .clearfloat,#archive .clearfloat {

padding-bottom:10px;

border-bottom:1px dotted #ccc;

margin-bottom:10px

}



#front-list .article {

margin-top: 30px;

padding: 20px;

margin: 5px;

height:100%;

color:#504945;

background:#fff url(images/post-bg.jpg) repeat-x;

border:1px solid #ccc;

}



#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

}



.time {

background:url(images/time.jpg) left no-repeat;

margin:0 10px 0 0;

padding:4px 0 4px 22px

}



.categories {

background:url(images/categories.jpg) left no-repeat;

margin:0 10px 0 0;

padding:4px 0 4px 22px

}



#content {

width:590px;

background:#fff;

font-size:1.05em;

line-height:1.75em;

float:left;

min-height:400px;

padding:10px

}



#content .breadcrumbs,#content .breadcrumbs a {

font-weight:700;

color:#cd3a00

}



#content h2.title {

font:2.0em Georgia;

font-weight:700;

color:#cd3a00;

letter-spacing:-.05em;

border-bottom:1px solid #cd3a00;

border-top:3px solid #cd3a00;

padding:1px 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 #fff;

margin:0 10px 5px 0;

padding:2px

}



.entry {

margin-top:20px

}



#stats {

margin-top:0;

text-transform:uppercase;

font:.8em Arial;

display:block;

padding:4px 0

}



#stats span {

padding:0 20px 0 0

}



#stats img,#nav img {

border:0;

margin:0;

padding:0

}



#tools {

width:590px;

height:25px;

font-size:.95em

}



.navigation {

text-align:Center;

padding:5px 0

}



#sidebar {

width:320px;

float:right;

margin:0

}



#sidebar h3 {

font:1.4em Georgia, Arial, Times New Roman;

font-weight:600;

background-image: url(images/sidebar-heading-bg.gif);

border: 1px solid #cd3a00;

padding-top: 6px;

padding-left: 10px;

margin-bottom: 10px; 

height: 23px;

color:#cd3a00;

margin:10px 0px 10px 0px;

}



#sidebar-left h3,#sidebar-right h3 {

font:1.4em Georgia, Arial, Times New Roman;

font-weight:600;

background-image: url(images/sidebar-heading-bg.gif);

border: 1px solid #cd3a00;

padding-top: 6px;

padding-left: 10px;

margin-bottom: 10px; 

height: 23px;

color:#cd3a00;

margin:10px 0px 10px 0px;

}



#sidebar-top,#sidebar-bottom {

width:300px;

float:right;

background:#fff url(images/sidebar-top-bg.gif) repeat-x;

border:1px solid #cd3a00;

padding:0 10px 10px

}



#sidebar-middle {

width:320px;

float:right

}



#sidebar-left {

width:135px;

float:left;

background:#fff url(images/sidebar-top-bg.gif) repeat-x;

border:1px solid #cd3a00;

padding:0 10px 10px

}



#sidebar-right {

width:135px;

float:right;

background:#fff url(images/sidebar-top-bg.gif) repeat-x;

border:1px solid #cd3a00;

padding:0 10px 10px

}



#sidebar li {

list-style:none;

border-bottom:1px dotted #cd3a00;

display:block;

background:url(images/bullet.gif) no-repeat 0 7px;

padding:2px 0 2px 13px

}



#sidebar li ul li:last-child {

list-style:none;

border-bottom:0 dotted #cd3a00;

display:block;

background:url(images/bullet.gif) no-repeat 0 7px;

padding:2px 0 0 13px

}



#sidebar-ads {

width:300px;

float:right;

margin-bottom:10px;

background:#fff;

padding:10px

}



.field {

border:1px solid #333;

background:#fff;

font-size:1em;

padding:2px

}



#s {

font-size:1em;

width:150px;

padding:1px

}



#searchsubmit {

padding-left:5px

}



#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 {

background:#f2f2f2;

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;

width:495px;

float:right;

padding:10px 10px 0

}



.commentlist cite strong {

font-size:1.1em

}



li.my_comment {

background:#FFF;

border:none

}



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

}



#front-popular {

font-size:.7em;

color:#fff;

width:940px;

background:url(images/footer-bg.gif) repeat-x;

border-bottom: 1px solid #4F5259;

margin:0 auto;

padding:5px 10px

}



#recentpost,#mostcommented {

width:280px;

float:left;

padding:10px

}



#mostcommented {

margin-left:17px

}



#recent_comments {

width:280px;

float:right;

padding:10px

}



#recentpost ul,#mostcommented ul,#recent_comments ul {

margin-top:5px

}



#recentpost ul li,#mostcommented ul li,#recent_comments ul li {

list-style:none;

border-top:1px dotted #fff;

display:block;

padding:5px

}



#recentpost ul li:first-child,#mostcommented ul li:first-child,#recent_comments ul li:first-child {

border-top:0 dotted #fff

}



#footer {

color:#cd3a00;

font-size:.8em;

border-top:1px solid #000000;

background-position:97% 50%;

margin:0 auto;

padding:5px 15px 20px 10px

}



#footer a {

color:#cd3a00

}



.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

}



*,#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

}



.category p,#headline p, {

margin:0

}



#cat-1:hover,#cat-3:hover,#cat-5:hover,#cat-1:hover a,#cat-3:hover a,#cat-5:hover a {

background:#333;

color:#fff

}



#cat-2:hover,#cat-4:hover,#cat-2:hover a,#cat-4:hover a,#recentpost ul li:hover,#mostcommented ul li:hover,#recent_comments ul li:hover {

background:#3c78a7;

color:#fff

}



.meta a,#stats span a {

color:#333

}



.post .ads,#sidebar-bottom,#sidebar-middle {

margin-top:10px

}



#stats span a:hover,#tools a:hover {

background:none

}



#front-popular h3,#recentpost a,#mostcommented a,#recent_comments a {

color:#fff

}



* html .clearfloat,*+html .clearfloat {

height:1%

}