@charset "utf-8";
/*
Theme Name: colortip
Theme URI: http://www.templatesold.com/
Description: TemplateSOLD.com - The Marketplace for Premium WordPress Themes
Version: 1.0
Author: TemplateSOLD/TemplateAccess.com
*/ 
/*=== Setup ===*/
* { border:0; margin:0; padding:0; outline:none;}
body { background:#e1e1e1; color:#454545; font: normal 11px Georgia, "Times New Roman", Times, serif; padding:20px 0 0 0;}
a { color:#494949; text-decoration:none;}
a:hover { text-decoration:none;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}dad9d9
p.bg, .bg { clear:both; padding:0; margin:0; background:none; border-top:1px solid #dad9d9; border-bottom:1px solid #faf9f9;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif;}
li { list-style:none;}
h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em;}
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em;}
h4 { font-size:1em; margin:0 0 1em;}
p { line-height:1.5em; padding:0 0 1.3em;}
/*=== Layout ===*/
#page { background:#f3f2f2; border:1px solid #f5f5f5; width:948px; margin:0 auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#page-bot { background: url(images/footer_bg.gif) repeat-x top; height:111px; padding:0; margin:0 auto;}
/*=== H eader ===*/
.header_bg { background:url(images/header_bg.gif) top center repeat-x;}
.header_bg_resize { width:929px; margin:0 auto; padding:0;}
#header { margin:0 0 1px;}
/*- Logo -*/
.logo { width:342px; float:left; margin:0; padding:0;}
#header h1 { background:url(images/logo.gif) no-repeat; float:left; text-indent:-9999px; width:342px;}
#header h1 a { display:block; height:106px;}
#header h1 a:hover { text-decoration:none;}
/*=== Navigation ===*/
/* RSS */
.rss { width:180px; float:left; padding:45px 0 45px 40px; margin:0 0 0 20px; background:url(images/rss.gif) left center no-repeat;}
.rss ul { list-style:none; margin:0; padding:5px 0 0 0;}
.rss li { display:inline; border-left:1px solid #454545; padding:0 5px; margin:0;}
.rss li.first { border:0; padding:0 5px 0 0;}
.rss li a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#454545; text-decoration:none;}
.rss li a:hover { text-decoration:underline;}
.rss a.big { text-decoration:none; font:normal 18px Georgia, "Times New Roman", Times, serif; color:#454545; padding:0; margin:0; display:block;}
.rss a.big span { color:#59d2b7; font-weight:bold;}
/* Search form */
.search { padding:50px 0 0 0; margin:0; width:260px; float:right;}
.search span { width:250px; display:block; border:1px solid #dddddd; background:#FFF; height:34px; margin:0;}
.search input#s { float:left; width:200px; padding:10px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px Arial, Helvetica, sans-serif; line-height:14px; height:14px;}
.search .btn { float:left; padding:0; margin:0; border:0; width:auto;}
/*- Top Nav -*/
.topnav { width:500px; float:right; font: normal 14px Georgia, "Times New Roman", Times, serif; padding:0;}
.topnav ul { list-style:none; padding:35px 0 0 0; margin:0;}
.topnav li { text-align:center; float:left; padding:0;}
.topnav li a { color:#454545; display:block; float:left; padding:16px 5px; text-decoration:none; width:90px;}
.topnav li a:hover { color:#fff; background:url(images/hover.gif) center no-repeat;}
.topnav li.current_page_item a { color:#fff; background:url(images/hover.gif) center no-repeat;}
/*- Nav1 -*/
#nav1 { font: normal 14px Georgia, "Times New Roman", Times, serif; height:40px; background: url(images/nav1_bg.gif) top center no-repeat; width:929px; margin:0 auto; padding:15px 0 0 0;}
#nav1 ul.sf-menu li { position:relative; float:left; line-height:34px; padding:0; text-align:center;}
#nav1 ul.sf-menu li a { color:#f6f6f6; display:block; position:relative; float:left; text-decoration:none; cursor:pointer; padding:0 15px;}
#nav1 ul.sf-menu li a:hover { text-decoration:none; color:#59d2b7;}
#nav1 ul.sf-menu li ul.children { background:#303030; border:none;}
#nav1 ul.sf-menu li ul.children li { background:none; border:0;}
#nav1 ul.sf-menu li ul.children li a { color:#fff; text-decoration:none; display:block; width:100%; text-align:left; text-indent:20px; padding:0;}
#nav1 ul.sf-menu li ul.children li a:hover { text-decoration:none; background:#59d2b7;}
#nav1 ul.sf-menu li ul.children li ul.children { border-left:none; border-right:none;}
#nav1 ul.sf-menu li ul.children { margin:5px 0 0 0;}
#nav1 ul.sf-menu li ul.children ul.children { margin:0 0 0 28px;}
/* body */
.body_bg { padding:20px 0 0 0;}
.body_bg_resize { width:929px; margin:0 auto;}
/*=== All Columns ===*/
#columns { margin:0; padding:0 0 15px; display:table-cell; display:block; height:auto !important; height:900px; min-height:900px;}
/*=== Center Column ===*/
#centercol { float:left; width:640px;}
/*=== Right Column ===*/
#rightcol { float:right; width:280px;}
.right_box_resize { width:445px; float:right; margin:0; padding:0;}
.small_link { padding:20px 0 0 0; margin:0 auto; height:32px; text-align:center;}
#rightcol a { color:#59d2b7; text-decoration:none;}
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1,
.col2 { float:left; width:285px;}
.col2 { float:right;}
/*=== Post ===*/
/*- Post Title -*/
.post-title h1 { color:#454545; font-size:18px; font-weight:bold; letter-spacing:-0.5px; padding:0 0 20px 0;}
.post-title h1 span { color:#454545;}
.post-title h1.author { color:#454545; font-size:14px; padding-top:2px;}
.post-title h2 { margin:0; padding:0 5px; font:normal 42px/1.2em  Georgia, "Times New Roman", Times, serif; color:#454545; padding:0 0 10px 0;}
.post-title h2 a { display:inline; padding:5px; margin:0; font:normal 42px/1.2em Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; background:#303030;}
/*- Post comment -*/
.comment_box { line-height:32px;}
.comment_box a.comments { color:#fff; font:normal 16px Georgia, "Times New Roman", Times, serif; padding:0; margin:0;}
.comment_box .comment_bg { width:195px; height:45px; padding:10px 0 0 0; margin:0; position:relative; left:-31px; top:-4px;}
.comment_box .comment_bg.bg1 { background: url(images/comments_bg_red.gif) top left no-repeat;}
.comment_box .comment_bg.bg2 { background: url(images/comments_bg_yellow.gif) top left no-repeat;}
.comment_box .comment_bg.bg3 { background: url(images/comments_bg_green.gif) top left no-repeat;}
.comment_box span { display:inline-block; font-weight:normal; font-size:24px; text-align:center; padding:0; width:50px; margin:0 10px 0 0; line-height:16px; color:#fff;}
/*- Post Date -*/
.post-date { float:left; margin:0; width:155px; padding:0 0 0 10px; font: normal 11px Georgia, "Times New Roman", Times, serif; color:#454545;}
.post-date p { background:url(images/bg_data.gif) left no-repeat; padding:3px 0 2px 20px;}
.post-date p.tutor { background:url(images/bg_post.gif) left no-repeat;}
.post-date p.admin  { background: url(images/bg_links.gif) left no-repeat;}
.post-date img { margin:10px auto; padding:0;}
.post-date a { color:#59d2b7; text-decoration:underline;}
/*- Post Excerpt -*/
.post-excerpt { display:table; font-size:11px; font-style:normal; height:1%;}
/*- Post Lists -*/
.post ul,
.post ol { margin:0 0 1.5em;}
.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px;}
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em;}
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px;}
/*- Post Author -*/
.post-author { margin:0 0 1em;}
.author-details { font-size:.85em;}
.author-descr { display:table; height:1%;}
/*- Social Links -*/
.social-links { padding:20px 0;}
.social-links  { padding:0 10px 0 0; line-height:25px;}
.social-links  span { font-weight:normal; color:#59d2b7;}
.social-links  a:hover { text-decoration:underline;}

/*- Related Posts -*/
.post-rel { line-height:1.5em;}
.post-rel a { color:#33707E;}
/*- Post Comments -*/
.post-comments .fl { width:80px;}
.post-comments .fr { width:520px;}
/*- Widget Title - */
.wtitle { padding:0; margin:5px;}
.wtitle h2 { margin:0; padding:0; font:normal 42px Georgia, "Times New Roman", Times, serif; color:#afaeae;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {  margin:0 0 28px; padding:0;}
.box .content { height:1%; padding:10px 0 0 10px;}
.box.ads .content { padding-left:0; padding-right:0; text-align:center;}
.box.ac .content { padding-left:0; padding-right:0; text-align:center;}
#rightcol .box { margin:0 0 10px 0;}
.box.widget .content { height:1%; padding:10px;}
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px;}
.box2.alt { background:#FFFFFF;}
.box2.alt { background:#FFFFFF;}
.comm-name,
.comm-date { line-height:20px;}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li { background:url(images/ico-list1.gif) no-repeat 0 1.1em; border-bottom:1px solid #e7e7e7; height:1%; padding:.7em 0 .7em 13px;}
.list1 li.last { border:0;}
#rightcol .list1 li a:hover { color:#33707e;}
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:487px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:487px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; background:url(images/button.gif); width:128px; height:32px; color:#FFF; font-weight:bold;}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { border:1px solid #cfcfcf; display:block; margin:0 0 .8em; padding:5px; background:#fff;}
.pic.fl img { margin-right:23px;}
.pic.fr img { margin-left:23px;}
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px;}
.th.fl img { width:40px; height:40px; border:1px solid #cfcfcf;}
.ads img,
.ads.flickr .content img { margin:10px 5px;}
.ads.flickr .content img { border:1px solid #cfcfcf;}
.ads.flickr .ac img { border:0; margin:0;}
/*=== Footer ===*/
#footer {font: normal 14px Georgia, "Times New Roman", Times, serif; color:#454545; margin:0 auto 20px auto; width:930px; padding:20px 0;}
#footer  a { color:#59d2b7; text-decoration:none; font-weight:bold;}
#footer  a:hover { color:#59d2b7; text-decoration:underline;}
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl,
.hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center;}
.ar { text-align:right;}