/*  
Theme Name: C Mag
Author URI: http://www.basicwebworks.com
Version: 1.0
Author: Leo Basica, Basic Web Works
*/

body {

text-align:center;
font-family:Helvetica, Arial, 'Sans Serif';
font-size:12px;
color:#333;
}
.mc_signup_submit {
padding:0.2em;
color:#fff;
text-align:center;
width:90px;
height:15px;
margin:6px 0
}


#container {
background: url(images/bg.jpg) no-repeat;
background-position: top center;

margin:0 auto;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

.alignleft {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright {
float:right;
display:block;
margin:0 0 20px 20px;
}

h1 {
font-size:25px;
font-weight:normal;
letter-spacing:0px;
color:#000;
}

h2 {
font-size:20px;
font-weight:normal;
line-height:24px;
letter-spacing:0px;color:#000;
}

h3 {
font-size:24px;
line-height:22px;
font-weight:normal;
letter-spacing:0px;color:#000;
}

h4 {
font-size:16px;
line-height:20px;
font-weight:normal;
letter-spacing:0px;
color:/*#000*/#EF0381;
}

h5 {
font-size:15px;
font-weight:normal;
}

h6 {
font-size:11px;
font-weight:normal;
}

p, ul, ol {
line-height:20px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
margin:0 0 20px 0;
}

.post blockquote {
padding:0 0 0 10px;
font-size:10px;
font-style:italics;
color:#666;
}

.post ul, .post ol {
margin:0 0 20px 25px;
}

.post ul ul, .post ol ul {
margin:0 0 0px 25px;
}

.post ul {
list-style:outside disc;
}

.post ol {
list-style:outside decimal;
}

ul ul, ol ul {
margin-bottom:0px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}




/* STRUCTURE */
#page {
width:960px;
margin:auto;
text-align: left;

}


#header {
width:960px;
height:170px;
display:block;
clear:both;
position:relative;
z-index:2000;
}

#logo {
margin: 40px 0 73px 60px;
width:515px;
float:left;
display:inline;
}

#cover {
width:200px;
float:right;display:inline;margin-top:7px;padding:0 30px 0 0;
}

#cover a#test {
	background:url(images/cover-1b.jpg) no-repeat;
	background-position: 0 0;
	height:139px;	}
	
#cover a:hover#test {
	background-position: 0 -139px;
	}
	

#tagline {

width:700px;
float:left;
}

#tagline h3 {
margin-right:15px;
display:inline;
}

#tagline h4 {
	display:inline;
	color:#b2b2b2;
}

#menulinks {
width:960px;
height:25px;
display:block;
clear:both;
z-index:2000;
position:relative;
margin-top:-24px;
margin-bottom:0px;
}

#banner {
width:960px;
height:270px;
display:block;
clear:both;
overflow:hidden;
position:relative;
margin-top:-12px;

}

#innerbanner {
width:960px;
display:block;
clear:both;
overflow:hidden;
position:relative;
}

#mainarea {
width:930px;
padding:20px 30px 30px 0px;
display:block;
clear:both;
overflow:hidden;
border-top:1px solid #ccc;

}

#breadcrumb {
width:960px;
height:35px;
display:block;
clear:both;
overflow:hidden;
border-bottom:none;
}

#breadcrumb p {
	padding:5px 0px 0px 0px;
	font-size:10px;
	color:#ccc;
	}
	
#breadcrumb a {
	color:#333;
	}
#breadcrumb a:hover {
	text-decoration:underline;
	}

#contentarea {
float:left;
display:block;
width:570px;
}

#sidebar {
float:right;
display:block;
width:300px;
}

#subfooter {
width:960px;
background:#fff;
display:table;
height:1%;
clear:both;
overflow:hidden;
position:relative;
border-top:1px solid #CCC;

}

#footer {
width:960px;
display:block;
clear:both;
overflow:hidden;
}


/* Header */
#header {
background:url(./imags/header.jpg) no-repeat bottom;
}

#header h1 {
float:left;
display:block;
margin:0px;
padding-top:35px;
height:65px;
}

#header h1 a {
color:#333;
font-size:30px;
letter-spacing:0.5px;
}

#header h1 a:hover {
color:#333;
text-decoration: underline;
}

#header ul#headernav {
float:right;
display:block;
margin:5px 0 0 0;
}

#header ul#headernav li {
float:left;
display:block;
height:30px;
position:relative;
}

#header ul#headernav li a {
float:left;
display:block;
padding:0 15px;
height:30px;
line-height:30px;
color:#333;
text-decoration: none;
font-size:10px;
text-transform:uppercase;
}

#header ul#headernav li a:hover, #header ul#headernav li.active a {
background:#EF0381;
}

#header ul#headernav ul {
position:absolute;
top:30px;
left:0px;
width:200px;
display:block;
background:#222;
z-index:2000;
display:none;
}

#header ul#headernav ul ul {
top:0px;
left:200px;
width:200px;
display:block;
}

#header ul#headernav ul li {
float:none;
margin:0px;
height:30px;
border-bottom:1px solid #333;
}

#header ul#headernav ul li a {
float:none;
margin:0px;
padding:0 15px;
height:30px;
line-height:30px;
font-size:12px;
}

#header ul#headernav ul li a:hover {
background:#333;
}

#header ul#headernav li a:hover {
text-decoration:underline;
color:#333;
}

#header ul#headernav li.active a, #header ul#headernav li.current_page_item a, #header ul#headernav li.current-cat a {
color:/*#EF0381*/#00A2B1;
background:none;
}



/* Menulinks */
#menulinks {
background:#fff;
border: 1px solid #ccc;
border-right: none;
border-left: none;
}

#menulinks ul#nav {
float:left;
display:block;
margin:0px 0 0 0px;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;
}

#menulinks ul#nav li {
float:left;
display:block;
height:25px;
position:relative;
}

#menulinks ul#nav li a {
float:left;
display:block;
padding:6px 21px;
height:25px;
line-height:20px;
color:/*#FFF*/#000;
text-decoration: none;
font-size:13px;
}

#menulinks ul#nav li a:hover, #menulinks ul#nav li.active a {
background:#EF0381;
height:13px;
}

#menulinks ul#nav ul {
position:absolute;
top:40px;
left:0px;
width:200px;
display:block;
background:#1d789a;
z-index:10;
display:none;
}

#menulinks ul#nav ul ul {
top:0px;
left:200px;
width:200px;
display:block;
}

#menulinks ul#nav ul li {
float:none;
margin:0px;
height:35px;
border-bottom:1px solid #196c8b;
}

#menulinks ul#nav ul li a {
float:none;
margin:0px;
padding:0 15px;
height:35px;
line-height:35px;
font-size:12px;
}

#menulinks ul#nav ul li a:hover {
background:#4590ac;
}

#menulinks .searchform {
display:block;
float:right;
background: url(./images/searchform.png) no-repeat;
width:200px;
height:19px;
overflow: hidden;
position:relative;
margin:3px 3px 0 0;
}

input#s {
float:left;
}

#menulinks input#s {
background:none transparent;
color:#FFF;
border:none;
width:190px;
position:absolute;
top:2px;
height:20px;
line-height:20px;
left:10px;
display:block;
font-size:12px;
float:none;
}

input#searchsubmit {
background:url(./images/searchIcn.png) no-repeat transparent;
color:#fff;
border:none;
width:49px;
height:15px;
display:block;
float:left;
margin:0 0 0 5px;
cursor:pointer;
}

#menulinks input#searchsubmit {
font-size: 11px;
position:absolute;
top:0px;
right:6px;
float:none;
margin:0px;
}




/* Banner */
#banner a {
color:#333;
text-decoration: none;
}

#banner a:hover {
text-decoration:underline;
}

ul#featured {
width:960px;
height:270px;
overflow:hidden;
position:relative;
display:block;
}

ul#featured li {
width:960px;
height:270px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
display:none;
}

ul#featured li.slide1 {
display:block;
}

ul#featured li img.image {
position:absolute;
top:0px;
left:0px;
z-index:1;
}

ul#featured li .fadeOverlay {
background:url(./images/featuredOverlay.png) repeat-y 590px top;
width:960px;
height:270px;
display:block;
position:absolute;
top:0px;
right:0px;
z-index:2;
}

ul#featured li blockquote {
display:block;
position:absolute;
z-index:3;
top:60px;
left:620px;
width:310px;
}

ul#featured li h2 {
margin:0 0 10px 0;
}

ul#featured li h2 a {
color:#333;
text-decoration: none;
font-weight:normal;
font-size: 20px;
}

ul#featured li p {
color:#333;
font-size:12px;
margin:0 0 10px 0;
letter-spacing:0.5px;
}

ul#featured li p.credit {
padding-left:0px;
z-index:3;
font-size:10px;
display:block;
position:absolute;
bottom:15px;
left:30px;
margin:0px;
color:#FFF;
}

ul.featuredDots {
z-index:10;
bottom:20px;
right:20px;
display:block;
position:absolute;
}



/* Inner Banner */
#innerbanner {
background:url(./images/defaultImage.jpg) no-repeat;
}

#innerbanner a {
color:#333;
text-decoration: none;
}

#innerbanner a:hover {
text-decoration:underline;
}

#innerbanner h2 {
margin:40px 0 10px 0;
color:#333;
text-decoration: none;
font-weight:normal;
font-size: 22px;
}

#innerbanner p {
color:#CCC;
font-size:11px;
font-style:italic;
font-weight:normal;
letter-spacing:0px;
margin:0;
text-decoration:none;
width:540px;
}

#innerbanner .inner {
background:url(./images/fadeOverlayLeft.png) repeat-y 0px top transparent;
width:960px;
display:block;
overflow: hidden;
padding-bottom:20px;

}

#innerbanner .left {
width:540px;
display:block;
float:left;
padding:0 0 0 30px;
}

#innerbanner .right {
width:300px;
display:block;
float:right;
position: relative;
}

#innerbanner .socialIcons {
float: right;
background: url(./images/socialIcons.png) no-repeat;
width:293px;
height:63px;
display: block;
position:absolute;
top:80px;
right:20px;
padding-left:10px;
}

#innerbanner .socialIcons li {
float: left;
display: block;
width:40px;
height:63px;
}

#innerbanner .socialIcons li a {
float: left;
display: block;
width:24px;
height:24px;
margin:20px 10px 10px 10px;
}

#innerbanner .speechBubble {
background: url(images/speechbubble.png) no-repeat;
width:240px;
height: 79px;
line-height: 68px;
letter-spacing:0.5px;
font-size:11px;
text-align: center;
position: absolute;
top:30px;
left:-180px;
display: none;
color:#FFF;
}




/* Breadcrumb */
#breadcrumb p {
margin:5px 0 0 30px;
}

.wp-caption-text {
color:#999999;
font-size:10px;
font-style:italic;
line-height:15px;
margin-top:10px;
}

/* Contentarea */
#contentarea {
}

.postContainer {
overflow: hidden;
display:block;
width:600px;
}

.postContainer .heading {
overflow: hidden;
display:block;
width:570px;
height:35px;
}

.postContainer .heading h2 {
margin:0 0 10px 0;
display:block;
float:left;
color:#333;
text-transform: uppercase;
background:none;
padding:3px 8px;
font-size:14px;
letter-spacing: 1px;
}

ul.dots {
margin:8px 0 0 0;
float:right;
display:none;
}

ul.dots li {
float:left;
display:block;
padding:0px;
margin:0 0 0 8px;
}

ul.dots li.dot a {
background:url(./images/dot.png) no-repeat;
width:11px;
height:11px;
float:left;
display:block;
padding:0px;
margin:0px;
}

ul.dots li a {
padding:0px;
margin:0px;
}

ul.featuredDots li.dot a {
background:url(./images/dotWhite.png) no-repeat;
}

ul.dots li a {
float:left;
display:block;
line-height:11px;
height:11px;
margin:0 0 0 8px;
color:#333;
font-size:11px;
text-transform:uppercase;
}

.postContainer .posts {
width:600px;
display:block;
position:relative;
overflow: hidden;
border-bottom: 1px solid #ccc;
margin-bottom:10px;
}

.postContainer .posts ul {
margin:0 0 20px 0;
display: block;
overflow: hidden;
top:0px;
left:0px;
width:600px;
}

.postContainer .posts ul li {
float:left;
display:block;
width:170px;
margin:0 30px 0 0;
}

.postContainer .posts ul li img.thumb {
float:none;
clear:both;
margin:0px;
}

.postContainer .posts ul li h3 {
font-size:18px;
font-weight:normal;
color:#000;
margin:0 0 5px 0;
line-height:18px;
}

.postContainer .posts ul li h4 {
font-size:16px;
font-weight:normal;
color:#000;
margin:5px 0 5px 0;
line-height:18px;
}

.postContainer .posts ul li p {
font-size:12px;

line-height:16px;
margin:0 0 0px 0;
color:#777;
}

p.meta {
font-size:11px;
margin:0 0 0px 0;
color:#777;
}

p.excerpt {
	font-size:11px;
	margin:0px;
	color:#777;
	margin-top:-20px;
	}
	
p.excerpt a, .button a {
	text-decoration:underline;
	}
	
p.excerpt a:hover, .button a:hover {
	color:#999;
	}
	

.postContainer .posts ul li p.meta {
margin:5px 0 0 0;
}

.postsArchive {
width:600px;
display:block;
position:relative;
overflow: hidden;
}

.postsArchive ul {
margin:0 0 20px 0;
display: block;
overflow: hidden;
width:600px;
}

.postsArchive ul li {
display:block;
width:570px;
margin:0 0 30px 0;
overflow: hidden;
}

.postsArchive ul li img, .postsArchive ul li span {
float:left;
display: block;
margin:0 20px 0 0;
}

.postsArchive ul li h3 {
font-size:15px;
margin:5px 0 5px 0;
line-height:18px;
color:#333;
}

.postsArchive ul li p {
font-size:12px;
line-height:20px;
margin:0 0 0px 0;
color:#555;
}



/* Navigation */
.wp-pagenavi {
height:30px;
}

.wp-pagenavi a, .wp-pagenavi span {
margin:0 5px 0 0;
padding:3px 6px;
border:1px solid #CCC;
}

.wp-pagenavi a {
border:1px solid #03698f;
}

.wp-pagenavi a:hover {
border:1px solid #03698f;
background:#03698f;
color: #FFF;
text-decoration: none;
}



/* Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
text-align: left;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
text-align: left;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: left;
width: 100%;
}

#wp-calendar td {
line-height:18px;
padding:0 3px;
font-size:10px;
text-align: center;
background:#F0F0F0;
border:1px solid #ccc;
}

#wp-calendar th {
text-align: center;
padding-bottom:5px;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }


/* Comments */
.comments {
margin:40px 0;
display:block;
overflow: hidden;
}

h2#comments, h2.reply {
margin:0 0 10px 0;
display:table;
color:#FFF;
text-transform: uppercase;
background: #EF0381;
padding:6px 8px;
font-size:14px;
letter-spacing: 1px;
}

ol.commentlist {
padding-top:10px;
margin-bottom:40px;
}

ol.commentlist li {
display:block;
position:relative;
overflow: hidden;
margin:0 0 40px 0;
padding-left:100px;
min-height:100px;
}

ol.commentlist li .left {
display:block;
position:absolute;
top:0px;
left:0px;
width:100px;
}

ol.commentlist li p.meta {
color:#777;
margin-top:-10px;
}

ol.commentlist ul.children {
margin:0px 0 0 100px;
}



/* Sidebar */
#sidebar {
}

.widget {
margin:0 0 30px 0;
display:block;
overflow: hidden;
}

.widget-570 {
width:570px;
display:block;
overflow:hidden;
}

.widget-300 {
width:300px;
display:block;
overflow:hidden;
}

.widget h3 {
margin:0 0 10px 0;
display:normal;
color:#333;
text-transform: uppercase;
background:none;
padding:5px 0px;
font-size:16px;
letter-spacing: 1px;
}

.widget ul {
margin: 0;
}

.widget ul li {
display:block;
border-bottom:1px solid #ddd;
padding:6px 0;
line-height:18px;
}

.textwidget {
line-height:20px;
}

/* Tabs */
#tabs {
}

#tabs .tabs {
width:100%;
height:35px;
display:block;
margin:0px;
}

#tabs .tabs ul {
float:right;
display:block;
}

#tabs ul.thetabs li {
height:35px;
line-height:35px;
padding:1px 16px 0 16px;
display:block;
float:left;
border-bottom:1px solid #CCC;
background: #FFF;
cursor: pointer;
}

#tabs ul.thetabs li.active {
border-bottom:1px solid #FFF;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
padding:0 15px;
}

#tabs .panels {
margin-top:1px;
border:1px solid #ccc;
display:block;
background: #FFF;
}

#tabs .panels .panel {
display:none;
padding:20px 20px 0 20px;
}

#tabs .panels .panel.active {
display:block;
}

#tabs .panels .panel ul {
margin:0px;
}

#tabs .panels .panel ul li {
display:block;
overflow: hidden;
margin:0 0 20px 0;
border-bottom:none;
padding:0;
}

#tabs .panels .panel ul li .thumb {
float:left;
display:block;
margin:0 20px 0 0;
}

#tabs .panels .panel ul li p {
line-height:16px;
margin:0 0 3px 0;
}



#tabs .panels .panel4 li {
list-style-type:none;
line-height:200%;
}


#tabs .panels .panel1 li {
list-style-type:none;
line-height:21px;
}

#tabs .panels .panel4 .list {
"width:120px;float:left;border-right:1px solid #ccc;
}

#tabs .panels .panel1 .list {
"width:120px;float:left;border-right:1px solid #ccc;
}

.list-title {
color:#EF0381;
display: block;
font-size:14px;
font-style:italic;
margin-bottom:10px;
}

/* Advert Widget */
.advertWidget h3 {
margin:0px;
padding:0px;
letter-spacing: 0.0px;
text-align:right;
line-height:14px;
font-size:10px;
font-weight: normal;
color:#ccc;
display:block;
background: none transparent;
}

.smallAds {
margin:0px;
}

.smallAds a {
margin:0 50px 40px 0;
display:block;
float:left;
}

.smallAds a.advert2, .smallAds a.advert4, .smallAds a.advert6 {
margin:0 0 40px 0;
}



/* Sub Footer */
#subfooter {
}

#subfooter .widgets {
display:block;
margin:25px 0;
width:960px;
overflow: hidden;
}

#subfooter .widget {
display:inline;
float:left;
margin:0 0 0 30px;
width:170px;
}

#subfooter .widget4 {
width:280px;
}

#subfooter .widget .widget, #subfooter .widget4 .widget {
float:none;
display:inherit;
margin:0;
width:auto;
}

/* Footer */
#footer p {
text-align: left;
color:#a5a5a5;
line-height:16px;
font-size:10px;
margin:20px 0;
}

#footer a {
color:#CCC;
}

#wp_email_capture
{
	padding:10px;
}

#wp_email_capture label
{
	margin:0; padding:0;
	text-align:left;
}

#wp_email_capture input
{
	margin-top:5px;
	
}

#wp_email_capture_2
{

}

#wp_email_capture_2 label
{

}

#wp_email_capture_2 input
{

}

/* Index Card Styling */
  
ul#index_cards {
  margin-top:10px;
  text-align:center;
  z-index:100;
  float:right;
}
  
ul#index_cards li {
  background:none transparent;
  height:100px;
  width:250px;
  display:block;
  float:left;
  /*border:1px solid #666;
  padding:5px 10px;*/
  position:relative;
  /*-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;*/
}

#card-1 {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  z-index:1;
  left:150px;
  top:40px;
}
  
#card-2 {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  z-index:2;
  left:70px;
  top:8px;
}
  
#card-3 {

background:none transparent;
-webkit-transform:rotate(-4deg);
-moz-transform:rotate(-4deg);

  z-index:3;
  top:-6px;
}

  
#card-4 {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  z-index:2;
  right:65px;
  top:17px;
}
  
#card-5 {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  z-index:1;
  right:150px;
  top:40px;
}

/* Hover States */
  
ul#index_cards li:hover {
  z-index:0;
}
  
#card-1:hover {
	
  -moz-transform: scale(1.1) rotate(-18deg);
     -webkit-transform: scale(1.1) rotate(-18deg); 
}
    
#card-2:hover {
  -moz-transform: scale(1.1) rotate(-8deg);
   -webkit-transform: scale(1.1) rotate(-8deg); 
}
  
#card-3:hover {
	background:url(images/bt-subscrib.png) no-repeat;
  -moz-transform: scale(1.05) rotate(-2deg);
   -webkit-transform: scale(1.05) rotate(-2deg); 
}
  
#card-4:hover {
background:url(images/bt-subscribe.png) no-repeat;
  -moz-transform: scale(1.1) rotate(8deg);
   -webkit-transform: scale(1.1) rotate(8deg); 
}
  
#card-5:hover {
  -moz-transform: scale(1.1) rotate(22deg);
   -webkit-transform: scale(1.1) rotate(22deg); 
}