/*
Theme Name: proxioTheme
Theme URI: http://www.proxio.se
Description: Wordpresstema för Proxio
Version: 1.0
Author: Pontus Nilsson
Author URI: http://wallmanderco.se/
*/


/* Begin Typography & Colors */
BODY { background:#17151b; }
BODY, INPUT, P, SELECT, TEXTAREA,
H1, H2 { 
	margin:0;
	padding:0;
	font-size:11px;
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
H3 { 
	line-height:64px;
	margin-top:0px
	}
H6 { 
	margin:0;
	padding:0;
	font-size:14px;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
H4 { 
	margin-top:0px;
	font-size:14px;
	}
H1 {
	font-size:11px;
	margin-bottom:2px
	}
H2 {
	margin:0px 5px 2px 0px;
	background:#98c859;
	width:68px;
	color:#FFF;
	font-size:9px;
	text-align:center;
	float:left;
	}

A { color:#384289; text-decoration:none; font-weight:bold; }
A:hover { text-decoration:underline; }

/****
	Main
****/
#header {
	width:982px;
	height:90px;
	margin:0px auto;
	}

#menu A {
	font-family:Arial, Helvetica, sans-serif;
	width:104px;
	float:left;
	display:block;
	background:url("images/bg_menu.gif") no-repeat;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#c0c0c0;
	}
#menu A:hover, #menu A.on {
	color:#bf2e1a;
	background-position:bottom;
	}
#left-menu {
	padding-top:12px;
	}
	#left-menu LI { list-style-type:none; }
	#left-menu li.current_page_item A {
		margin-left:6px;
		background:url("images/bg_left_menu.gif") no-repeat;
		text-decoration:none;
	} 
	
	#left-menu A {
		font-family:Arial, Helvetica, sans-serif;
		line-height:27px;
		font-size:12px;
		color:#000;		
		background:#a7a7a7;
		margin-left:18px;
		display:block;
		}
	#left-menu A SPAN {
		display:block;
		padding-left:10px;		
		}
	#left-menu A:HOVER, #left-menu A.on {
		background:url("images/bg_left_menu.gif") no-repeat;
		text-decoration:none;
		}
	#left-menu A:HOVER SPAN, #left-menu A.on SPAN {
		}
#body, #footer {
	background:#c7c7c7 url("images/bg_body.gif") repeat-x;
	width:982px;
	margin:0px auto;
	overflow:hidden;
	}
	#body .main-content {
		margin-top:20px;
		overflow:auto;
		}
	#body-left {
		width:222px;
		float:left;
		overflow:hidden;
		}	
	#body-content {
		width:538px;
		float:left;
		background:#edeeee;
		overflow:hidden;	
		}
		#body-content .contentNews {
			margin:0px 24px 0 24px;
			padding-bottom:10px;
			
			}
		#body-content .content {
			margin:0px 24px 0 24px;
			padding-bottom:50px;
			
			}
		#body-content .title {
			margin-bottom:40px;
			}
		#body-content p {
			margin-bottom:22px;
			}
	#body-right {
		padding-top:12px;
		width:222px;
		float:left;
		overflow:hidden;
		}
#footer {
	background:#c7c7c7;
	font-size:11px;
	line-height:14px;
	height:80px;
	margin-bottom:20px;
	}
	#footer-left { 
		float:left;
		width:194px;
		margin:10px 14px;
		}
	#footer-right {
		float:left;
		width:500px;
		margin:10px 0 0 0;
		}
		

		
/****
	Home
****/	
#home-banner {
	width:982px;
	margin:0px auto;
	}

#home-left {
	background:#c7c7c7 url("images/bg_shadow_home_left.gif") repeat-x;
	width:602px;
	height:264px;
	float:left;
	}
#home-right {
	background:#5c5a60 url("images/bg_shadow_home_right.gif") repeat-x;
	width:371px;
	height:262px;
	float:left;	
	}
	#home-right .content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:18px;
	color:#ffffff;
	}
		
	.home_content_box {
		background:#ececec;
		width:292px;
		height:252px;
		float:left;
		margin:10px 9px 0 0;
		}
	.home_content_box .content {
		width:273px;
		margin:8px auto;
		margin-bottom:0px;
		}
	/* news _ cases */
	.news, .cases {
	 margin-top:20px;
	 overflow:auto;
	 }
	.news IMG {
		float:left;
		margin:0 5px 0 0;
		}
	.cases IMG {
		margin-bottom:6px;
		}
/* client pic & desc */
.client { overflow:auto; }
.client .left { width:198px; }
.client .right { width:272px; }

/* right column box */
.right_box {
	padding:14px 0px 2px 0px;
	background:#595760 url("images/bg_right_box.gif") repeat-x;
	color:#FFFFFF;
	font-size:12px;
	width:222px;
	overflow:hidden;
	}
	.right_box .content {
		margin:0px auto;
		width:198px;
		overflow:hidden;
		clear:both;
	}
	.read_more  {	
		border-top:1px solid #868389;
		border-bottom:1px solid #868389;
		padding:4px 0px;
		width:198px;
		margin-top:4px;
		}
	.read_more  A {
		color:#bdd9f1;
		border:0;	
		}
.spacer {
	margin:24px 0px;
	height:1px;
	line-height:1px;
	background:#afafaf;
	display:block;
	clear:both;
	}

.right { float:right; }
.left { float:left; }

/****
	FORM
****/

	/** search **/
	#search { 
		float:right;
		width:302px;
		margin-top:10px;
		}
	#search INPUT, #search A {
		display:block;
		float:left;
		border:0;
		cursor:pointer;
		margin-top:2px;
		}
	#search .spac {
		width:1px;
		margin:0px 4px 0px 6px;
		line-height:22px;
		display:block;
		float:left;
		background:#fff;
		font-size:1px;
		}
	#search INPUT.client_login {
		background:url("images/btn_client_login.gif") no-repeat;
		width:86px;
		height:19px;
		}
	#search #s {
		background:url("images/bg_input.gif") no-repeat;
		width:130px;
		padding:4px 0 4px 4px;
		margin:0px 4px;
		}
		
	/** flags **/
	#flags { 
		float:right;
		width:100px;
		margin-top:10px;
		}
	
	
.contact_form {
	float:right;
	width:380px;
	margin-top:30px;
	}
.contact_form p.row {
	overflow:auto;
	clear:both;
	margin-bottom:13px;
	}
.contact_form INPUT, .contact_form TEXTAREA {
	display:block;
	float:left;
	width:280px;
	}
.contact_form SPAN {
	display:block;
	float:left;
	width:68px;
	line-height:20px;
	font-weight:bold;
	}/* End captions */
	
	    img.centered, .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left; }