/*
Theme Name: CCCS
Theme URI: http://www.cccswv.com/
Description: WP theme for <a href="http://www.cccswv.com/">CCCS</a>
Author: Nikola Ludoski
Version: 1.0
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
	background:#006599 url(images/bg.jpg) left top repeat-x;;
	margin:0px;
	padding-top:24px;
	margin-top:0px;
	margin-bottom:0px;
}
a {color:#0c53a2; text-decoration:none}
a:hover {color:#db3535; text-decoration:underline}
h1 {font-family:Arial, Helvetica, sans-serif; margin:0px; color:#0c53a2; font-size:18px; padding-top:5px; padding-bottom:5px;}
h2 {font-family:Arial, Helvetica, sans-serif; margin:0px; color:#0c53a2; font-size:16px; padding-top:5px; padding-bottom:5px;}
h3 {font-family:Arial, Helvetica, sans-serif; margin:0px; color:#0c53a2; font-size:14px; padding-top:5px; padding-bottom:5px;}
h4 {font-family:Arial, Helvetica, sans-serif; margin:0px; color:#0c53a2; font-size:12px; padding-top:5px; padding-bottom:5px;}

.clear {clear:both}
img {border:0px none;}
img a {border:0px none;}
p {margin:0px; padding-bottom:5px; padding-top:5px;}


/* Wrap */
#wrap {width:982px; margin:0px auto; padding:0px; background:url(images/bg-content.jpg) left top repeat-y;}

/* Background */
.bg-top {width:982px; height:9px; background:url(images/bg-top.jpg) left bottom repeat-y;}
.bg-left {width:10px; float:left; background:url(images/bg-top-left.jpg) left top no-repeat; height:210px;}
.bg-right {width:14px; float:right; background:url(images/bg-top-right.jpg) left top no-repeat; height:210px;}

/* Content */
#content {width:958px; margin:0px auto; float:left;}

/* Header */
#header {font-size:13px; display:block; width:958px; height:124px; background:url(images/bg-header.jpg) left top no-repeat;}
#header .banner {width:325px; height:115px; display:block; background:url(images/bg-banner.jpg) left top no-repeat; float:right; padding-right:15px; margin-top:9px; color:#ff7e00; font-size:12px; line-height:16px;}
#header .banner .txt {padding-top:15px; padding-left:7px; padding-right:10px;}

#header .blogname {
	width:312px;
	margin:0px;
    float:left;
	background-repeat:no-repeat;

	}
#header .blogname h1  {
	font-size:45px;
	padding:0px;
	font-weight:normal;
	color:#000;
	text-align:left;
	margin:0px;
	text-indent:-9000px;
	background:url(images/logo.jpg) left top no-repeat;
	height:124px;
	
	}
#header .blogname h1  a:link, .blogname h1  a:visited{ 
	color: #000; 
	display:block;
	height:124px;
	}
	
#header .blogname h1  a:hover { 
	color: #000; 
	}


 

.topmenu {width:958px; margin:0px auto; height:38px; background:url(images/bg-menu-bottom.jpg) left bottom repeat-x;} 
#navtabs { list-style: none; padding: 0px; height: 31px; font-size: 14px; font-weight: normal; text-transform: capitalize;  margin:0px; background:#00679A url(images/bg-menu-all.jpg) left top repeat-x;} 
#navtabs a {text-decoration: none; color: #0288D8;}
#navtabs a:hover { text-decoration: underline; } :focus { -moz-outline-style: none; }
#navtabs li { float: left; background: #006EA3 url(images/tableft.jpg) no-repeat left top; padding: 7px 0 7px 14px; border-right: 1px solid #FFFFFF;} 
#navtabs li a { background: #0174AD url(images/tabright.jpg) no-repeat top right; padding: 7px 14px 7px 0; line-height:14px; color:#FFFFFF} 
#navtabs li.current_page_item { background: #FFB619 url(images/tableft_active.jpg) no-repeat left top; } 
#navtabs li.current_page_item a { background: #FFB619 url(images/tabright_active.jpg) no-repeat right top; color: #FFFFFF; }

#navtabs li.left {width:108px; height:31px; float:left; background:url(images/menu-left.jpg) left top no-repeat; display:block; padding:0px;}
#navtabs li.right {width:6px; height:31px; float:left; background:url(images/menu-right.jpg) left top no-repeat; display:block; padding:0px; margin-right:0px; border-right:0px none;}


#main {width:720px; float:right;}
#main .big-img {width:720px; height:296px; display:block; margin-bottom:18px;}


.box-holder {width:720px; padding-bottom:20px;}
.orange-box {width:228px; float:left; padding:4px; background-color:#E96735; color:#FAFAFA; margin-right:4px; font-size:11px; height:185px;}
.orange-box h2 {font-size:12px; font-weight:bold; margin:0px; color:#FAFAFA;}

.pink-box {width:228px; float:left; padding:4px; background-color:#B524BF; color:#FAFAFA; margin-right:4px; font-size:11px; height:185px;}
.pink-box h2 {font-size:12px; font-weight:bold; margin:0px; color:#FAFAFA;}

.green-box {width:228px; float:left; padding:4px; background-color:#3DB049; color:#FAFAFA; font-size:11px; height:185px;}
.green-box h2 {font-size:12px; font-weight:bold; margin:0px; color:#FAFAFA;}

.read-more {text-align:right; color:#FFFFFF; text-decoration:none;  font-weight:normal;}
.read-more a {color:#FFFFFF; text-decoration:none; font-weight:normal;}
.read-more a:hover {color:#FFFFFF; text-decoration: underline; font-weight:normal;}

.red-box {width:704px; border:4px solid #DB3535; padding-left:5px; font-size:11px; color:#282828; background:url(images/bg-red-box.jpg) top left repeat-x;}
.red-box h2 {color:#db3535; font-size:12px; font-weight:bold; margin:0px; padding-top:15px; padding-bottom:10px;}
.red-box ul { margin-left:0px; margin-top:0px; margin-bottom:0px; padding-bottom:10px; padding-left:20px; list-style-image:url(images/bg-ul.jpg);}
.red-box ul li { margin-left:0px; padding-top:2px; padding-bottom:2px; margin-top:0px; margin-bottom:0px;}
.red-box .appointment {width:306px; height:148px; display:block; float:right;}


/* sidebar */
#sidebar {width:195px; float:left;}


/* vertical menu */
#menu {
	width: 195px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px dotted #BcBcBc;
	margin-bottom:10px;
	}
	
#menu li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 21px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #0c53a2;
	display: block;
	background:  url(images/menu2.gif);
	padding: 8px 0 0 22px;
	}
	
#menu li a:hover {
	color: #ffa200;
	background:  url(images/menu2.gif) 0 -30px;
	padding: 8px 0 0 22px;
	}
#menu li.current-cat a:link, #menu li.current-cat a:visited, #menu li.current-cat a:hover  {
	color: #ffa200;
	background:  url(images/menu2.gif) 0 -30px;
	padding: 8px 0 0 22px;
	}
#menu li.current_page_item a:link, #menu li.current_page_item a:visited, #menu li.current_page_item a:hover  {
	color: #ffa200;
	background:  url(images/menu2.gif) 0 -30px;
	padding: 8px 0 0 22px;
	}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/* news banner */
#news {width:195px; height:84px; display:block; background:url(images/banner-news.jpg) left top no-repeat; margin-bottom:7px;}
#news .txt {width:130px; padding-top:20px; font-family:tahoma,arial; font-size:10px; color:#4b4a4a; padding-left:6px; font-weight:bold;}
#news .read-more {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; width:130px; color:#ff6d03;}
#news .read-more a {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; width:130px; color:#ff6d03; text-decoration:none; font-weight:normal;}
#news .read-more a:hover {color:#ff6d03; text-decoration: underline; font-weight:normal;}


.testimonials {width:191px; height:354px; background:url(images/testimonials.jpg) left top no-repeat; display:block; font-family: tahoma, arila;  font-size:13px; color:#FFFFFF;}
.testimonials a {color:#fffbd9; text-decoration:none; text-align:right; float:right}
.testimonials a:hover {color:#fffbd9; text-decoration: underline;}
.testimonials .txt {width:170px; margin:0px auto; padding-top:270px;}


/* footer */
#footer {width:982px; margin:0px auto; background:url(images/bg-footer.jpg) top no-repeat; height:94px;}
#footer .logos {width:354px; float:left; height:73px; padding-left:10px; padding-top:7px;}
#footer .links {width:500px; float:right; padding-top:7px; text-align:right; font-size:11px; color:#000000; padding-top:22px; padding-right:30px; font-weight:normal;}
#footer .links a {color:#000000; font-weight:normal; text-decoration:none;}
#footer .links a:hover {color:#000000; font-weight:normal; text-decoration: underline;}

/* wp elements */
.posttitle {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0c53a2; font-size:18px; font-weight:bold; text-decoration:none;}
.posttitle a {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0c53a2; font-size:18px; font-weight:bold; text-decoration:none;}
.posttitle a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#db3535; font-size:18px; font-weight:bold; text-decoration:none;}

.title {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0c53a2; font-size:18px; font-weight:bold; text-decoration:none;}
.title a {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0c53a2; font-size:18px; font-weight:bold; text-decoration:none;}
.title a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#db3535; font-size:18px; font-weight:bold; text-decoration:none;}

.post {margin-bottom:30px; padding-bottom:10px; border-bottom:1px dotted #DADADA;}
.links {text-align:right; font-size:11px; font-weight:bold;}