/*



Theme Name: CreativeCloud Custom WP Theme



Theme URL: http://www.cartridgesave.co.uk/news/



Description: Custom WP Theme For CreativeCloud



Author: Jon Phillips



Author URI: http://spyrestudios.com



Version: v.1*/







body {



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



width:100%;



color:#000;



font-size:12px;



font-family:Arial, Helvetica, Verdana, sans-serif;



margin:0 auto;



padding:0;



}







#wrap {



width:900px;



margin:0 auto;



}







a {



text-decoration:none;



font-weight:400;



color:#09C;



padding:0;



}







a:visited {



text-decoration:none;



font-weight:400;



color:#666;



padding:0;



}







a:hover,a:visited:hover {



text-decoration:none;



font-weight:400;



color:#000;



padding:0;



}







h3 {



font-family:Georgia, 'Times New Roman', Times, serif;



border-bottom:1px solid #ddd;



font-weight:400;



color:#222;



font-size:20px;



margin:0;



padding:25px 0 10px;



}







h4 {



font-family:Georgia, 'Times New Roman', Times, serif;



color:#000;



font-size:16px;



margin:0;



padding:10px 0 0;



}







h4 a,h4 a:visited {



font-family:Arial, Helvetica, sans-Serif;



text-decoration:none;



color:#AE684E;



font-size:16px;



margin:0;



padding:10px 0 0;



}







h4 a:hover,h4 a:visited:hover {



font-family:Arial, Helvetica, sans-Serif;



text-decoration:none;



color:#21211f;



font-size:16px;



margin:0;



padding:10px 0 0;



}







h2.results {



width:500px;



color:#21211f;



font-weight:700;



font-size:16px;



background:#eee;



border:1px solid #ccc;



margin:20px 0 0;



padding:10px;



}







h5 {



font-size:15px;



font-weight:700;



padding:0;



}







hr {



color:#ddd;



background-color:#ddd;



height:1px;



border:0;



margin:40px 0 25px;



}







/* Image Styles */



p img {



border:1px solid #ddd;



background:#eee;



max-width:100%;



padding:0;



}







img.centered {



border:1px solid #ddd;



background:#eee;



display:block;



margin-left:auto;



margin-right:auto;



}







img.alignright {



border:1px solid #ddd;



background:#eee;



display:inline;



margin:0 0 2px 7px;



padding:4px;



}







img.alignleft {



clear:both;



border:1px solid #ddd;



background:#eee;



display:inline;



margin:5px 20px 15px 0;



padding:9px;



}







.alignright {



border:1px solid #ddd;



background:#eee;



float:right;



}







.alignleft {



clear:both;



border:1px solid #ddd;



background:#eee;



float:left;



margin:5px 20px 15px 10px;



padding:10px;



}







/****     Header     ****/



#header {



width:900px;



height:167px;



float:left;



margin:0;



padding:0;



}







.logo h1 {



border:none;



margin:0;



padding:15px 0 0;



}







.breadcrumbs {



font-size:12px;



margin:0;



padding:12px 0 0;



}







/****     Menu     ****/



.menu {



height:32px;



width:900px;



margin:30px 0 0 -16px;



padding:0;



}







.menu ul {



float:left;



margin:0;



padding:0;



}







.menu ul li {



display:inline;



border-right:1px solid #fff;



margin:0;



padding:9px 16px;



}







.menu ul li a,#menu ul li a:visited {



text-decoration:none;



color:#fff;



text-transform:uppercase;



font-family:Arial, Helvetica, sans-serif;



font-size:12px;



font-weight:400;



margin:0;



padding:0 2px 4px;



}







.menu ul li a:hover,#menu ul li a:visited:hover,.menu ul li.active a:hover {



text-decoration:none;



color:#ccc;



text-transform:uppercase;



font-family:Arial, Helvetica, sans-serif;



font-size:12px;



font-weight:400;



margin:0;



padding:0 2px 4px;



}







/****     Content     ****/



#container {



width:900px;



float:left;



background:url(images/wrap_bg.jpg) repeat-y;



font-size:14px;



color:#333;



margin:0;



padding:0;



}







.featured_img {



height:200px;



width:200px;



overflow:hidden;



float:left;



border:1px solid #ccc;



margin:5px 25px 15px 0;



padding:0;



}







.post {



line-height:20px;



color:#000;



font-size:13px;



width:560px;



border-bottom:1px solid #ddd;



float:left;



margin:30px 0 0;



padding:0 0 20px;



}







.postsingle {



line-height:20px;



color:#000;



font-size:13px;



width:520px;



border-bottom:1px solid #ddd;



float:left;



margin:30px 0 0;



padding:0 0 20px;



}







.post a,.postsingle a {



text-decoration:underline;



font-weight:400;



color:#09C;



padding:0;



}







.post a:visited,.postsingle a:visited {



text-decoration:underline;



font-weight:400;



color:#888;



padding:0;



}







.post a:hover,a:visited:hover,.postsingle a:hover,.postsingle a:visited:hover {



text-decoration:underline;



font-weight:400;



color:#000;



padding:0 0 1px;



}







.post h2 a:hover,.post h2 a:visited:hover,.postsingle h2 a:hover,.postsingle h2 a:visited:hover {



text-decoration:none;



line-height:26px;



font-family:'Arial Black', Arial, Helvetica, sans-Serif;



font-size:22px;



font-weight:700;



border:none;



color:#000;



margin:0;



padding:0 0 10px;



}













h2,.sticky h2,.sticky h2 a,.sticky h2 a:visited {



text-decoration:none;



line-height: 30px;



font-family:'Arial Black', Arial, Helvetica, sans-Serif;



font-size: 26px;



font-weight:700;



border:none;



color:#09C;



margin:0;



padding:0 0 10px;



}













.sticky h2 a:hover, .sticky h2 a:visited:hover {



text-decoration:none;



line-height: 30px;



font-family:'Arial Black', Arial, Helvetica, sans-Serif;



font-size: 26px;



font-weight:700;



border:none;



color:#000;



margin:0;



padding:0 0 10px;



}







.gravatar {



float:right;



margin:0;



padding:4px 0 0 15px;



}







.postinfo {



text-decoration:none;



border:none;



font-family:Arial, Helvetica, Sans-serif;



font-size:11px;



color:#000;



padding:0 0 8px;



}







.postinfo a {



text-decoration:none;



border:none;



font-family:Arial, Helvetica, Sans-serif;



font-size:11px;



color:#7B7B7B;



}







.postinfo a:hover,.postinfo a:visited:hover {



text-decoration:none;



border:none;



font-family:Arial, Helvetica, Sans-serif;



font-size:11px;



color:#000;



}







.postinfo a:visited {



border:none;



text-decoration:none;



font-family:Arial, Helvetica, Sans-serif;



font-size:11px;



color:#7B7B7B;



}







/****    Post/Page Nav    ****/



.postnav {



font-size:13px;



font-weight:400;



line-height:26px;



padding:20px 0;



}







.postnav a {



text-decoration:none;



border:none;



color:#09C;



font-size:13px;



font-weight:400;



padding:10px 20px 0 0;



}







.postnav a:hover,.postnav a:visited:hover {



text-decoration:none;



color:#000;



border:none;



font-size:13px;



font-weight:400;



padding:10px 20px 0 0;



}







.postnav a:visited {



text-decoration:none;



color:#888;



border:none;



font-size:13px;



font-weight:400;



padding:10px 20px 0 0;



}







/****		Sidebar	****/



.sidebar {



font-family:arial, helvetica, sans-serif;



float:right;



text-align:left;



color:#333;



width:272px;



font-size:14px;



margin:0;



padding:15px 0 30px 65px;



}







.sidebar p {



color:#333;



margin:0 0 0 10px;



}







.socialbtn {



margin:0 0 15px;



padding:0 5px;



}







.sidebar a:hover,.sidebar a:visited:hover {



text-decoration:none;



border:none;



font-weight:400;



color:#000;



}







.sidebar ul {



list-style-type:none;



border:none;



text-decoration:none;



font-weight:400;



color:#000;



margin:0;



padding:0 10px 0 5px;



}







.sidebar ul li {



list-style-type:none;



border:none;



text-decoration:none;



font-weight:400;



color:#666;



margin:0;



padding:0 0 10px;



}







.sidebar ul ul {



list-style-type:none;



border:none;



text-decoration:none;



}







.sidebar h2 {



font-family:arial, helvetica, sans-serif;



list-style-type:none;



text-transform:uppercase;



font-size:14px;



font-weight:700;



color:#09C;



margin:0;



padding:10px 0 5px 5px;



}







#search_form {



width:212px;



height:42px;



float:left;



color:#333;



font:normal 12px verdana, helvetica, arial, geneva;



border:none;



margin:0 0 20px;



padding:10px 0 0 48px;



}







.ads {



float:left;



margin:0;



padding:0 0 25px 2px;



}







/****    Custom    ****/



blockquote {



font-family:Georgia, 'Times New Roman', Times, serif;



color:#555;



font-size:14px;



font-style:italic;



background:url(images/quote.jpg) 5% 0 no-repeat;



margin:35px 0 25px;



padding:2px 30px 0 60px;



}







code {



color:#E6E3DC;



width:500px;



display:block;



font-weight:400;



overflow:auto;



background:#21211f;



font-family:Courier, monospace;



margin:20px 0 10px -30px;



padding:10px 30px;



}







.customintbg {



border:1px solid #333;



background:#E4E4CD;



padding:10px;



}







/****		Footer	****/



#footerbg {



width:100%;



height:65px;



color:#999;



font-size:13px;



float:left;



background:#000;



border-bottom:5px solid #5DB2DD;



padding:0;



}







.footer {



width:900px;



color:#999;



font-size:13px;



margin:0 auto;



padding:0;



}







.footer p {



font-size:13px;



line-height:22px;



color:#999;



margin:0;



padding:10px 0;



}







.footer p a,.footer p a:visited {



border:none;



font-size:13px;



line-height:22px;



color:#ccc;



margin:0;



padding:0;



}







.footer p a:hover,.footer p a:visited:hover {



font-size:13px;



border:none;



line-height:20px;



color:#fff;



margin:0;



padding:0;



}







/* Comment Section */



h3.comment_head {



line-height:22px;



border:none;



color:#3a3c33;



font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;



margin:20px 0;



}







a img.gravatar {



background:#eee;



border-bottom:1px solid #ccc;



float:left;



margin:0 25px 15px 0;



padding:10px;



}







a:hover img.gravatar {



background:#ddd;



border-bottom:1px solid #bbb;



float:left;



margin:0 25px 15px 0;



padding:10px;



}







p.num_comments {



margin-bottom:0;



line-height:22px;



float:left;



}







#comment_form {



width:450px;



float:left;



padding:10px 0;



}







#comment_form p {



margin-bottom:0;



padding:6px 0;



}







#comment_form label {



color:#7f7f7f;



padding-left:5px;



font-size:12px;



}







#comment_form .text_input {



width:275px;



background:#eee;



border:1px solid #ccc;



font:normal 14px helvetica, verdana, arial, sans-serif;



padding:10px;



}







#comment_form .text_area {



width:480px;



color:#21211f;



background:#eee;



border:1px solid #ccc;



font:normal 14px helvetica, verdana, arial, sans-serif;



padding:10px 10px 10px 0;



}







.comments {



width:500px;



font-size:12px;



line-height:22px;



color:#444;



float:left;



clear:both;



}







ul.comment_list {



list-style:none;



float:left;



margin:20px 0 40px;



padding:0;



}







ul.comment_list li {



width:480px;



background:#fff;



border-bottom:1px solid #ddd;



margin:0 0 8px;



padding:20px 0 5px;



}







ul.comment_list li.author_comment {



font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;



width:480px;



background:#ccc;



margin:0 0 6px;



padding:20px 0 5px;



}







.author_comment .comment_intro a {



font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;



color:#21211f;



}







.comment_author {



font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;



font-size:14px;



font-weight:400;



color:#000;



margin:0;



padding:0;



}







.comment_author a:hover {



text-decoration:none;



font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;



font-size:14px;



color:#333;



margin:0;



}







.comment_meta {



text-transform:uppercase;



font-family:helvetica, arial, verdana, sans-serif;



color:#555;



font-size:10px;



margin:0;



padding:0;



}







.comments_entry {



line-height:23px;



margin:0 0 20px;



padding:0 20px 20px 0;



}







.comments_entry ul,.comments_entry ol {



color:#000;



border:none;



margin:0;



padding:0;



}







.comments_entry ul {



list-style-type:none;



}







.comments_entry li {



width:500px;



border:none;



padding:3px 0 0;



}







.comments_entry ul li ul,.comments_entry ul li ol,.comments_entry ol li ul,.comments_entry ol li ol {



margin:0;



}







#comment_form .submit {



color:#fff;



border:1px solid #21211f;



background:#AE684E;



margin-top:-25px;



margin-bottom:15px;



font-size:12px;



font-weight:400;



font-family:'Trebuchet MS', helvetica, arial, sans-serif;



padding:5px;



}







#comment_form .text_input:hover,#comment_form .text_area:hover {



border:1px solid #bbb;



background:#ddd;



}







.author_comment .comment_intro,.author_comment .comment_intro a:hover {



font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;



color:#000;



}







#submit {



font-weight:700;



margin-top:5px;



font-family:helvetica, arial, sans-serif;



font-size:14px;



background:#111;



border:1px solid #000;



color:#fff;



padding:6px;



}







#footer p a:link,#footer p a:link:visited {



color:#555;



text-decoration:none;



}







#footer p a:link:hover,#footer p a:visited:hover {



color:#ccc;



list-style-type:none;



margin:0;



padding:0;



}







.postfooter {



background:#eee;



border:1px solid #ddd;



margin:15px 0;



padding:20px;



}







.aboutauthor {



background:#eee;



border:1px solid #ddd;



margin:10px 0 15px;



padding:14px;



}







.aboutauthor img {



float:left;



background:#fff;



border:1px solid #ddd;



margin:0 15px 10px 0;



padding:5px;



}







.badges {



margin:0;



padding:0;



}







.socialleft {



float:left;



width:45%;



margin:0;



padding:0 7px 0 0;



}







.socialleft ul {



list-style-type:none;



margin:0;



padding:0;



}







.socialleft ul li {



list-style-type:none;



margin:0;



padding:0 0 5px;



}







.socialright {



float:right;



width:45%;



margin:0;



padding:0 0 0 7px;



}







.votebtn {



width:90%;



background:#f4f4f4;



border:1px solid #ddd;



margin:0 0 6px;



padding:5px;



}







.adsfooter {



float:left;



margin:0 20px 10px 0;



}







.rssbuttonsright {



color:#000;



font-size:28px;



padding:15px 0;



}







img,img a,a img {



border:none;



}







h2,.post h2,.post h2 a,.post h2 a:visited,.postsingle h2 a,.postsingle h2 a:visited {



text-decoration:none;



line-height:26px;



font-family:'Arial Black', Arial, Helvetica, sans-Serif;



font-size:22px;



font-weight:700;



border:none;



color:#09C;



margin:0;



padding:0 0 10px;



}







.logo h1 a,.logo h1 a:visited,.logo h1 a:hover,.logo h1 a:visited:hover,.postfooter img,.postfooter img a,.postfooter img a:hover,.postfooter img a:visited,.postfooter img a:visited:hover {



border:none;



margin:0;



padding:0;



}







.sidebar a,.sidebar a:visited {



border:none;



text-decoration:none;



font-weight:400;



color:#666;



}







.postfooter h4,.aboutauthor h4 {



font-family:helvetica, arial, sans-serif;



margin:0;



padding:10px 0 5px;



}







.sticky {

line-height:20px;

color:#000;

font-size:13px;

width:520px;

border:1px solid #ddd;

background: #f9f9f9;

float:left;

margin:30px 0 0;

padding: 20px;

}



img.sticky_img {

float:left;

margin: 0 0 15px 0;

padding: 5px 0px 5px 0px;

}